/* Exact V1 section geometry; monochrome surfaces and interaction polish. */
:root{--black:#080808;--surface:#202020;--white:#f5f5f5;--grey:#a8a8a8;--line:#393939}
body{isolation:isolate;font-synthesis:none}
main{position:relative;z-index:2;background:var(--black)}
.hero-shade{background:linear-gradient(180deg,#0005,transparent 24%),linear-gradient(90deg,#0005,transparent 75%),linear-gradient(0deg,#080808eb,transparent 80%)}
.nav{align-items:center;gap:20px}
.nav .brand,.nav nav a,.menu-toggle{width:140px;height:46px;flex:none;display:flex;align-items:center;justify-content:center;padding:3px 12px 0;line-height:1;font-family:'Founders Grotesk',Arial,sans-serif;font-size:18px;font-weight:400;box-sizing:border-box}
.nav .brand{padding:0 12px}.nav .brand img{width:96px;height:29px}
.nav nav{gap:4px;align-items:center}.nav nav .contact{margin-left:0;gap:12px}
.nav .contact span{padding:0;display:flex;align-items:center;margin-top:-3px}.nav .contact .arrow-icon{width:16px;height:16px}
.menu-toggle{display:none;gap:20px}.menu-toggle span{font-size:14px;margin-top:-3px}
.case-title{padding:0;background:none;text-align:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;transition:opacity .2s}
.case-title:hover{opacity:.7}
#essie-film{object-fit:cover;object-position:center;display:block;width:100%;height:100%;--media-object-fit:cover;--media-object-position:center;background:#111;--controls-backdrop-color:rgba(0,0,0,.2)}
.client-line{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center}
.client-carousel{min-width:0;position:relative;margin-right:calc(-1 * var(--pad));height:86px}
.client-logo-window{width:100%;height:100%;overflow:hidden}
.client-logo-track{height:100%;display:flex;width:max-content;animation:client-drift var(--client-duration,46s) linear infinite}
.client-logo-group{display:flex;align-items:center;flex:none}
.client-logo{width:180px;height:72px;display:flex;align-items:center;justify-content:flex-start;padding-right:48px}
.client-logo img{display:block;width:128px;height:36px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}
.client-logo img[src*='under-armour']{width:58px}.client-logo img[src*='loop']{width:85px}
.client-carousel:hover .client-logo-track,.client-carousel:focus-within .client-logo-track,.client-carousel.is-paused .client-logo-track{animation-play-state:paused}
.client-pause{position:absolute;right:var(--pad);top:-40px;background:transparent;color:var(--grey);width:44px;height:40px;font:14px 'DM Mono',monospace}
@keyframes client-drift{to{transform:translateX(-50%)}}
footer{position:sticky;bottom:0;z-index:1}
.footer-flow footer{position:relative}
.footer-cta .arrow-icon{width:clamp(32px,4vw,56px);height:auto;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.footer-cta:hover .arrow-icon{transform:translate(4px,-4px)}
.footer-bottom a{display:inline-flex;gap:8px;align-items:center;min-height:44px}
.footer-bottom a .arrow-icon{width:16px;height:16px}
.reveal{transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.reveal.is-waiting{opacity:0;transform:translate3d(0,18px,0)}
.reveal:focus-within{opacity:1;transform:none}
@media(max-width:800px){.nav nav{display:none}.menu-toggle{display:flex}.nav .brand,.menu-toggle{width:124px;height:44px}.nav .brand img{width:86px;height:26px}}
@media(max-width:760px){
 .client-line{grid-template-columns:1fr}.client-carousel{height:72px}.client-logo{width:150px;padding-right:36px}.client-logo img{width:110px;height:30px}
 .client-logo img[src*='under-armour']{width:48px}.client-logo img[src*='loop']{width:72px}
 .client-pause{top:-52px}.reveal.is-waiting{transform:translate3d(0,12px,0)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}.reveal,.reveal.is-waiting{opacity:1;transform:none;transition:none}
 .client-logo-track{animation:none;width:100%}.client-logo-group{flex-wrap:wrap;gap:12px;width:100%}.client-logo-group[aria-hidden]{display:none}
 .client-carousel{height:auto;margin-right:0}.client-logo-window{overflow:visible}.client-logo{width:33.333%;padding-right:20px}.client-logo img{max-width:100%}.client-pause{display:none}
 footer{position:relative}.footer-cta .arrow-icon{transition:none}
}

/* Asahi has a taller wordmark: balance its visual height with the client row. */
.client-logo img[src*="asahi"]{width:96px;height:36px}
@media(max-width:760px){.client-logo img[src*="asahi"]{width:80px;height:30px}}

/* Equal visible gaps between marks, rather than fixed-width logo slots. */
.client-logo{width:auto;flex:0 0 auto;padding-right:64px}
.client-logo img[src*="essie-official"]{width:122.36px;height:36px}
.client-logo img[src*="loop-official"]{width:74.25px;height:36px}
.client-logo img[src*="under-armour"]{width:58px;height:34.8px}
.client-logo img[src*="komono"]{width:128px;height:21.12px}
.client-logo img[src*="essentiel"]{width:115.56px;height:36px}
.client-logo img[src*="asahi"]{width:92.28px;height:36px}
@media(max-width:760px){
 .client-logo{padding-right:40px}
 .client-logo img[src*="essie-official"]{width:101.97px;height:30px}
 .client-logo img[src*="loop-official"]{width:61.88px;height:30px}
 .client-logo img[src*="under-armour"]{width:48px;height:28.8px}
 .client-logo img[src*="komono"]{width:110px;height:18.15px}
 .client-logo img[src*="essentiel"]{width:96.3px;height:30px}
 .client-logo img[src*="asahi"]{width:76.9px;height:30px}
}
@media(prefers-reduced-motion:reduce){.client-logo{width:33.333%;padding-right:20px}}