/* The client strip belongs to the opening frame and leaves with it. */
.octolane-intro .hero-stagger{max-width:none;padding:6svh 0 28px}
.octolane-intro .opening-wordmark{margin-bottom:auto}
.octolane-intro h1{margin-top:35px;font-size:clamp(48px,6.2vw,76px)}
.octolane-intro .opening-cta{margin-top:27px;margin-bottom:auto}
.octolane-intro .hero-client-proof{width:min(1240px,calc(100vw - 100px));flex-shrink:0;padding:0;margin:30px 0 0;border:0;background:none;opacity:clamp(0,calc(1 - var(--hx)*3),1);transition:none}
.hero-client-proof h2{font:400 13px/1.5 MasonDM,Arial,sans-serif;letter-spacing:.015em;color:#767770;margin:0 0 18px}
.hero-client-proof .client-logo-window{width:100%;max-width:none;margin:0}
.hero-client-proof .client-logo-track{animation-duration:45s}
.hero-client-proof .client-logo-track ul{gap:0;padding:0}
.hero-client-proof .client-logo-track li{width:190px;height:55px}
.client-mark{display:block;position:relative;overflow:hidden;flex:none;opacity:.76}
.hero-client-proof .client-logo-track .client-mark img{position:absolute;display:block;max-width:none;width:var(--ink-w);height:var(--ink-h);left:var(--ink-x);top:var(--ink-y);opacity:1;filter:grayscale(1);mix-blend-mode:normal}
.hero-client-proof .client-logo-track .mark-iec img{filter:brightness(0)}
/* White navigation shell; a softly separated brand compartment. */
.reference-nav{background:#fff;backdrop-filter:none;padding:6px;gap:8px;box-shadow:0 2px 16px #302c2310;border:1px solid #efede7}
.reference-nav .reference-brand{position:relative;margin-right:7px;padding:12px 23px;background:#f2f1ed;border-radius:12px;font-size:28px}
.reference-nav .reference-brand:after{content:'';position:absolute;right:-9px;top:11px;bottom:11px;width:1px;background:#e4e1da}
.reference-nav nav{gap:7px}
.audience-menu summary{min-width:155px;justify-content:space-between;padding:12px 18px;background:#fff}
.reference-nav .reference-contact{padding:12px 21px;background:#29251f;color:#fff}
.audience-options{left:0;background:#fff}
@media(max-width:760px){.octolane-intro .hero-stagger{padding:7svh 0 30px}.octolane-intro h1{font-size:clamp(38px,10.05vw,60px);margin-top:28px}.octolane-intro .hero-client-proof{width:calc(100vw - 36px);margin-top:24px}.hero-client-proof h2{font-size:11px;margin-bottom:14px}.hero-client-proof .client-logo-track li{width:168px;height:49px}.client-mark{transform:scale(.88)}.reference-nav{gap:5px;padding:5px;max-width:calc(100% - 20px)}.reference-nav .reference-brand{font-size:25px;padding:10px 16px;margin-right:4px}.reference-nav .reference-brand:after{right:-6px;top:8px;bottom:8px}.reference-nav nav{gap:3px}.audience-menu summary{min-width:113px;padding:10px 12px}.reference-nav .reference-contact{padding:11px 14px}.audience-options{left:-104px;width:290px}}
@media(max-height:720px){.octolane-intro .hero-stagger{padding-top:27px;padding-bottom:20px}.octolane-intro h1{font-size:clamp(37px,5.2vw,62px);margin-top:22px}.octolane-intro .opening-cta{margin-top:20px}.octolane-intro .hero-client-proof{margin-top:20px}.hero-client-proof h2{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.hero-client-proof .client-logo-track{animation:none}.hero-client-proof .client-logo-window{overflow-x:auto}}