/* 05 风格选择
   给「首页」用的样式。改这一块只动这个文件。 */

/* filterable style index */
.style-gallery{padding-top:118px;padding-bottom:140px;background:var(--paper)}
.style-gallery-intro{display:grid;grid-template-columns:1fr;align-items:end;margin:72px 0 68px}
.style-gallery-intro .display-title,.process-grid>.display-title{font:800 clamp(42px,4.1vw,74px)/.98 var(--display);letter-spacing:-.055em;text-wrap:balance}
.style-gallery-intro p{max-width:440px;margin:0 0 8px;font-size:13px;line-height:1.8}
.style-filters{display:flex;gap:clamp(20px,2.5vw,46px);align-items:center;overflow-x:auto;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.style-filters::-webkit-scrollbar{display:none}.style-filters button{position:relative;flex:none;border:0;background:none;padding:8px 0;cursor:pointer;font-size:12px;opacity:.45;transition:opacity .25s}.style-filters button:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;background:#a978d6;transform:scaleX(0);transition:transform .3s var(--ease)}.style-filters button:hover,.style-filters button.is-active{opacity:1;font-weight:700}.style-filters button.is-active:after{transform:scaleX(1)}
.style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
.style-card{position:relative;display:block;color:inherit;text-decoration:none;aspect-ratio:1.18;overflow:hidden;background:#d4cec2;transition:opacity .35s ease,transform .45s var(--ease)}.style-card-wide,.style-card-tall{grid-column:auto;grid-row:auto;aspect-ratio:1.18;min-height:0}.style-card.is-filtered{display:none}.style-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),filter .5s ease}.style-card:hover img{transform:scale(1.045);filter:saturate(.78)}.style-card:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(0deg,rgba(12,11,9,.68),transparent);pointer-events:none}.style-card>div{position:absolute;z-index:1;left:16px;right:16px;bottom:14px;display:flex;justify-content:space-between;align-items:end;gap:16px;color:var(--bone)}.style-card strong{font-size:14px}.style-card span{font:500 9px var(--mono);opacity:.78;text-align:right}

/* 底部「全部过往案例」高质感胶囊标签 */
.style-more-wrap{display:flex;justify-content:center;margin-top:clamp(40px,5.5vw,72px)}
.style-more-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 38px;border-radius:40px;border:1px solid rgba(18,17,15,.22);background:rgba(255,255,255,.35);backdrop-filter:blur(10px);color:var(--ink,#12110f);font-size:14px;font-weight:600;letter-spacing:.04em;text-decoration:none;transition:all .3s cubic-bezier(.25,1,.5,1);box-shadow:0 2px 12px rgba(0,0,0,.04)}
.style-more-btn:hover{border-color:var(--ink,#12110f);background:var(--ink,#12110f);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}
.style-more-btn span{font-size:15px;display:inline-block;transition:transform .25s ease}
.style-more-btn:hover span{transform:translate(2px,-2px)}