.work-section .work-rail{gap:0;scroll-snap-type:x mandatory}
.work-section .work-card{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);min-height:460px;border-radius:16px;overflow:hidden;background:var(--panel,#141414);color:#f4f1ea}
.work-section .work-visual{position:relative;min-height:280px;background:#111}
.work-section .work-visual img,.work-section .work-visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.work-section .work-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 52%,var(--panel,#141414) 96%);pointer-events:none}
.work-section .work-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:44px 40px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent,#fff) 16%,var(--panel,#141414)),var(--panel,#141414) 58%)}
.work-section .work-logo{height:44px;width:auto;max-width:210px;object-fit:contain;object-position:left center;margin-bottom:22px}
.work-section .work-logo.on-light{background:#fff;border-radius:8px;padding:6px 10px}
.work-section .finestone-visual{background:var(--panel)}
.work-section .finestone-visual img{object-fit:contain;background:#f4f6fb;inset:auto;width:min(280px,62%);height:auto;aspect-ratio:1;max-height:72%;top:50%;left:12%;transform:translateY(-50%);padding:28px;border-radius:16px}
.work-section .work-kicker{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent,#d7d7d7)}
.work-section .work-card h3{margin:12px 0 0;font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.035em;font-weight:450;color:#f7f4ee}
.work-section .work-card p{margin:14px 0 0;max-width:360px;font-size:15px;line-height:1.55;color:color-mix(in srgb,#f7f4ee 72%,var(--panel,#141414))}
.work-section .work-explore{margin-top:26px;background:#fff;color:#0a0a0a}
.work-section .work-explore:hover{opacity:.88}
.work-section .finestone-thumb img{object-fit:contain;padding:48px;background:#0e1c3d}

@media(max-width:760px){
  .work-section .work-card{grid-template-columns:1fr;min-height:0}
  .work-section .work-visual{height:230px}
  .work-section .work-visual:after{background:linear-gradient(180deg,transparent 42%,var(--panel,#141414))}
  .work-section .work-copy{padding:26px 22px 28px}
  .work-section .work-logo{height:36px;margin-bottom:16px}
  .work-section .work-card h3{font-size:30px}
}
@media(prefers-reduced-motion:reduce){
  .work-section .work-rail{scroll-behavior:auto}
}