/* Project imagery moves through the centered title while the page scrolls normally. */
#work.project-showcase{position:relative;isolation:isolate;overflow:clip;background:var(--bg);color:var(--fg);padding:0 var(--pad) clamp(100px,13vw,180px)}
.project-showcase__anchor{position:sticky;top:30svh;z-index:0;height:0;display:flex;align-items:flex-start;justify-content:center;pointer-events:none}
.project-showcase__title{margin:0;text-align:center;font:400 clamp(76px,15vw,220px)/.82 var(--dsp);letter-spacing:-.01em;text-transform:uppercase}
.project-showcase__title span{display:block;color:var(--red)}
.project-showcase__list{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(90px,13vw,210px);padding:76svh 0 0;margin:0;list-style:none}
.project-showcase__item{width:min(54%,780px);align-self:flex-start}
.project-showcase__item:nth-child(even){align-self:flex-end}
.project-showcase__item:nth-child(3n){width:min(46%,650px)}
.project-showcase__link{display:block;color:var(--fg);text-decoration:none;will-change:transform}
.project-showcase__media{display:block;overflow:hidden;aspect-ratio:1.5;background:#181818}
.project-showcase__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.project-showcase__caption{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-top:14px}
.project-showcase__caption,.project-showcase__description{position:relative;background:var(--bg)}
.project-showcase__name{font:400 clamp(28px,3vw,44px)/.95 var(--dsp);text-transform:uppercase}
.project-showcase__arrow{font:400 22px/1 var(--sans);color:var(--red)}
.project-showcase__description{margin:0;padding-top:7px;max-width:48ch;font:400 clamp(13px,1.1vw,16px)/1.45 var(--sans);color:var(--fg)}
.project-showcase__all{position:relative;z-index:2;display:flex;justify-content:center;margin-top:clamp(100px,12vw,180px)}
.project-showcase__all a{display:inline-flex;align-items:center;gap:48px;padding:19px 25px;background:var(--fg);color:var(--bg);font:400 24px/1 var(--dsp);text-decoration:none;text-transform:uppercase}
.project-showcase__link:focus-visible,.project-showcase__all a:focus-visible{outline:3px solid var(--red);outline-offset:5px}
@media(hover:hover) and (pointer:fine){.project-showcase__link:hover img{transform:scale(1.035)}.project-showcase__all a:hover{background:var(--red);color:#fff}}
@media(max-width:700px){
 .project-showcase__anchor{top:38svh}
 .project-showcase__title{font-size:clamp(72px,19vw,132px)}
 .project-showcase__list{gap:92px;padding-top:78svh}
 .project-showcase__item,.project-showcase__item:nth-child(3n){width:82%}
 .project-showcase__name{font-size:30px}
 .project-showcase__all{margin-top:100px}
}
@media(prefers-reduced-motion:reduce){.project-showcase__media img{transition:none}.project-showcase__link{will-change:auto}}