/* Native scrolling drives the gallery; no wheel or touch interception. */
.showcase-controls{display:none}.showcase-viewport{min-width:0}
@media(prefers-reduced-motion:no-preference){
 .scroll-title{translate:0 calc((1 - var(--scroll-enter,1))*28px);clip-path:inset(0 0 calc((1 - var(--scroll-enter,1))*20%) 0);opacity:calc(.45 + var(--scroll-enter,1)*.55)}
 .tool-list{perspective:1100px}.tool-card .tool-icon{transform:translateY(calc((1 - var(--scroll-enter,1))*18px)) rotate(calc((1 - var(--scroll-enter,1))*-9deg));transition:transform .15s ease-out}
 .contact{border-radius:calc((1 - var(--scroll-enter,1))*70px) calc((1 - var(--scroll-enter,1))*70px) 0 0}
}
#work.scroll-showcase{max-width:none;width:100%;height:205vh;padding:0;margin:65px 0 85px;position:relative}
.scroll-showcase .showcase-stage{position:sticky;top:98px;height:calc(100vh - 110px);max-height:1050px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#dbe5cf77,transparent 65%)}
.scroll-showcase .section-head{width:88%;max-width:1280px;margin:0 auto 20px;flex-shrink:0}
.scroll-showcase .section-head .eyebrow{margin-bottom:10px}.scroll-showcase .section-head h2{font-size:clamp(38px,4vw,58px)}
.scroll-showcase .showcase-viewport{width:100%;overflow:hidden;padding:12px 0 18px;perspective:1500px}
.scroll-showcase .projects{display:flex;gap:65px;width:100%;will-change:transform;transform-style:preserve-3d}
.scroll-showcase .project{flex:0 0 min(63vw,850px);min-width:0;transform-origin:center;will-change:transform;backface-visibility:hidden;padding:18px 22px 20px;background:#f8f8f1;border:1px solid #d4deca;border-radius:18px;box-shadow:0 16px 32px #203e3412}
.scroll-showcase .project-visual{height:clamp(180px,29vh,380px);aspect-ratio:auto;padding:24px 10%;border-radius:10px}.scroll-showcase .project:hover .project-visual{transform:none}
.scroll-showcase .mock-metrics{margin-top:14px}.scroll-showcase .mock-charts{margin-top:15px}.scroll-showcase .bars{height:65px}.scroll-showcase .mock-bar{padding-bottom:10px}
.scroll-showcase .sheet{max-width:500px;width:100%;margin:auto;padding:14px 22px}.scroll-showcase .sheet-title{padding-bottom:8px}.scroll-showcase .sheet-row{min-height:24px}.scroll-showcase .sheet-footer{margin-top:8px}
.scroll-showcase .project-meta{margin:18px 0 10px}.scroll-showcase .project h3{font-size:26px;margin-bottom:8px}.scroll-showcase .project p{max-width:none;margin-bottom:8px}.scroll-showcase .project-action{padding-bottom:5px}
.scroll-showcase .showcase-controls{display:flex;align-items:center;justify-content:space-between;width:88%;max-width:1280px;margin:10px auto 0;font-size:9px;letter-spacing:1.6px;flex-shrink:0}
.showcase-steps{display:flex;gap:15px;align-items:center}.showcase-steps button{border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);width:40px;height:40px;cursor:pointer;font-size:11px}.showcase-steps button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.showcase-track{height:2px;background:#cdd6c3;width:100px;overflow:hidden}.showcase-track i{display:block;width:100%;height:100%;background:var(--ink);transform-origin:left}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){.scroll-title{translate:0 calc((1 - var(--scroll-enter,1))*16px)}.contact{border-radius:calc((1 - var(--scroll-enter,1))*30px) calc((1 - var(--scroll-enter,1))*30px) 0 0}}
