/* Current official-site imagery drives the Streamax case. */
body[data-page="streamax"]{background:var(--streamax-black)}
body[data-page="streamax"] .s-ink{--bg:var(--streamax-black);--fg:var(--paper);--muted:var(--streamax-muted);--rule:var(--streamax-rule);--raise:var(--streamax-panel);--accent:var(--streamax-green)}
body[data-page="streamax"] .nav{--nav-fg:var(--paper);color:var(--paper)}
body[data-page="streamax"] .nav.is-scrolled{--nav-bg:var(--streamax-black)}
body[data-page="streamax"] .nav.is-hidden{transform:none}
body[data-page="streamax"] .eyebrow{font-size:10px;letter-spacing:.13em}
.sx-section{padding:100px 0;scroll-margin-top:76px}
.sx-section+.sx-section .wrap{border-top:1px solid var(--rule);padding-top:80px}
.sx-hero{position:relative;min-height:900px;height:100svh;max-height:1200px;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:135px 0 74px}
.sx-hero__top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px}
.sx-hero__top>.meta{font-size:10px;color:var(--muted)}
.sx-live{display:inline-flex;align-items:center;gap:14px;font-size:13px;border-bottom:1px solid var(--rule);padding-bottom:6px}
.sx-live svg{width:14px;height:14px}
.sx-live:hover{color:var(--accent)}
.sx-hero__content{position:relative;z-index:1;display:grid;grid-template-columns:1.6fr 1fr;gap:10%;align-items:end;pointer-events:none}
.sx-hero__content a{pointer-events:auto}
.sx-hero h1{font-size:clamp(72px,8.4vw,142px);line-height:.94;letter-spacing:-.065em;font-weight:500;margin-top:28px;text-wrap:initial}
.sx-hero h1 em{font-style:normal;color:var(--streamax-green)}
.sx-client{display:block;font-size:24px;line-height:1.3;letter-spacing:-.02em;margin-bottom:16px}
.sx-fallback-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:25px;font:12px var(--f-mono);text-decoration:underline}
.sx-hero__aside{padding-bottom:7px;max-width:33ch}
.sx-hero__aside p{font-size:20px;line-height:1.55;color:var(--paper)}
.sx-scroll{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);margin-top:35px;padding-top:22px;font:11px var(--f-mono)}
.sx-scroll span{font-size:24px;color:var(--accent)}
.sx-hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(0deg,var(--streamax-black) 0%,transparent 55%),linear-gradient(90deg,var(--streamax-shade),transparent 65%)}
.sx-hero .sx-hero__media{position:absolute;inset:0;z-index:-1}
.sx-hero .motion__frame{height:100%;aspect-ratio:auto!important;border:0}
.sx-hero .motion__frame video,.sx-hero .motion__poster img{object-fit:cover}
.sx-hero .motion__poster{height:100%}
.sx-hero .sx-motion figcaption{position:absolute;right:var(--gutter);top:105px;z-index:3;border:0;padding:0;background:none}
.sx-hero .sx-motion figcaption>span{display:none}
.sx-intro__copy{display:grid;grid-template-columns:1.2fr 1fr;gap:20px 12%;align-items:end}
.sx-intro__copy>.eyebrow{grid-column:1/-1}
.sx-intro__copy h2{font-size:clamp(38px,4.2vw,64px);line-height:1.08;font-weight:500;letter-spacing:-.045em}
.sx-intro__copy>p{color:var(--muted);font-size:18px;line-height:1.8;max-width:52ch}
.sx-facts{display:grid;grid-template-columns:.75fr 1.5fr 1fr;gap:30px;margin-top:64px;padding-top:25px;border-top:1px solid var(--rule)}
.sx-facts dt{font:10px var(--f-mono);text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.sx-facts dd{font-size:16px}
.sx-chapters{display:flex;gap:42px;margin-top:54px}
.sx-chapters a{font-size:13px;display:flex;align-items:center;gap:12px}
.sx-chapters span{font:10px var(--f-mono);color:var(--accent)}
.sx-chapters a:hover{color:var(--accent)}
.sx-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;align-items:end;margin-bottom:48px}
.sx-heading h2{font-size:clamp(40px,4.8vw,72px);line-height:1.03;letter-spacing:-.05em;font-weight:500;margin-top:25px}
.sx-heading>p{font-size:18px;line-height:1.75;color:var(--muted);max-width:43ch}
.sx-tabs{display:flex;flex-wrap:wrap;gap:0 30px;border-bottom:1px solid var(--rule);margin-bottom:28px}
.sx-tabs button{position:relative;padding:17px 0 18px;font:11px var(--f-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;min-height:50px}
.sx-tabs button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.sx-tabs button[aria-selected="true"]{color:var(--paper)}
.sx-tabs button[aria-selected="true"]:after{transform:scaleX(1)}
.sx-tabs button:hover{color:var(--accent)}
.sx-panel[hidden]{display:none}
.no-js .sx-tabs{display:none}
.sx-panel:focus-visible{outline:1px solid var(--accent);outline-offset:8px}
.sx-motion{margin:0}
.motion__frame{position:relative;overflow:hidden;background:var(--streamax-black);border-radius:0 0 calc(var(--arc)/2) 0;border:1px solid var(--rule);isolation:isolate}
.motion__frame video,.motion__poster{display:block;width:100%;height:100%;position:absolute;inset:0}
.motion__frame video{object-fit:contain;opacity:0}
.motion__poster img{display:block;width:100%;height:100%;object-fit:contain}
.motion.is-ready video{opacity:1}
.motion.is-ready .motion__poster{visibility:hidden}
.sx-motion figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-top:16px;color:var(--muted);font:10px/1.6 var(--f-mono)}
.sx-motion figcaption>span{flex:1;min-width:0}
.sx-motion__controls{display:flex;gap:22px;align-items:baseline;flex-shrink:0}
.sx-motion button,.motion__fallback{flex-shrink:0;font:inherit;color:var(--paper);background:transparent;border:0;padding:5px 0;border-bottom:1px solid var(--rule)}
.motion__fallback{display:inline-flex;align-items:center;gap:10px}
.motion__fallback svg{width:12px;height:12px}
.sx-motion button:hover{color:var(--accent)}
.sx-motion button[hidden],.motion__fallback[hidden]{display:none}
.sx-subheading{margin-top:85px;margin-bottom:27px;display:grid;grid-template-columns:1.2fr 1fr;column-gap:12%;align-items:end}
.sx-subheading .eyebrow{grid-column:1/-1;margin-bottom:20px}
.sx-subheading h3{font-size:36px;line-height:1.15;letter-spacing:-.035em;font-weight:500}
.sx-subheading p{font-size:16px;color:var(--muted);max-width:44ch;line-height:1.7}
.sx-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:38px}
.sx-principles p{border-top:1px solid var(--rule);padding-top:23px;font-size:19px;line-height:1.5}
.sx-principles .meta{display:block;font-size:9px;color:var(--accent);margin-bottom:14px}
.sx-identity{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:40px;align-items:end;margin-top:45px}
.sx-swatch{display:block;width:100%;height:65px;margin-bottom:16px}
.sx-swatch--blue{background:var(--streamax-blue)}
.sx-swatch--green{background:var(--streamax-green)}
.sx-identity .meta{font-size:9px;color:var(--muted)}
.sx-identity p{font-size:17px;line-height:1.8;color:var(--muted)}
.sx-end h2{font-size:clamp(43px,5.5vw,84px);line-height:1.05;font-weight:500;letter-spacing:-.05em;margin:28px 0 42px;max-width:27ch}
.sx-end h2 em{font-style:normal;color:var(--accent)}
.sx-end__links{display:flex;align-items:center;justify-content:space-between;gap:30px}
@media(max-width:1000px){.sx-hero{min-height:780px}.sx-heading{gap:7%}.sx-hero h1{font-size:88px}.sx-hero__content{gap:6%}.sx-heading h2{font-size:49px}.sx-heading>p{font-size:16px}}
@media(max-width:760px){
 .sx-hero{height:860px;min-height:0;max-height:none;padding:120px 0 42px}
 .sx-hero__top{align-items:start;gap:15px}
 .sx-hero__top>.meta{font-size:8px;line-height:1.7;max-width:22ch}
 .sx-hero__top .sx-live{font-size:10px;gap:9px;white-space:nowrap}
 .sx-hero .sx-motion figcaption{top:172px;right:var(--gutter);font-size:9px}
 .sx-hero .motion__frame video,.sx-hero .motion__poster img{object-fit:cover;object-position:center}
 .sx-hero .motion__frame{position:absolute;top:160px;left:0;width:100%;height:320px;background:var(--streamax-black)}
 .sx-hero__content{grid-template-columns:1fr;gap:28px}
 .sx-hero h1{font-size:clamp(57px,16vw,96px);margin-top:20px}
 .sx-client{font-size:20px;margin-bottom:14px}
 .sx-hero__aside{max-width:40ch}
 .sx-hero__aside p{font-size:17px;max-width:32ch}
 .sx-scroll{margin-top:23px;padding-top:17px;font-size:10px}
 .sx-section{padding:58px 0;scroll-margin-top:70px}
 .sx-section+.sx-section .wrap{padding-top:44px}
 .sx-intro__copy,.sx-heading{grid-template-columns:1fr;gap:25px}
 .sx-intro__copy h2{font-size:39px}
 .sx-intro__copy>p{font-size:16px;line-height:1.75}
 .sx-facts{grid-template-columns:1fr;gap:24px;margin-top:36px;padding-top:25px}
 .sx-facts dt{margin-bottom:8px}.sx-facts dd{font-size:15px}
 .sx-chapters{display:grid;grid-template-columns:1fr 1fr;gap:23px 30px;margin-top:38px}
 .sx-heading{margin-bottom:28px}.sx-heading h2{font-size:40px;margin-top:20px}
 .sx-heading>p{font-size:16px;max-width:50ch}
 .sx-tabs{gap:0 20px;margin-bottom:18px}.sx-tabs button{font-size:9px;min-height:44px;padding:14px 0}
 .sx-motion figcaption{font-size:9px;gap:14px;padding-top:12px;align-items:start}
 .sx-motion__controls{gap:12px}
 .sx-motion button{min-height:44px;padding-block:10px}
 .sx-subheading{grid-template-columns:1fr;gap:20px;margin-top:50px;margin-bottom:20px}
 .sx-subheading .eyebrow{margin-bottom:0}.sx-subheading h3{font-size:30px}.sx-subheading p{font-size:15px}
 .sx-principles{grid-template-columns:1fr;gap:22px;margin-top:30px}.sx-principles p{font-size:18px;padding-top:18px}
 .sx-principles .meta{margin-bottom:10px}
 .sx-identity{grid-template-columns:1fr 1fr;gap:25px 20px;margin-top:30px}
 .sx-identity p{grid-column:1/-1;font-size:15px}.sx-swatch{height:50px;margin-bottom:12px}.sx-identity .meta{font-size:8px;line-height:1.7}
 .sx-end h2{font-size:43px;margin:25px 0 32px}.sx-end__links{display:block}.sx-end__links>.sx-live{margin-top:28px}
}