.project-media{padding-top:clamp(3rem,6vw,7rem);padding-bottom:clamp(3rem,6vw,7rem)}
.project-media+.project-media{border-top:1px solid var(--line-light)}
.project-media__heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:clamp(1.5rem,3vw,3rem)}
.project-media__heading h2{font-size:clamp(2rem,5.5vw,6rem);font-weight:620;letter-spacing:-.065em;line-height:1.02;text-transform:uppercase;margin:.8rem 0 0}
.project-media__copy{max-width:65ch;color:var(--paper-dim);font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.5;margin:1.5rem 0 0}
.project-media__controls{display:flex;gap:.5rem;flex:none}
.project-media__controls button{width:52px;height:48px;border:1px solid var(--line-light);background:transparent;color:var(--paper);cursor:pointer;font-size:1.5rem}
.project-media__controls button:hover:not(:disabled){color:var(--acid);border-color:var(--acid)}
.project-media__controls button:disabled{opacity:.3;cursor:default}
.project-media__track{display:flex;align-items:flex-start;gap:clamp(1rem,2vw,2rem);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:var(--acid) var(--ink-soft);scrollbar-width:thin;padding-bottom:1rem;overscroll-behavior-x:contain}
.project-media__slide{min-width:0;flex:0 0 min(72%,calc(min(76svh,48rem) * var(--media-ratio,1.777778)));scroll-snap-align:start;margin:0}
.project-media__track--single{justify-content:center}
.project-media__track--single .project-media__slide{flex-basis:min(100%,calc(min(76svh,48rem) * var(--media-ratio,1.777778)))}
.project-media__slide video,.project-media__image{display:block;width:100%;height:auto;aspect-ratio:var(--media-ratio,16/9);object-fit:contain;background:transparent}
.project-media__slide figcaption{display:flex;justify-content:space-between;gap:1rem;color:var(--paper-dim);font-family:var(--font-geist-mono),monospace;font-size:.68rem;letter-spacing:.08em;padding-top:.8rem}
@media(max-width:700px){.project-media__heading{align-items:start;flex-wrap:wrap}.project-media__heading>div:first-child{min-width:0;width:100%}.project-media__heading h2{font-size:clamp(1.75rem,9vw,3.5rem)}.project-media__controls{margin-left:auto}.project-media__controls button{width:44px;height:44px}.project-media__slide{flex-basis:min(88%,calc(72svh * var(--media-ratio,1.777778)))}.project-media__track--single .project-media__slide{flex-basis:min(100%,calc(72svh * var(--media-ratio,1.777778)))}}
@media(prefers-reduced-motion:reduce){.project-media__track{scroll-behavior:auto}}