.project-showcase{color:var(--c-fg);background:0 0;padding:50px 24px}.showcase-stage{max-width:1360px;margin:auto}.showcase-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px;display:flex}.showcase-heading h2{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(30px,4vw,52px);line-height:1}.showcase-heading>a{text-underline-offset:6px;white-space:nowrap;font-size:14px;text-decoration:underline}.showcase-projects{min-height:430px;position:relative}.showcase-project{opacity:0;visibility:hidden;pointer-events:none;grid-template-columns:minmax(0,.65fr) minmax(0,1.6fr);align-items:center;gap:40px;transition:opacity .45s;display:grid;position:absolute;inset:0}.showcase-project.is-active{opacity:1;visibility:visible;pointer-events:auto}.showcase-project-copy>span{color:var(--c-muted);font-size:12px}.showcase-project-copy h3{font-family:var(--font-display);letter-spacing:-.03em;margin:15px 0 20px;font-size:clamp(26px,3vw,42px);line-height:1.04}.showcase-project-copy p{color:var(--c-fg-soft);max-width:32ch;font-size:15px;line-height:1.65}.showcase-project-copy>a{text-underline-offset:6px;margin-top:25px;font-size:14px;text-decoration:underline;display:inline-block}.showcase-project-image{aspect-ratio:1.6;background:var(--c-surface-2);border-radius:10px;display:block;overflow:clip}.showcase-project-image>img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(10px)scale(1.025)}.is-active .showcase-project-image>img{transform:translateY(0)scale(1)}.showcase-selectors{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:25px;display:grid}.showcase-selectors>button{cursor:pointer;text-align:left;opacity:.55;padding:0 0 12px;transition:opacity .2s;position:relative}.showcase-selectors>button:hover,.showcase-selectors>button[aria-selected=true]{opacity:1}.showcase-selectors img{object-fit:cover;border-radius:4px;width:100%;height:60px;margin-bottom:9px;display:block}.showcase-selectors span{font-size:11px;line-height:1.3;display:block}.showcase-selectors i{background:var(--c-line-strong);height:2px;position:absolute;bottom:0;left:0;right:0}.showcase-selectors [aria-selected=true] i{background:var(--c-accent)}@media (width>=900px){.showcase-scroll{height:350vh;padding-top:0;padding-bottom:0}.showcase-scroll .showcase-stage{flex-direction:column;justify-content:center;height:calc(100svh - 72px);min-height:650px;padding:25px 0;display:flex;position:sticky;top:72px}.showcase-scroll .showcase-heading{margin-bottom:20px}.showcase-scroll .showcase-projects{height:min(49vh,500px);min-height:0}.showcase-scroll .showcase-project-image{aspect-ratio:auto;height:100%}.showcase-scroll .showcase-selectors{margin-top:20px}}@media (width<=899px){.showcase-heading{display:block}.showcase-heading>a{margin-top:20px;display:inline-block}.showcase-projects{min-height:570px}.showcase-project{flex-direction:column-reverse;justify-content:flex-end;align-items:stretch;gap:25px;display:flex}.showcase-project-image{aspect-ratio:1.5;flex-shrink:0}.showcase-project-copy h3{font-size:30px}.showcase-project-copy p{max-width:none}.showcase-selectors{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.showcase-selectors img{height:54px}.showcase-selectors span{font-size:10px}.showcase-project-copy>a{margin-top:15px}}@media (prefers-reduced-motion:reduce){.showcase-project,.showcase-project-image>img{transition:none;transform:none}}@media (width<=899px){.showcase-projects{min-height:490px}}@media (width>=900px){.showcase-project{grid-template-rows:minmax(0,1fr);min-height:0}.showcase-project-image{background:0 0;min-width:0;min-height:0;max-height:100%}.showcase-project-image>img{object-fit:contain}}.showcase-projects{overflow:clip}.showcase-client{color:var(--c-muted);margin-top:16px;font-size:12px;display:block}.showcase-navigation{color:var(--c-muted);align-items:center;gap:24px;margin-top:24px;font-size:12px;display:flex}.showcase-position{font-variant-numeric:tabular-nums}.showcase-manual{gap:8px;margin-left:auto;display:flex}.showcase-manual button{border:1px solid var(--c-line-strong);cursor:pointer;width:44px;height:44px;color:var(--c-fg);border-radius:50%;font-size:20px}.showcase-manual button:hover{background:var(--c-accent-wash)}.showcase-scroll-hint{margin-left:auto}.showcase-scroll .showcase-manual:not(:focus-within){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.showcase-project-image{transition:transform .85s cubic-bezier(.16,1,.3,1)}.showcase-project.is-next .showcase-project-image{transform:translate(50%)rotate(3deg)}.showcase-project.is-past .showcase-project-image{transform:translate(-4%)scale(.94)}.showcase-project.is-active .showcase-project-image{transform:none}.showcase-project.is-next{transition:visibility 0s .85s,opacity .5s}.showcase-project.is-active{transition:opacity .5s}.showcase-project-copy{z-index:2;position:relative}@media (prefers-reduced-motion:reduce){.showcase-project-image,.showcase-project.is-next .showcase-project-image,.showcase-project.is-past .showcase-project-image{transition:none;transform:none}}.showcase-scroll .showcase-project.is-upcoming{visibility:visible;opacity:1;pointer-events:none}.showcase-scroll .is-upcoming .showcase-project-copy{visibility:hidden}.showcase-scroll .is-upcoming .showcase-project-image{opacity:.65;transform:translate(88%)scale(.92)}