/* Apex Spec Auto — future-funk luxury. Self-hosted fonts, no third-party requests. */
/* Typography = the Apex Spec Auto long-video house card (kit3/hud.py + kit3/amg.py):
   Orbitron Black headlines (digits in Chakra Petch Bold @114%), Rajdhani Bold sublines, Geist Mono SemiBold amber tab labels,
   Orbitron Bold cyan chapter titles. All fonts SIL OFL 1.1, self-hosted. */
@font-face{font-family:"ASA Head";src:url(/assets/fonts/chakrapetch-700-digits.woff2) format("woff2");unicode-range:U+0030-0039,U+002C,U+002E;size-adjust:114%;font-weight:100 900;font-display:swap}
@font-face{font-family:"ASA Head";src:url(/assets/fonts/orbitron.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Orbitron";src:url(/assets/fonts/orbitron.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Rajdhani";src:url(/assets/fonts/rajdhani-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Rajdhani";src:url(/assets/fonts/rajdhani-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Rajdhani";src:url(/assets/fonts/rajdhani-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(/assets/fonts/geistmono.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{
  --bg:#05040a; --bg2:#0a0814; --panel:rgba(18,15,32,.62); --line:rgba(255,255,255,.09); --line2:rgba(255,255,255,.16);
  --ink:#f4f3fb; --muted:#a3a1b8; --dim:#6e6b85;
  --mag:#ff2bd6; --cyan:#27e8ff; --vio:#8f5bff; --hot:#ff3d6e;
  --chrome:linear-gradient(180deg,#ffffff 0%,#e9ecf5 22%,#9aa1b4 46%,#3f4456 52%,#c9cede 64%,#ffffff 86%);
  --neon:linear-gradient(90deg,var(--mag),var(--vio) 50%,var(--cyan));
  --display:"ASA Head","Orbitron","Eurostile","Arial Black",sans-serif; --label:"Rajdhani","Arial Narrow",system-ui,sans-serif; --body:"Rajdhani","Arial Narrow",system-ui,sans-serif; --mono:"Geist Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --hcy:#46ebff; --ham:#ffb83c; --hwh:#f5f8ff; --hgold:#e8c68a; --hpanel:rgba(5,9,18,.70);
  --r:18px; --max:1240px; --ease:cubic-bezier(.2,.7,.1,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
main,.footer{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font:500 18px/1.55 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(1200px 700px at 85% 110%,rgba(143,91,255,.10),transparent 60%),radial-gradient(900px 600px at -10% 60%,rgba(255,43,214,.06),transparent 60%),var(--bg)}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:.01em}
p{margin:0}
em{font-style:normal;background:var(--neon);-webkit-background-clip:text;background-clip:text;color:transparent}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:8px 14px;border-radius:8px;z-index:99}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}

/* ---------- nav */
.nav{position:fixed;inset:0 0 auto;z-index:50;transition:background .4s,backdrop-filter .4s,border-color .4s;border-bottom:1px solid transparent}
.nav.is-scrolled{background:rgba(6,5,12,.72);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-color:var(--line)}
.nav__inner{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:28px;padding:14px 24px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{border-radius:50%;box-shadow:0 0 0 1px var(--line2),0 0 22px rgba(255,61,110,.25)}
.brand__word{font:600 15px/1 var(--display);letter-spacing:.28em;color:#dfe2ec;margin:0}
.brand__word b{font-weight:900;margin:0 .32em;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav__links{display:flex;gap:30px;margin-left:auto;font:600 15px/1 var(--label);letter-spacing:.18em;text-transform:uppercase}
.nav__links a{color:var(--muted);position:relative;padding:6px 0;transition:color .25s}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--neon);transform:scaleX(0);transition:transform .35s var(--ease)}
.nav__links a:hover{color:var(--ink)}
.nav__links a:hover::after{transform:scaleX(1)}
.nav__toggle{display:none;background:none;border:0;width:40px;height:40px;position:relative;cursor:pointer}
.nav__toggle span{position:absolute;left:9px;right:9px;height:1.5px;background:var(--ink);transition:transform .3s}
.nav__toggle span:first-child{top:15px}.nav__toggle span:last-child{top:23px}
.nav.is-open .nav__toggle span:first-child{transform:translateY(4px) rotate(45deg)}
.nav.is-open .nav__toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}

/* ---------- buttons */
.btn{--h:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--h);padding:0 26px;border-radius:999px;font:700 15px/1 var(--label);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:0;transition:transform .3s var(--ease),box-shadow .3s,background .3s,color .3s;white-space:nowrap}
.btn--sm{--h:40px;padding:0 18px;font-size:13px}
.btn--sub{color:#0b0710;background:linear-gradient(180deg,#fff,#d9dce6);box-shadow:inset 0 -2px 0 rgba(0,0,0,.18),0 10px 30px -10px rgba(255,61,110,.55),0 0 0 1px rgba(255,255,255,.4)}
.btn--sub:hover{transform:translateY(-2px);box-shadow:inset 0 -2px 0 rgba(0,0,0,.18),0 16px 40px -12px rgba(255,61,110,.8),0 0 0 1px #fff}
.yt-dot{width:18px;height:13px;border-radius:4px;background:#ff1f3d;position:relative;flex:none}
.yt-dot::after{content:"";position:absolute;left:7px;top:3.5px;border-left:5.5px solid #fff;border-top:3px solid transparent;border-bottom:3px solid transparent}
.btn--ghost{color:var(--ink);background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line2)}
.btn--ghost:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(39,232,255,.6),0 0 30px -8px rgba(39,232,255,.45)}
.btn--neon{color:#fff;background:linear-gradient(100deg,var(--mag),var(--vio) 55%,#3fa9ff);box-shadow:0 14px 40px -12px rgba(255,43,214,.7),inset 0 1px 0 rgba(255,255,255,.35)}
.btn--neon:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(143,91,255,.9),inset 0 1px 0 rgba(255,255,255,.45)}

/* ---------- hero */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:120px 0 0;isolation:isolate;overflow:hidden}
.hero__bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:drift 18s ease-in-out infinite alternate}
.glow--m{width:520px;height:520px;background:var(--mag);left:-160px;top:6%;opacity:.28}
.glow--c{width:460px;height:460px;background:var(--cyan);right:-140px;top:30%;opacity:.2;animation-delay:-6s}
.glow--v{width:700px;height:420px;background:var(--vio);left:30%;bottom:-160px;opacity:.32;animation-delay:-12s}
@keyframes drift{to{transform:translate3d(40px,-30px,0) scale(1.08)}}
.sun{position:absolute;right:max(3vw,calc((100vw - 1240px)/2 + 40px));bottom:38%;width:min(40vw,540px);aspect-ratio:1;border-radius:50%;opacity:.3;
  background:linear-gradient(180deg,#ffd36e 0%,#ff4fa8 48%,#8f5bff 88%);filter:saturate(1.1)}
.sun::after{content:"";position:absolute;inset:0;border-radius:50%;
  background:linear-gradient(180deg,transparent 52%,var(--bg) 52% 54%,transparent 54% 60%,var(--bg) 60% 63.5%,transparent 63.5% 69%,var(--bg) 69% 73.5%,transparent 73.5% 79%,var(--bg) 79% 85%,transparent 85% 90%,var(--bg) 90%)}
.grid-floor{position:absolute;left:-50%;right:-50%;bottom:-2px;height:42%;transform-origin:50% 0;transform:perspective(380px) rotateX(64deg);
  background-image:linear-gradient(rgba(255,43,214,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(39,232,255,.38) 1px,transparent 1px);background-size:64px 64px;
  -webkit-mask:linear-gradient(to bottom,transparent,#000 35%);mask:linear-gradient(to bottom,transparent,#000 35%);opacity:.38;animation:floor 6s linear infinite}
@keyframes floor{to{background-position:0 64px,0 0}}
.grain{position:absolute;inset:-50%;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--bg));z-index:-1}
.hero__inner{max-width:var(--max);margin:auto;width:100%;padding:0 24px 60px;display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font:600 14px/1 var(--label);letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);padding:10px 16px;border-radius:999px;background:rgba(39,232,255,.06);box-shadow:inset 0 0 0 1px rgba(39,232,255,.22)}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(39,232,255,.7);animation:pulse 2.2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(39,232,255,0)}100%{box-shadow:0 0 0 0 rgba(39,232,255,0)}}
.chrome{display:block;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.6)) drop-shadow(0 18px 36px rgba(143,91,255,.25))}
.chrome--neon{background:linear-gradient(180deg,#fff 0%,#ffd1f4 30%,var(--mag) 55%,#7b3cff 75%,#ffe3fa 100%);-webkit-background-clip:text;background-clip:text;letter-spacing:.32em;filter:drop-shadow(0 0 24px rgba(255,43,214,.45))}
.hero__tag{font:600 clamp(18px,2vw,22px)/1.3 var(--label);letter-spacing:.14em;text-transform:uppercase;color:#e6e4f2}
.hero__lede{margin-top:18px;max-width:560px;color:var(--muted);font-size:17px}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero__facts{display:flex;gap:0;margin:44px 0 0;padding:0;border-top:1px solid var(--line)}
.hero__facts div{padding:18px 30px 0 0;margin-right:30px;border-right:1px solid var(--line)}
.hero__facts div:last-child{border:0}
.hero__facts dt{font:600 12px/1 var(--label);letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}
.hero__facts dd{margin:10px 0 0;font:700 26px/1 var(--display);color:#fff}
.hero__facts dd time{font-size:17px;letter-spacing:.04em}

.feature{position:relative;display:block;border-radius:24px;transform:perspective(1200px) rotateY(-7deg) rotateX(3deg);transition:transform .8s var(--ease)}
.feature:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}
.feature__frame{position:relative;display:block;border-radius:22px;overflow:hidden;padding:1px;background:linear-gradient(140deg,rgba(255,255,255,.7),rgba(255,255,255,.05) 35%,rgba(255,43,214,.7) 70%,rgba(39,232,255,.8));box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 80px -20px rgba(255,43,214,.45),0 0 120px -40px rgba(39,232,255,.5)}
.feature__frame img{border-radius:21px;aspect-ratio:16/9;object-fit:cover;width:100%}
.feature__frame .badge{right:16px;bottom:16px}
.feature__cap{display:block;padding:22px 6px 0}
.feature__label{display:block;font:600 13px/1 var(--label);letter-spacing:.26em;text-transform:uppercase;color:var(--mag)}
.feature__title{display:block;margin-top:10px;font:600 21px/1.35 var(--body);color:#fff}

.ticker{border-block:1px solid var(--line);background:rgba(8,6,16,.6);backdrop-filter:blur(6px);overflow:hidden;padding:16px 0}
.ticker__track{display:flex;align-items:center;gap:34px;width:max-content;animation:tick 48s linear infinite;font:600 14px/1 var(--label);letter-spacing:.34em;color:#cfcde0}
.ticker i{width:7px;height:7px;transform:rotate(45deg);background:var(--neon);flex:none}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------- sections */
.section{max-width:var(--max);margin:auto;padding:120px 24px 0}
.section__head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px 30px;margin-bottom:46px}
.kicker{grid-column:1/-1;font:600 13px/1 var(--label);letter-spacing:.34em;text-transform:uppercase;color:var(--dim)}
.section h2{font:800 clamp(30px,4.2vw,52px)/1.08 var(--display);letter-spacing:.01em}
.link-arrow{font:600 14px/1 var(--label);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:inline-flex;gap:10px;align-items:center;padding-bottom:8px;transition:color .25s}
.link-arrow::after{content:"→";transition:transform .3s var(--ease)}
.link-arrow:hover{color:var(--cyan)}.link-arrow:hover::after{transform:translateX(5px)}

.grid{list-style:none;margin:0;padding:0;display:grid;gap:30px}
.grid--long{grid-template-columns:repeat(3,1fr)}
.grid--short{grid-template-columns:repeat(5,1fr);gap:20px}
.card a{display:block;height:100%}
.card__media{position:relative;overflow:hidden;border-radius:var(--r);background:#120f1e;box-shadow:0 0 0 1px var(--line),0 24px 50px -30px #000;transition:box-shadow .45s var(--ease),transform .45s var(--ease)}
.card__media img{width:100%;object-fit:cover;transition:transform .9s var(--ease),filter .5s}
.card--long .card__media img{aspect-ratio:16/9}
.card--short .card__media img{aspect-ratio:9/16}
.card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,4,10,.55));pointer-events:none}
.card a:hover .card__media{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(255,43,214,.55),0 30px 60px -25px rgba(255,43,214,.45),0 0 50px -18px rgba(39,232,255,.55)}
.card a:hover img{transform:scale(1.045);filter:saturate(1.15) contrast(1.05)}
.badge{position:absolute;right:12px;bottom:12px;z-index:2;font:700 13px/1 var(--label);letter-spacing:.1em;color:#fff;padding:7px 10px;border-radius:8px;background:rgba(5,4,10,.72);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.badge:empty{display:none}
.badge--short{left:12px;right:auto;top:12px;bottom:auto;font-size:11px;letter-spacing:.26em;color:var(--cyan)}
.play{position:absolute;left:50%;top:50%;z-index:2;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 0 40px rgba(255,43,214,.4);opacity:0;transform:scale(.8);transition:opacity .35s,transform .45s var(--ease)}
.play::after{content:"";position:absolute;left:25px;top:20px;border-left:16px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.card a:hover .play,.feature:hover .play{opacity:1;transform:scale(1)}
.play--lg{width:84px;height:84px;margin:-42px 0 0 -42px;opacity:.9;transform:none}
.play--lg::after{left:34px;top:27px;border-left-width:22px;border-top-width:15px;border-bottom-width:15px}
.card__body{padding:18px 4px 0}
.card h3{font:600 17px/1.4 var(--body);color:#f1f0f8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s}
.card a:hover h3{color:#fff}
.card--short h3{margin-top:12px;font-size:14.5px;line-height:1.4;padding:0 2px}
.meta{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font:600 13px/1 var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.meta .yt{color:var(--mag);opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .4s var(--ease)}
.card a:hover .meta .yt{opacity:1;transform:none}
.is-extra{display:none}
.is-expanded .is-extra{display:block}
.more{display:flex;justify-content:center;margin-top:48px}
.more[hidden]{display:none}

/* ---------- about */
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.about__media{position:relative;justify-self:center;width:min(100%,420px)}
.about__media::before{content:"";position:absolute;inset:-12%;border-radius:50%;background:conic-gradient(from 0deg,var(--mag),var(--vio),var(--cyan),var(--hot),var(--mag));filter:blur(50px);opacity:.35;animation:spin 16s linear infinite}
.about__media img{position:relative;border-radius:50%;box-shadow:0 0 0 1px var(--line2),0 40px 90px -30px #000}
@keyframes spin{to{transform:rotate(360deg)}}
.about__copy>p{margin-top:22px;color:var(--muted);font-size:18px;max-width:640px}
.about__copy h2{margin-top:18px}
.pillars{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pillars li{padding:24px 22px;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);backdrop-filter:blur(8px)}
.pillars__n{font:700 13px/1 var(--display);letter-spacing:.2em;background:var(--neon);-webkit-background-clip:text;background-clip:text;color:transparent}
.pillars h3{margin:14px 0 8px;font:700 16px/1.2 var(--display);letter-spacing:.06em}
.pillars p{color:var(--muted);font-size:14.5px;line-height:1.55}

/* ---------- partner */
.partner{padding-bottom:140px}
.partner__panel{position:relative;border-radius:30px;padding:72px;overflow:hidden;background:
  radial-gradient(700px 400px at 100% 0%,rgba(255,43,214,.16),transparent 60%),
  radial-gradient(600px 400px at 0% 100%,rgba(39,232,255,.12),transparent 60%),linear-gradient(180deg,#0e0b1a,#08070f);
  box-shadow:inset 0 0 0 1px var(--line2),0 60px 120px -60px rgba(143,91,255,.5)}
.partner__panel::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(255,255,255,.35),transparent 30%,transparent 70%,rgba(255,43,214,.55));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.partner__intro{max-width:760px}
.partner__intro h2{margin-top:18px}
.partner__intro p{margin-top:22px;color:var(--muted);font-size:18px}
.partner__who b{color:var(--ink);font-weight:600}
.formats{list-style:none;padding:0;margin:52px 0 0;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.formats li{grid-column:span 2}.formats li:nth-child(n+4){grid-column:span 3}
.formats li{position:relative;padding:26px 22px 24px;border-radius:var(--r);background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .35s,transform .35s var(--ease),background .35s}
.formats li::before{content:"";display:block;width:28px;height:2px;margin-bottom:20px;background:var(--neon);box-shadow:0 0 14px var(--mag)}
.formats li:hover{transform:translateY(-4px);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(39,232,255,.35)}
.formats h3{font:700 15px/1.3 var(--display);letter-spacing:.05em}
.formats p{margin-top:12px;color:var(--muted);font-size:14.5px;line-height:1.55}
.partner__cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:52px;padding-top:40px;border-top:1px solid var(--line)}
.partner__promise{color:var(--muted);font-size:15px}
.partner__mail{margin-top:8px;font:700 clamp(16px,2.2vw,26px)/1.2 var(--display);letter-spacing:.04em;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;word-break:break-all}

/* ---------- footer */
.footer{border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(143,91,255,.05))}
.footer__inner{max-width:var(--max);margin:auto;padding:56px 24px 34px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.footer__brand{display:flex;align-items:center;gap:16px}
.footer__brand img{border-radius:50%}
.footer__tag{margin-top:8px;color:var(--dim);font-size:14px}
.social{list-style:none;margin:0;padding:0;display:flex;gap:12px}
.social a{display:flex;align-items:center;gap:10px;height:46px;padding:0 18px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line2);font:600 14px/1 var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);transition:color .25s,box-shadow .3s}
.social svg{width:18px;height:18px;fill:currentColor}
.social a:hover{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,43,214,.6),0 0 24px -6px rgba(255,43,214,.6)}
.footer__base{max-width:var(--max);margin:auto;padding:22px 24px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--dim);font-size:13px}
.footer__base a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}

/* ---------- reveal motion */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .reveal.is-in{opacity:1;transform:none}
.grid .reveal:nth-child(3n+2){transition-delay:.08s}.grid .reveal:nth-child(3n){transition-delay:.16s}
.grid--short .reveal:nth-child(5n+2){transition-delay:.05s}.grid--short .reveal:nth-child(5n+3){transition-delay:.1s}.grid--short .reveal:nth-child(5n+4){transition-delay:.15s}.grid--short .reveal:nth-child(5n){transition-delay:.2s}

/* ---------- responsive */
@media (max-width:1100px){
  .hero__inner{grid-template-columns:1fr;gap:56px}
  .feature{transform:none;max-width:720px}
  .grid--short{grid-template-columns:repeat(4,1fr)}
  .formats{grid-template-columns:repeat(2,1fr)}
  .formats li,.formats li:nth-child(n+4){grid-column:auto}
  .formats li:last-child{grid-column:1/-1}
  .about{grid-template-columns:1fr;gap:50px}
  .about__media{width:min(70%,320px)}
}
@media (max-width:860px){
  .nav__links{position:fixed;inset:68px 12px auto;flex-direction:column;gap:0;padding:10px;border-radius:18px;background:rgba(10,8,18,.96);backdrop-filter:blur(20px);box-shadow:inset 0 0 0 1px var(--line2),0 30px 60px -20px #000;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s,transform .3s}
  .nav__links a{padding:16px 14px;font-size:16px}
  .nav.is-open .nav__links{opacity:1;transform:none;pointer-events:auto}
  .nav__toggle{display:block}
  .nav__inner{gap:12px}
  .nav .btn--sub{margin-left:auto}
  .grid--long{grid-template-columns:repeat(2,1fr)}
  .grid--short{grid-template-columns:repeat(3,1fr)}
  .pillars{grid-template-columns:1fr}
  .partner__panel{padding:48px 30px}
  .partner__cta{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
  .nav .brand__word{display:none}
  .eyebrow{font-size:12px;letter-spacing:.2em}
  .sun{width:80vw;right:-12vw;bottom:30%;opacity:.18}
  .hero__facts dd time{font-size:14px;white-space:nowrap}
  .hero__facts dt{letter-spacing:.16em}
  .nav .btn--sub{padding:0 14px}
  .nav .btn--sub .yt-dot{display:none}
  .hero{padding-top:104px}
  .hero__title{font-size:clamp(40px,12.4vw,64px)}
  .chrome--neon{letter-spacing:.24em}
  .hero__cta .btn{flex:1 1 100%}
  .hero__facts div{padding-right:18px;margin-right:18px}
  .hero__facts dd{font-size:22px}
  .section{padding-top:88px}
  .section__head{grid-template-columns:1fr;margin-bottom:30px}
  .grid--long{grid-template-columns:1fr;gap:34px}
  .grid--short{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;gap:14px;margin:0 -24px;padding:0 24px 14px;scrollbar-width:none}
  .grid--short::-webkit-scrollbar{display:none}
  .grid--short .card{flex:0 0 46%;scroll-snap-align:start}
  .grid--short .is-extra{display:block}
  .section--shorts .more{display:none}
  .formats{grid-template-columns:1fr}
  .formats li:last-child{grid-column:auto}
  .partner__panel{padding:40px 22px;border-radius:24px}
  .partner__cta .btn{width:100%}
  .social{flex-wrap:wrap}
  .footer__base{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .reveal{opacity:1;transform:none}
}
.legal{max-width:760px;padding-top:110px;padding-bottom:110px}
.legal h2{margin:18px 0 26px}
.legal p{color:var(--muted);font-size:17px;margin-top:16px}
.legal p a{color:var(--cyan)}
.legal .kicker a{color:var(--muted)}
.legal--center{text-align:center;min-height:80svh;display:flex;flex-direction:column;justify-content:center;align-items:center}
.legal--center .btn{color:var(--ink);margin-top:20px}


/* =====================================================================
   HOUSE TEXT STYLE — exact recreation of the long-video cards
   ===================================================================== */
/* Headline: Orbitron Black, uppercase, white (245,248,255), cyan (70,235,255) gaussian glow @85%, dark 3px drop shadow. No chrome, no italic. */
.hl,.hero__title,.section h2,.legal h2{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:0;color:var(--hwh);background:none;-webkit-text-fill-color:currentColor;filter:none;
  text-shadow:0 0 .12em rgba(70,235,255,.85),0 0 .26em rgba(70,235,255,.45),0 .02em .06em rgba(0,0,0,.66)}
/* Accent words = the quote card's second line: Dawn Gold (232,198,138) with warm (150,110,40) glow */
.hl em,.section h2 em{background:none;-webkit-text-fill-color:currentColor;color:var(--hgold);text-shadow:0 0 .12em rgba(150,110,40,.85),0 0 .26em rgba(150,110,40,.45),0 .02em .06em rgba(0,0,0,.66)}
/* Subline: Rajdhani Bold, uppercase, white, dark legibility shadow */
.sub,.hero__tag,.card h3,.feature__title{font-family:var(--label);font-weight:700;text-transform:uppercase;letter-spacing:0;color:var(--hwh);text-shadow:0 1px 3px rgba(0,0,0,.66)}
/* Tab label: Geist Mono SemiBold, amber (255,184,60), uppercase, dark box with cyan hairline */
.tab{display:inline-flex;align-items:center;gap:10px;font:600 13px/1 var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--ham);padding:6px 11px;background:rgba(5,9,18,.92);box-shadow:inset 0 0 0 1px rgba(70,235,255,.78);border-radius:0;margin:0}
/* Chapter title: amber mono "NN //" + Orbitron Bold cyan with teal glow + 2px cyan rule */
.chapter{grid-column:1/-1;display:flex;align-items:baseline;gap:14px;font:700 clamp(17px,1.6vw,22px)/1 "Orbitron",sans-serif;text-transform:uppercase;color:var(--hcy);text-shadow:0 0 6px rgba(20,120,160,.95),0 0 14px rgba(20,120,160,.6);
  padding-bottom:14px;margin:0;position:relative;width:max-content;max-width:100%}
.chapter span{font:600 .88em/1 var(--mono);color:var(--ham);text-shadow:none}
.chapter::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:min(520px,100%);background:var(--hcy);box-shadow:0 0 8px rgba(70,235,255,.6);transform-origin:left;transform:scaleX(var(--rule,1));transition:transform .5s var(--ease)}
.js .chapter.reveal{--rule:0}.js .chapter.reveal.is-in{--rule:1}
/* Panel: dark (5,9,18,.70) fill, 4px scanlines, 1px cyan border + 6px blurred cyan glow, bottom tick ruler (14px minor / 70px major) */
.house{position:relative;padding:34px 44px 40px;border-radius:0;background:
   repeating-linear-gradient(90deg,rgba(70,235,255,.36) 0 1px,transparent 1px 70px) 30px calc(100% - 8px)/calc(100% - 90px) 6px no-repeat,
   repeating-linear-gradient(90deg,rgba(70,235,255,.36) 0 1px,transparent 1px 14px) 30px calc(100% - 8px)/calc(100% - 90px) 2px no-repeat,
   repeating-linear-gradient(180deg,rgba(0,0,0,.16) 0 1px,transparent 1px 4px),var(--hpanel);
  box-shadow:inset 0 0 0 1px rgba(70,235,255,.59),0 0 10px rgba(70,235,255,.45),0 0 2px rgba(70,235,255,.6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.house>.tab{position:absolute;left:18px;top:-13px;height:26px;padding:0 11px}
.nowrap{white-space:nowrap}

/* ---- hero */
.house--hero{padding:44px 44px 46px;margin-bottom:6px}
.hero__title{margin:0;font-size:clamp(36px,4.1vw,60px);line-height:1.08}
.hero__tag{margin-top:16px;font-size:clamp(18px,1.7vw,24px);line-height:1.2;color:var(--hwh)}
.hero__lede{margin-top:26px;color:#c9cfdc;font-size:19px;font-weight:500}
.tab .pulse{width:7px;height:7px}
.hero__facts dt{font:600 12px/1 var(--mono);letter-spacing:.04em;color:var(--ham)}
.hero__facts dd{font-family:var(--display);font-weight:900;color:var(--hwh);text-shadow:0 0 .12em rgba(70,235,255,.85),0 0 .26em rgba(70,235,255,.4),0 .02em .06em rgba(0,0,0,.66)}
.hero__facts dd time{font:700 19px/1 var(--label);text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.66)}
.feature__cap{padding-top:26px}
.feature__cap .tab{margin-bottom:12px}
.feature__title{font-size:22px;line-height:1.25;margin-top:4px}
.feature__frame{border-radius:0;background:rgba(70,235,255,.75);box-shadow:0 0 10px rgba(70,235,255,.55),0 40px 90px -30px rgba(0,0,0,.9)}
.feature__frame img{border-radius:0}

/* ---- nav + buttons + ticker */
.brand__word{font:900 15px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--hwh);text-shadow:0 0 6px rgba(70,235,255,.8),0 1px 2px rgba(0,0,0,.7)}
.nav__links{font:700 16px/1 var(--label);letter-spacing:.04em}
.nav__links a{color:#cdd3e0}
.nav__links a:hover{color:var(--hwh);text-shadow:0 0 8px rgba(70,235,255,.8)}
.nav__links a::after{background:var(--hcy);box-shadow:0 0 6px var(--hcy)}
.btn{border-radius:0;font:700 16px/1 var(--label);letter-spacing:.05em;text-transform:uppercase}
.btn--sub,.btn--ghost,.btn--neon{color:var(--hwh);background:repeating-linear-gradient(180deg,rgba(0,0,0,.16) 0 1px,transparent 1px 4px),rgba(5,9,18,.78);
  box-shadow:inset 0 0 0 1px rgba(70,235,255,.62),0 0 10px rgba(70,235,255,.4);text-shadow:0 1px 3px rgba(0,0,0,.66)}
.btn--sub{box-shadow:inset 0 0 0 1px rgba(70,235,255,.85),0 0 14px rgba(70,235,255,.55)}
.btn--sub:hover,.btn--ghost:hover,.btn--neon:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--hcy),0 0 18px rgba(70,235,255,.75);text-shadow:0 0 8px rgba(70,235,255,.7)}
.btn--neon{color:var(--ham);box-shadow:inset 0 0 0 1px rgba(255,184,60,.75),0 0 12px rgba(255,184,60,.35)}
.btn--neon:hover{box-shadow:inset 0 0 0 1px var(--ham),0 0 18px rgba(255,184,60,.6);text-shadow:0 0 8px rgba(255,184,60,.6)}
.ticker__track{font:700 15px/1 var(--label);letter-spacing:.08em;color:#dfe4ee}
.ticker i{background:var(--ham);box-shadow:0 0 6px rgba(255,184,60,.7)}
.link-arrow{font:600 13px/1 var(--mono);letter-spacing:.02em;color:var(--ham)}
.link-arrow:hover{color:var(--hcy)}

/* ---- sections + cards */
.section__head{gap:22px 30px}
.section h2{font-size:clamp(28px,3.8vw,50px);line-height:1.1}
.card__media{border-radius:0;box-shadow:0 0 0 1px rgba(70,235,255,.22),0 24px 50px -30px #000}
.card a:hover .card__media{box-shadow:0 0 0 1px rgba(70,235,255,.8),0 0 16px rgba(70,235,255,.5),0 30px 60px -25px #000}
.card h3{font-size:17px;line-height:1.25}
.card--short h3{font-size:15px;line-height:1.25}
.badge{border-radius:0;font:600 12px/1 var(--mono);color:var(--ham);background:rgba(5,9,18,.88);box-shadow:inset 0 0 0 1px rgba(70,235,255,.7)}
.meta{font:600 12px/1 var(--mono);letter-spacing:.02em;color:var(--ham)}
.meta .yt{color:var(--hcy)}
.play{border-radius:0;background:rgba(5,9,18,.6);box-shadow:inset 0 0 0 1px rgba(70,235,255,.85),0 0 14px rgba(70,235,255,.5)}

/* ---- about / partner */
.about__copy>p,.partner__intro p{font-size:19px;color:#c9cfdc;font-weight:500}
.partner__who b{font-weight:700;text-transform:uppercase;color:var(--hwh)}
.pillars{gap:30px 18px;margin-top:48px}
.pillars li.house,.formats li.house{padding:34px 24px 40px;border-radius:0}
.pillars h3,.formats h3{margin:0 0 10px;font-size:15px;line-height:1.25}
.pillars p,.formats p{font-size:16px;line-height:1.45;color:#c4cad8}
.formats{gap:30px 16px}
.formats li::before{display:none}
.formats li.house:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--hcy),0 0 16px rgba(70,235,255,.6)}
.partner__panel{border-radius:0}
.partner__panel::before{display:none}
.partner__cta.house{padding:40px 40px 44px;margin-top:60px;border-top:0}
.partner__promise{font:700 16px/1.3 var(--label);text-transform:uppercase;color:var(--hwh);margin-top:6px}
.partner__mail{margin-top:10px;font-size:clamp(16px,2.1vw,28px);word-break:break-all;-webkit-text-fill-color:currentColor}
.about__media img{box-shadow:0 0 0 1px rgba(70,235,255,.5),0 0 18px rgba(70,235,255,.35),0 40px 90px -30px #000}

/* ---- footer + Proudly Canadian */
.footer__tag{font:700 14px/1.3 var(--label);text-transform:uppercase;color:#aab1c2}
.social a{border-radius:0;font:700 15px/1 var(--label);letter-spacing:.04em;color:#cdd3e0;box-shadow:inset 0 0 0 1px rgba(70,235,255,.4)}
.social a:hover{box-shadow:inset 0 0 0 1px var(--hcy),0 0 14px rgba(70,235,255,.5);color:var(--hwh)}
.footer__base{font:600 12px/1.6 var(--mono);color:#7d8396}
.canada{display:flex;justify-content:center;align-items:center;gap:10px;margin:0;padding:6px 24px 34px;font:700 13px/1 var(--label);letter-spacing:.14em;text-transform:uppercase;color:rgba(245,248,255,.62);text-shadow:0 1px 3px rgba(0,0,0,.66)}
.canada .flag{display:block;width:24px;height:12px;box-shadow:0 0 0 1px rgba(255,255,255,.15);opacity:.9}

.legal p{font-size:18px}
.kicker{font:600 13px/1 var(--mono);letter-spacing:.02em;color:var(--ham)}

@media (max-width:600px){
  .house{padding:30px 22px 36px}
  .house--hero{padding:36px 20px 38px}
  .hero__title{font-size:clamp(34px,10.4vw,52px)}
  .hero__lede{font-size:18px}
  .tab{font-size:11.5px}
  .partner__cta.house{padding:34px 22px 38px}
  .chapter{font-size:16px}
}

/* Hero title on ONE line at every width: size from the card's own width (Orbitron Black "APEX SPEC AUTO" ≈ 10.31em wide) */
.house--hero{container-type:inline-size}
.hero__title{white-space:nowrap;text-align:left;font-size:clamp(20px,9.2cqi,64px);line-height:1.08}
@supports not (font-size:1cqi){.hero__title{font-size:clamp(20px,6.6vw,64px)}}
@media (max-width:600px){.hero__title{font-size:clamp(20px,9.2cqi,64px)}}

/* =====================================================================
   FINISHING PASS — restraint, rhythm, hairlines
   ===================================================================== */
:root{--hair:rgba(255,255,255,.08);--hair2:rgba(255,255,255,.14);--cyl:rgba(70,235,255,.42);--lux:cubic-bezier(.22,.61,.36,1);--gut:clamp(20px,4vw,48px)}
html{scrollbar-color:rgba(70,235,255,.32) #05040a;scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#05040a}
::-webkit-scrollbar-thumb{background:rgba(70,235,255,.26);border:3px solid #05040a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(70,235,255,.45)}
::selection{background:rgba(232,198,138,.32);color:#fff;text-shadow:none}
:focus-visible{outline:1px solid var(--hcy);outline-offset:4px;border-radius:0;box-shadow:0 0 0 4px rgba(70,235,255,.12)}
body{font-feature-settings:"kern","liga";text-rendering:optimizeLegibility}
h1,h2,h3,.sub{text-wrap:balance}
p{text-wrap:pretty}

/* restrained glow: still the video headline, just quieter at web sizes */
.hl,.hero__title,.section h2,.legal h2{text-shadow:0 0 .1em rgba(70,235,255,.55),0 0 .32em rgba(70,235,255,.16),0 .02em .05em rgba(0,0,0,.6)}
.hl em,.section h2 em{text-shadow:0 0 .1em rgba(150,110,40,.6),0 0 .32em rgba(150,110,40,.18),0 .02em .05em rgba(0,0,0,.6)}
.chapter{text-shadow:0 0 6px rgba(20,120,160,.7);letter-spacing:.02em}
.chapter::after{height:1px;box-shadow:0 0 6px rgba(70,235,255,.4)}
.house{box-shadow:inset 0 0 0 1px var(--cyl),0 0 18px rgba(70,235,255,.10)}
.tab{box-shadow:inset 0 0 0 1px rgba(70,235,255,.55);letter-spacing:.04em}
.brand__word{text-shadow:0 0 6px rgba(70,235,255,.45),0 1px 2px rgba(0,0,0,.7);letter-spacing:.08em}

/* background: quieter atmosphere */
.glow{opacity:.18!important;filter:blur(110px)}
.sun{opacity:.13}
.grid-floor{opacity:.16}
.grain{opacity:.045}
.ticker{background:rgba(5,4,10,.7);border-color:var(--hair);padding:18px 0}
.ticker__track{font-size:13px;letter-spacing:.22em;color:#a9afbf;animation-duration:70s;gap:44px}
.ticker i{width:4px;height:4px;box-shadow:none;opacity:.8}

/* layout rhythm */
.nav__inner,.hero__inner,.section,.footer__inner,.footer__base{padding-left:var(--gut);padding-right:var(--gut)}
.nav__inner{padding-top:16px;padding-bottom:16px}
.nav.is-scrolled{background:rgba(5,4,10,.82);border-color:var(--hair)}
.section{padding-top:clamp(96px,11vw,160px)}
.section__head{margin-bottom:clamp(36px,4vw,56px);gap:20px 40px}
.section h2{font-size:clamp(26px,3.3vw,46px);line-height:1.12;max-width:20ch}
.hero__inner{gap:clamp(48px,6vw,88px);padding-bottom:72px}
.hero__lede{max-width:34em;line-height:1.6;color:#bfc5d3}
.hero__cta{margin-top:36px;gap:16px}
.hero__facts{margin-top:52px;border-top:1px solid var(--hair)}
.hero__facts div{border-right:1px solid var(--hair);padding-top:22px}
.feature__frame{background:var(--cyl);box-shadow:0 0 0 1px rgba(70,235,255,.12),0 50px 100px -40px rgba(0,0,0,.95),0 0 40px -10px rgba(70,235,255,.18);transition:box-shadow .8s var(--lux)}
.feature{transition:transform 1.1s var(--lux)}
.feature:hover .feature__frame{box-shadow:0 0 0 1px rgba(70,235,255,.4),0 50px 100px -40px rgba(0,0,0,.95),0 0 50px -10px rgba(70,235,255,.3)}

/* buttons */
.btn{--h:54px;padding:0 30px;letter-spacing:.08em;font-size:15px;transition:transform .5s var(--lux),box-shadow .5s var(--lux),color .4s var(--lux),background .5s var(--lux)}
.btn--sm{--h:42px;padding:0 20px;font-size:14px}
.btn--sub,.btn--ghost{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0)),rgba(5,9,18,.72);box-shadow:inset 0 0 0 1px var(--cyl)}
.btn--sub{box-shadow:inset 0 0 0 1px rgba(70,235,255,.7),0 0 22px -6px rgba(70,235,255,.35)}
.btn--sub:hover,.btn--ghost:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(70,235,255,.95),0 0 26px -6px rgba(70,235,255,.5);text-shadow:none}
.btn--gold{color:#0b0906;background:linear-gradient(180deg,#f3dcae,#d9b679);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 14px 34px -14px rgba(232,198,138,.55);text-shadow:none}
.btn--gold:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 18px 40px -14px rgba(232,198,138,.75)}
.btn:active{transform:translateY(0)}

/* cards */
.grid--long{gap:clamp(28px,3vw,44px) clamp(20px,2.4vw,32px)}
.grid--short{gap:clamp(14px,1.6vw,22px)}
.card__media{box-shadow:0 0 0 1px var(--hair2),0 30px 60px -36px #000;transition:transform .7s var(--lux),box-shadow .7s var(--lux)}
.card__media::after{background:linear-gradient(180deg,transparent 60%,rgba(5,4,10,.35))}
.card__media img{transition:transform 1.2s var(--lux),filter .8s var(--lux);backface-visibility:hidden}
.card a:hover .card__media{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(70,235,255,.55),0 0 24px -8px rgba(70,235,255,.35),0 36px 70px -36px #000}
.card a:hover img{transform:scale(1.03);filter:saturate(1.06)}
.card__body{padding:20px 2px 0}
.card h3{font-size:16.5px;line-height:1.3;letter-spacing:.01em;color:#eef1f7}
.card--short h3{font-size:14px;margin-top:14px;letter-spacing:.01em}
.meta{margin-top:12px}
.play{width:56px;height:56px;margin:-28px 0 0 -28px;background:rgba(5,9,18,.55);box-shadow:inset 0 0 0 1px rgba(70,235,255,.7);transition:opacity .5s var(--lux),transform .6s var(--lux)}
.play::after{left:22px;top:18px;border-left-width:14px;border-top-width:10px;border-bottom-width:10px}
.play--lg{width:72px;height:72px;margin:-36px 0 0 -36px;opacity:.85}
.play--lg::after{left:29px;top:24px;border-left-width:18px;border-top-width:12px;border-bottom-width:12px}
.more{margin-top:56px}
.js .reveal{transition:opacity 1.1s var(--lux),transform 1.1s var(--lux);transform:translateY(16px)}

/* about */
.about{gap:clamp(48px,7vw,110px)}
.about__media::before{opacity:.16;filter:blur(70px)}
.about__copy>p{line-height:1.6;color:#bfc5d3;max-width:36em}
.pillars{gap:28px 20px}
.pillars li.house{padding:36px 26px 42px}
.pillars h3{font-size:14px;letter-spacing:.02em;hyphens:none;word-break:keep-all}
.pillars p{color:#b9bfcd}

/* partnerships */
.partner{padding-bottom:clamp(110px,12vw,170px)}
.partner__head{max-width:860px}
.partner__head .chapter{margin-bottom:22px}
.partner__lede{margin-top:26px;font-size:19px;line-height:1.6;color:#bfc5d3;max-width:40em}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(48px,5vw,72px)}
.principle{position:relative;padding:38px 28px 34px;border-top:1px solid var(--cyl);background:linear-gradient(180deg,rgba(70,235,255,.035),transparent 70%)}
.principle .tab{position:absolute;top:-13px;left:0;height:26px;padding:0 10px}
.principle h3{font-size:15px;letter-spacing:.02em;margin-bottom:12px}
.principle p{font-size:16.5px;line-height:1.55;color:#b9bfcd}
.formats-wrap{display:grid;grid-template-columns:220px 1fr;gap:40px;margin-top:clamp(64px,7vw,104px)}
.formats__label{font:600 13px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ham);padding-top:30px}
.formats{list-style:none;margin:0;padding:0;display:block;border-top:1px solid var(--hair2)}
.formats li,.formats li:nth-child(n+4){display:grid;grid-template-columns:64px minmax(200px,.9fr) 1.4fr;gap:24px;align-items:baseline;padding:28px 0;border-bottom:1px solid var(--hair);grid-column:auto;background:none;box-shadow:none;transform:none;border-radius:0}
.formats li::before{display:none}
.formats li:hover{transform:none;background:linear-gradient(90deg,rgba(70,235,255,.04),transparent 60%);box-shadow:none}
.formats__n{font:600 13px/1 var(--mono);color:var(--ham)}
.formats h3{font-size:15px;letter-spacing:.02em;margin:0}
.formats p{margin:0;font-size:16.5px;line-height:1.55;color:#b9bfcd}
.partner__cta.house{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;margin-top:clamp(64px,7vw,104px);padding:52px 48px 56px}
.partner__cta .tab{position:absolute;left:18px;top:-13px;height:26px;padding:0 11px}
.partner__promise{font-size:17px;letter-spacing:.01em;color:#dfe4ee;margin:0}
.partner__mail{margin-top:14px;font-size:clamp(17px,2.2vw,30px);word-break:normal;overflow-wrap:anywhere}

/* footer */
.footer{border-top:1px solid var(--hair);background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(70,235,255,.02))}
.footer__inner{padding-top:64px;padding-bottom:40px}
.social{gap:10px}
.social a{height:44px;padding:0 18px;box-shadow:inset 0 0 0 1px var(--hair2);transition:box-shadow .5s var(--lux),color .4s var(--lux)}
.social a:hover{box-shadow:inset 0 0 0 1px rgba(70,235,255,.7);color:#fff}
.footer__base{border-top:1px solid var(--hair);padding-top:26px;padding-bottom:22px;max-width:var(--max);margin:auto}
.canada{padding:4px var(--gut) 40px;color:rgba(245,248,255,.5);font-size:12px;letter-spacing:.18em}

/* responsive finishing */
@media (max-width:1100px){
  .principles{grid-template-columns:1fr;gap:34px}
  .formats-wrap{grid-template-columns:1fr;gap:18px}
  .formats__label{padding-top:0}
  .hero__copy{max-width:720px}
}
@media (max-width:860px){
  .formats li,.formats li:nth-child(n+4){grid-template-columns:48px 1fr;gap:10px 16px}
  .formats li p{grid-column:2}
  .partner__cta.house{grid-template-columns:1fr;padding:46px 28px 50px}
  .partner__cta .btn{justify-self:start}
}
@media (max-width:600px){
  .hero__lede{font-size:17.5px}
  .section h2{font-size:clamp(24px,7.4vw,34px)}
  .grid--long{gap:40px}
  .grid--short .card{flex:0 0 47%}
  .principle{padding:34px 4px 6px;background:none}
  .formats li,.formats li:nth-child(n+4){padding:24px 0}
  .partner__cta .btn{width:100%;justify-self:stretch}
  .partner__cta.house{padding:42px 22px 46px}
  .footer__base{gap:10px}
}
/* finishing tweaks 2 */
.section h2{max-width:24ch}
.hl em{white-space:nowrap}
.principle{padding:40px 24px 30px 0;background:none}
.principle .tab{left:0}
@media (max-width:1100px){.principles{grid-template-columns:repeat(3,1fr);gap:24px}}
@media (max-width:700px){.principles{grid-template-columns:1fr;gap:40px}.principle{padding:36px 0 4px}}
.sun{opacity:.08}
@media (max-width:860px){.sun{display:none}}
.footer__base{border-top:0;background:linear-gradient(var(--hair),var(--hair)) var(--gut) 0/calc(100% - 2*var(--gut)) 1px no-repeat}
/* duration badge sized to fully cover the channel watermark (bottom-right of long thumbnails) */
.card--long .card__media,.feature__frame{container-type:inline-size}
.card--long .badge,.feature__frame .badge{right:1.2%;bottom:2.4%;width:22%;height:11%;padding:0;display:flex;align-items:center;justify-content:center;font-size:clamp(11px,4.4cqw,44px);letter-spacing:.08em}
/* third title colour from the latest long (McLaren Game Over house ACC3) for the hero subline */
.hero__tag{color:#76ce9e;text-shadow:0 1px 3px rgba(0,0,0,.66)}