/* ZERO11 Work — single case study. Loads after z11.css + articles.css (shared reveal system). */
:root{--f-pt:clamp(30px,4.6vw,88px);--f-ph:clamp(26px,3.4vw,64px);--f-pb:clamp(17px,1.4vw,24px);--f-pn:clamp(26px,3.2vw,60px)}
.proj__head{padding-top:clamp(110px,12vw,230px)}
.proj__head .eyebrow{margin-bottom:clamp(30px,4.2vw,80px)}
.proj__title{font-size:var(--f-pt);margin-left:var(--i);line-height:1}
.proj__desc{margin:clamp(24px,2.6vw,50px) 0 0 var(--i);font-size:var(--f-body);line-height:1.4;max-width:min(60vw,980px);font-weight:700;letter-spacing:-.004em}
.proj__meta{display:flex;flex-wrap:wrap;gap:16px clamp(28px,4vw,80px);margin:clamp(22px,2.4vw,46px) 0 0 var(--i);max-width:min(80vw,1300px)}
.proj__meta div{min-width:0;max-width:46ch}
.proj__meta dt{font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.5em}
.proj__meta dd{margin:0;font-size:var(--f-body);line-height:1.4}
@media (max-width:699px){.proj__title,.proj__desc,.proj__meta{margin-left:0}}
.fr{position:relative;overflow:hidden;margin:0;background:#E4E4E4;aspect-ratio:var(--ar,16/9)}
.fr img,.fr video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.fr video{background:var(--zero11-dark)}
.fr--hero{margin-top:clamp(48px,6vw,120px)}
.psec{padding-top:clamp(56px,8vw,160px)}
.psec--first{padding-top:clamp(56px,7vw,140px)}
.standfirst{margin:0 0 0 var(--i);font-size:var(--f-stand);line-height:1.3;letter-spacing:-.01em;max-width:min(58vw,880px)}
.lead{margin:clamp(22px,2.4vw,46px) 0 0 var(--i);font-size:var(--f-pb);line-height:1.55;max-width:min(54vw,780px);letter-spacing:-.003em}
.psec h2{font-family:var(--sans);font-weight:700;text-transform:uppercase;letter-spacing:-.012em;line-height:1.02;font-size:var(--f-ph);margin:0 0 0 var(--i)}
.ptext{margin:clamp(18px,2vw,38px) 0 0 var(--i);max-width:min(54vw,780px);font-size:var(--f-pb);line-height:1.55;letter-spacing:-.003em}
.ptext p{margin:0 0 1.1em}.ptext p:last-child{margin-bottom:0}
.ptext a,.lead a{text-decoration:underline;text-underline-offset:.2em}
@media (max-width:699px){.standfirst,.lead,.psec h2,.ptext{margin-left:0;max-width:none}}
.gal{display:flex;align-items:flex-start;gap:clamp(.75rem,1.5vw,1.6rem);margin-top:clamp(40px,5vw,100px)}
.gal .fr{flex:var(--f,1) 1 0;min-width:0}
.gal--one .fr{flex:none;width:min(100%,calc(var(--ar) * 92vh))}
@media (max-width:759px){.gal{flex-direction:column;gap:14px}.gal .fr{flex:none;width:100%}.gal--one .fr{width:100%}}
.pstate{padding-top:clamp(72px,10vw,200px)}
.pstate__t{font-size:clamp(34px,7.4vw,140px);margin-left:var(--i);line-height:.98}
@media (max-width:699px){.pstate__t{margin-left:0}}
.pnav{padding-block:clamp(72px,10vw,200px) clamp(24px,3vw,60px)}
.pnav__row{display:grid;grid-template-columns:1fr auto 1fr;gap:20px clamp(20px,3vw,60px);align-items:start;border-top:1px solid rgba(0,0,0,.2);padding-top:clamp(24px,2.6vw,50px)}
.pnav a{display:block;color:inherit;text-decoration:none}
.pnav__l{font-size:var(--t-nav);font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.pnav__t{font-family:var(--sans);font-weight:700;text-transform:uppercase;letter-spacing:-.012em;line-height:1.05;font-size:clamp(20px,2.2vw,42px);margin-top:.5em;max-width:16em}
.pnav__next{text-align:right}.pnav__next .pnav__t{margin-left:auto}
.pnav a:hover .pnav__t,.pnav a:focus-visible .pnav__t{text-decoration:underline;text-underline-offset:.14em;text-decoration-thickness:.05em}
.pnav__all{align-self:center}
.pnav__all .pnav__l{border-bottom:1px solid var(--zero11-dark);padding-bottom:.3em}
@media (max-width:699px){.pnav__row{grid-template-columns:1fr 1fr}.pnav__all{grid-column:1/-1;order:3}}
.pcta{padding-block:clamp(40px,6vw,120px) clamp(64px,13vw,250px)}
.pcta__h{font-size:var(--f-h);margin-left:var(--i-cta);line-height:1.02}
.pcta .body{margin:clamp(22px,2.6vw,50px) 0 0 var(--i-cta);max-width:min(54vw,980px)}
.pcta__l{margin:clamp(20px,2.2vw,42px) 0 0 var(--i-cta)}
.pcta__l .tlink{font-size:var(--t-nav)}
@media (max-width:699px){.pcta__h,.pcta .body,.pcta__l{margin-left:0}}