/* One brand signature, restrained typography, and a clear foreground for the work. */
html{scroll-padding-top:80px}
.manifesto{font-weight:500;letter-spacing:-.045em}
.site-header{height:80px;background:#f1f1ec;border-bottom:1px solid #20201e1f;backdrop-filter:none}
.site-header.over-wall{background:#17191a;backdrop-filter:none;border-bottom-color:#ffffff14}
.site-header .brand-lockup{width:174px}
.site-header nav{gap:36px}
.site-header.over-wall .nav-contact{background:transparent;border:1px solid #ffffff60;color:white}
.nav-contact{border:1px solid transparent;padding:10px 20px}
.menu-toggle{margin-left:26px}
.brand-lockup>img{image-rendering:auto}
.poster-wall{--wall-gap:4px}
.poster-tile{border-radius:0;box-shadow:none}
.poster-tile:hover img,.poster-tile:focus-visible img{transform:none;filter:brightness(1.04)}
.poster-shade{background:linear-gradient(180deg,#0b0d0f15 0%,transparent 32%,#0b0d0f08 49%,#0b0d0f1c 58%,#0b0d0fca 83%,#0b0d0ff5 100%)}
.poster-shade:after{content:"";position:absolute;inset:45% 32% 0 0;background:radial-gradient(ellipse at 14% 100%,#0b0d0ff0 0%,#0b0d0f92 43%,transparent 74%)}
.wall-caption{top:110px;font-size:11px;letter-spacing:.12em;color:#fffef9c4}
.wall-caption>span:last-child{font-size:12px}
.wall-content{bottom:99px;gap:40px}
.wall-copy{max-width:800px}
.wall-signature{font:500 12px/1.4 Arial,sans-serif;letter-spacing:.2em;color:#fffef9c4;margin:0 0 18px}
.poster-hero h1{font-size:clamp(40px,3.85vw,66px);font-weight:500;line-height:1.25;letter-spacing:-.045em;margin:0}
.wall-title-accent{font-weight:500;margin-left:.16em}
.wall-description{font-size:15px;color:#e3e3df;margin:19px 0 0;letter-spacing:.02em}
.wall-cta{border-color:#ffffff65;backdrop-filter:none;background:#11131570;font-size:14px;gap:28px;padding:19px 24px;margin-bottom:1px}
.editorial-spark{display:block;flex-shrink:0;overflow:visible;transform-origin:center}
.cta-spark{width:25px;height:25px}
.wall-cta:hover .cta-spark{transform:rotate(90deg);transition:transform .7s var(--ease)}
.wall-bottom{font-size:11px;color:#c5c6c1;border-top-color:#ffffff25;bottom:24px;padding-top:18px}
.intro-spark{width:100px;height:100px;color:var(--orange)}
.approach-spark{width:84px;height:84px;margin-top:48px;color:var(--orange)}
.contact-spark{width:clamp(110px,13vw,180px);height:auto;color:var(--ink)}
.contact-title{margin-bottom:68px}.contact-title h2{font-size:clamp(50px,7.3vw,108px);font-weight:500;letter-spacing:-.045em}
.footer-wordmark{display:flex;justify-content:space-between;align-items:baseline;gap:.25em;font-family:Arial,Helvetica,sans-serif;font-size:clamp(68px,12.3vw,216px);font-weight:500;letter-spacing:-.07em;line-height:1.13;margin:70px 0 16px;color:var(--ink)}
.footer-wordmark span{font-size:inherit;line-height:inherit;vertical-align:baseline;margin:0}
.intro-bottom{align-items:center}.intro-bottom p{font-size:16px;color:#44443f}
@media(max-width:1100px){.site-header nav{gap:26px}.wall-content{bottom:99px}.poster-hero h1{font-size:4.7vw}.wall-cta{gap:20px;padding:17px 22px}.poster-wall{--wall-gap:4px}}
@media(max-width:700px){
 html{scroll-padding-top:72px}
 .site-header{height:72px}.site-header.over-wall{background:#17191a;backdrop-filter:none}.site-header .brand-lockup{width:150px}
 .poster-hero{min-height:650px}.poster-wall{--wall-gap:3px}
 .wall-caption{top:97px;font-size:9px;letter-spacing:.09em}.wall-caption>span:last-child{font-size:10px}
 .poster-shade{background:linear-gradient(180deg,#0b0d0f18 0%,transparent 27%,#0b0d0f18 43%,#0b0d0f8c 61%,#0b0d0fe6 82%,#0b0d0ffa 100%)}
 .poster-shade:after{inset:44% 0 0}
 .wall-content{bottom:91px;display:block}.wall-signature{font-size:11px;letter-spacing:.16em;margin-bottom:14px}
 .poster-hero h1{font-size:clamp(29px,7.7vw,46px);line-height:1.3;white-space:nowrap}.wall-title-accent{margin-left:.13em}
 .wall-description{font-size:13px;line-height:1.8;margin-top:15px;max-width:290px}
 .wall-cta{font-size:13px;padding:12px 20px;gap:27px;margin-top:24px}.cta-spark{width:23px;height:23px}
 .wall-bottom{bottom:22px;font-size:10px;padding-top:15px}
 .intro-spark{width:62px;height:62px}.intro-bottom{gap:26px}.intro-bottom p{font-size:14px;margin:0}
 .approach-spark{position:absolute;right:5px;bottom:35px;width:60px;height:60px;margin:0}
 .contact-spark{width:70px;height:70px}.contact-title{margin-bottom:45px}.contact-title h2{font-size:clamp(40px,10vw,64px);line-height:1.25}
 .footer-wordmark{font-size:12.1vw;margin:49px 0 18px;letter-spacing:-.065em}
}
@media(max-height:700px) and (min-width:701px){.poster-hero h1{font-size:3.6vw}.wall-content{bottom:89px}.wall-signature{margin-bottom:12px}.wall-description{margin-top:12px}}
