*{box-sizing:border-box}
:root{--bg:#07080b;--panel:#0d0f14;--line:#252a32;--muted:#969ba6;--white:#f5f6f8;--red:#ff321d;--red2:#ff4b31}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,system-ui,sans-serif;overflow-x:hidden;font-size:16px;line-height:1.65}
button,a{font:inherit}
::selection{background:var(--red);color:#fff}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.progress{position:fixed;z-index:120;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--red),#ffb09a);box-shadow:0 0 18px #ff321d88}
.nav{position:fixed;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;z-index:90;background:linear-gradient(#07080bee,transparent);backdrop-filter:blur(14px);border-bottom:1px solid #ffffff06}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--red);font-family:"Barlow Condensed";font-size:28px;font-weight:900;transform:skew(-9deg);box-shadow:0 10px 30px #ff321d33}
.brand b{display:block;font-family:"Barlow Condensed";font-size:23px;letter-spacing:2px;line-height:1}
.brand small{display:block;font-size:8px;letter-spacing:2.2px;color:#8f949e;margin-top:4px}
.nav nav{display:flex;gap:30px}
.nav nav a,.nav-cta{color:#c9cbd1;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:1.2px;transition:.25s}
.nav nav a:hover{color:#fff}
.nav-cta{border:1px solid #3b3f47;padding:12px 17px;color:#fff}
.nav-cta:hover{border-color:#777}
.menu{display:none;background:none;border:0;color:#fff;font-size:25px}

.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:150px 9vw 100px;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 73% 42%,#541007 0,#1b090a 23%,#08090c 56%),linear-gradient(115deg,#08090c,#12131a)}
.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07080b 0%,transparent 52%,#07080b 100%)}
.hero-grid{position:absolute;inset:-10%;opacity:.13;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:90px 90px;transform:perspective(500px) rotateX(55deg) translateY(20%);transform-origin:center bottom;mask-image:linear-gradient(90deg,black,transparent 78%)}
.hero-glow{position:absolute;width:42vw;height:42vw;right:4vw;top:12vh;border-radius:50%;background:#ff321d18;filter:blur(70px);animation:float 8s ease-in-out infinite}
@keyframes float{50%{transform:translate(-25px,18px) scale(1.08)}}
.hero-copy{position:relative;z-index:2;max-width:900px}
.eyebrow,.kicker,.section-label{font-size:11px;font-weight:800;letter-spacing:2.6px;color:#a9acb4}
.eyebrow span{display:inline-block;width:32px;height:2px;background:var(--red);vertical-align:middle;margin-right:10px}
.hero h1,.section h2,.le-mans h2,.manifesto h2{font-family:"Barlow Condensed",sans-serif;font-size:clamp(86px,13vw,190px);line-height:.78;letter-spacing:-4px;margin:26px 0 36px;font-weight:900}
.hero h1 em,.section h2 em,.le-mans h2 em,.manifesto h2 em{font-style:normal;color:var(--red)}
.hero-lead{font-size:20px;line-height:1.7;color:#c4c7ce;max-width:590px}
.hero-lead strong{color:#fff}
.hero-actions{display:flex;gap:12px;margin-top:38px}
.btn{display:inline-flex;gap:24px;align-items:center;padding:17px 21px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:1.4px;transition:.25s}
.btn-hot{background:var(--red);color:#fff;box-shadow:0 15px 35px #ff321d20}
.btn-hot:hover{transform:translateY(-2px);background:#ff422d}
.btn-ghost{border:1px solid #424650;color:#fff}
.btn-ghost:hover{border-color:#888}
.hero-stat{position:absolute;right:8vw;bottom:14vh;display:flex;gap:16px;align-items:center;z-index:2}
.hero-stat strong{font:900 68px "Barlow Condensed";color:var(--red);line-height:.8}
.hero-stat span{font-size:9px;line-height:1.55;letter-spacing:1.5px;color:#aaa}
.hero-stamp{position:absolute;right:3vw;top:45%;font:700 10px "Barlow Condensed";letter-spacing:3px;color:#555;writing-mode:vertical-rl}
.hero-stamp span{color:var(--red)}
.scroll{position:absolute;bottom:30px;left:9vw;font-size:9px;letter-spacing:2px;color:#777}
.scroll span{color:var(--red);margin-left:8px}
.hero-spec{position:absolute;left:9vw;bottom:35px;right:9vw;text-align:right;color:#545861;font-size:9px;letter-spacing:2px}
.hero-spec b{color:#b8bcc4;margin-left:12px}

.ticker{min-height:64px;background:var(--red);display:flex;align-items:center;justify-content:space-around;gap:34px;overflow:hidden;color:#fff;font-size:10px;font-weight:700;letter-spacing:1.2px;white-space:nowrap}
.ticker b{font-family:"Barlow Condensed";font-size:19px;margin-right:8px}

.section{padding:145px 9vw;position:relative}
.section-label{position:absolute;top:45px;left:9vw}
.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.section h2{font-size:clamp(62px,7vw,108px);letter-spacing:-2px;margin:18px 0 25px}
.section-intro{font-size:18px;line-height:1.75;color:#a8adb6;max-width:620px}
.prose{max-width:650px;color:#a1a6b0;line-height:1.9;font-size:17px}
.prose p{margin:0 0 25px}
.quote{font:600 29px "Barlow Condensed";line-height:1.15;color:#fff;border-left:2px solid var(--red);padding-left:22px}
.quote span{display:block;font:600 10px Inter;color:#777;letter-spacing:1px;margin-top:13px}
.chapter-card{margin-top:90px;border:1px solid #2b3038;background:linear-gradient(110deg,#11141a,#0b0d11);padding:30px 34px;display:grid;grid-template-columns:1fr 1.7fr 1.4fr;gap:30px;align-items:center;position:relative;overflow:hidden}
.chapter-card:after{content:"";position:absolute;width:250px;height:250px;right:-80px;top:-120px;background:var(--red);filter:blur(90px);opacity:.12}
.chapter-number{font:800 10px Inter;letter-spacing:2px;color:var(--red)}
.chapter-card span{font-size:10px;color:#6f747d;letter-spacing:2px}
.chapter-card h3{font:800 29px "Barlow Condensed";line-height:1.05;margin:5px 0 0}
.chapter-card p{margin:0;color:#858a94;font-size:14px;line-height:1.7}

.dark{background:#0b0d11}
.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:60px}
.section-head>p{max-width:390px;color:#7e838d;font-size:15px;line-height:1.8}

.timeline{max-width:1050px;margin:auto}
.timeline article{display:grid;grid-template-columns:130px 1fr;gap:34px;border-top:1px solid #292e36;padding:30px 0;transition:.3s}
.timeline article:hover{padding-left:14px;background:linear-gradient(90deg,#ffffff03,transparent)}
.timeline article>span{font:900 39px "Barlow Condensed";color:#50555e}
.timeline article b{font:800 12px Inter;letter-spacing:1.6px}
.timeline article p{margin:9px 0 0;color:#858b96;line-height:1.75;font-size:15px;max-width:760px}
.timeline .hot>span,.timeline .hot b{color:var(--red)}
.timeline .scar{background:linear-gradient(90deg,#160c0e,transparent);padding-left:20px;margin-left:-20px}
.timeline .now{background:linear-gradient(90deg,#15100f,transparent)}
.timeline .now>span{color:#fff}

.numbers-section{background:#f0f0ed;color:#101114}
.numbers-section .section-label,.numbers-section .kicker,.numbers-section .section-head>p{color:#6e737b}
.numbers{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c8c8c4;border-left:1px solid #c8c8c4}
.numbers div{padding:34px 26px;border-right:1px solid #c8c8c4;border-bottom:1px solid #c8c8c4;min-height:155px}
.numbers strong{font:900 66px "Barlow Condensed";color:#111;display:block;line-height:.9}
.numbers span{display:block;color:#72767d;font-size:9px;letter-spacing:1.6px;line-height:1.55;margin-top:14px}
.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c6c6c1;margin-top:45px}
.fact-grid article{background:#f0f0ed;padding:28px;min-height:230px}
.fact-grid span{font:800 9px Inter;color:var(--red);letter-spacing:1.8px}
.fact-grid h3{font:800 25px "Barlow Condensed";line-height:1.05;margin:22px 0 12px}
.fact-grid p{font-size:13px;color:#70757d;line-height:1.7}

.dossier{background:linear-gradient(120deg,#0b0d11,#111318)}
.dossier-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}
.dossier-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dossier-copy article{border-top:2px solid #2b3038;padding-top:18px}
.dossier-copy article span{font:800 9px Inter;color:var(--red);letter-spacing:1.8px}
.dossier-copy h3{font:800 28px "Barlow Condensed";line-height:1.05;margin:18px 0 10px}
.dossier-copy p{font-size:14px;color:#7f858f;line-height:1.75;margin:0}

.achievements{background:#f1f1ef;color:#111}
.achievements .section-label,.achievements .kicker,.achievements .section-head>p{color:#777}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#bbb}
.achievement-card{background:#f1f1ef;min-height:310px;padding:34px;position:relative;transition:.3s}
.achievement-card:hover{background:#fff;transform:translateY(-5px)}
.achievement-card.featured{background:var(--red);color:#fff}
.achievement-card .year{font:800 10px Inter;letter-spacing:2px;opacity:.65}
.achievement-card .big{font:900 76px "Barlow Condensed";line-height:1;margin-top:35px}
.achievement-card h3{font:900 20px "Barlow Condensed";letter-spacing:1px;margin:9px 0}
.achievement-card p{font-size:13px;line-height:1.65;color:#777;max-width:290px}
.featured p{color:#fff9}
.tag{position:absolute;right:20px;top:20px;border:1px solid #ffffff66;padding:7px 9px;font-size:7px;letter-spacing:1.5px}

.le-mans{min-height:92vh;position:relative;display:flex;align-items:center;padding:130px 9vw;overflow:hidden;background:#050607}
.lm-bg{position:absolute;inset:0;background:linear-gradient(90deg,#050607 12%,#050607b0 50%,#050607 100%),url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Kubica%20Monza%202008.jpg") center/cover;filter:saturate(.7) contrast(1.1);opacity:.52;transform:scale(1.02)}
.lm-content{position:relative;z-index:2;max-width:900px}
.le-mans h2{font-size:clamp(95px,12vw,175px);margin:20px 0}
.lm-lead{font-size:20px;line-height:1.7;color:#bbb;max-width:610px}
.lm-facts{display:grid;grid-template-columns:repeat(4,auto);gap:38px;margin:44px 0}
.lm-facts b{display:block;font:900 42px "Barlow Condensed";color:var(--red)}
.lm-facts span{font-size:9px;letter-spacing:1px;color:#888;max-width:130px;display:block;line-height:1.5}

.now-section{background:#0a0c10}
.now-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}
.now-lead{font-size:18px;line-height:1.85;color:#9ca1aa;max-width:610px}
.race-board{border:1px solid #2b3038;background:#0f1116}
.race-board-top{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #2b3038;color:#777;font-size:9px;letter-spacing:2px}
.race-board-top b{font:900 24px "Barlow Condensed";color:var(--red)}
.race-row{display:grid;grid-template-columns:95px 1fr 28px;gap:15px;align-items:center;padding:16px 22px;border-bottom:1px solid #20242b}
.race-row:last-child{border-bottom:0}
.race-row span{font:700 9px Inter;color:#626872;letter-spacing:1px}
.race-row b{font:800 17px "Barlow Condensed";letter-spacing:1px}
.race-row i{font-style:normal;font:700 9px Inter;color:#555}
.race-row.hot{background:#171013}
.race-row.hot b,.race-row.hot i{color:var(--red)}

.machine{background:#111318}
.machine-grid{display:grid;grid-template-columns:1fr 1fr;min-height:620px}
.machine-copy{padding-right:7vw}
.machine-copy>p:not(.kicker){color:#959aa4;line-height:1.85;max-width:590px;font-size:16px}
.machine-image{background:linear-gradient(90deg,#111318 0%,transparent 30%),url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Robert%20Kubica%20%284948394299%29.jpg") center/cover;min-height:500px}
.specs{display:flex;gap:12px;margin-top:50px}
.specs div{border:1px solid #30343c;padding:20px;min-width:145px}
.specs span{font:800 10px "Barlow Condensed";color:var(--red);letter-spacing:1px}
.specs b{display:block;font-size:10px;line-height:1.6;margin-top:10px;color:#aaa}

.gallery{background:#08090b}
.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:245px;gap:8px}
.photo{position:relative;border:0;padding:0;overflow:hidden;cursor:pointer;background-size:cover;background-position:center;min-height:0}
.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 42%,#000d)}
.photo:hover{filter:saturate(1.1)}
.photo span{position:absolute;z-index:2;bottom:18px;left:18px;font:800 11px "Barlow Condensed";letter-spacing:1.5px;color:#fff;text-align:left}
.photo small{font:700 8px Inter;color:var(--red)}
.p1{background-image:url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Robert%20Kubica%20at%20Monaco.jpg");grid-row:span 2}
.p2{background-image:url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Kubica%20at%20Malaysia%202008.jpg")}
.p3{background-image:url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Kubica%20Monza%202008.jpg")}
.p4{background-image:url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Robert%20Kubica%20%284948394299%29.jpg")}
.p5{background-image:url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Robert-kubica-1795020.jpg")}
.p6{background:linear-gradient(135deg,#17191e,#0c0d10);display:grid;place-items:center}
.p6 span{position:relative;inset:auto;text-align:center;font-size:21px}

.credits{margin-top:22px;color:#555;font-size:10px;line-height:1.7}

.manifesto{padding:170px 9vw;background:var(--red);position:relative;overflow:hidden}
.manifesto:after{content:"K";position:absolute;right:2vw;bottom:-100px;font:900 50vw "Barlow Condensed";line-height:.7;color:#ffffff08}
.manifesto-inner{max-width:1000px;margin:auto;position:relative;z-index:2}
.manifesto h2{font-size:clamp(78px,10vw,155px);color:#fff;margin:30px 0}
.manifesto h2 em{color:#0a0b0e}
.manifesto p{font-size:19px;line-height:1.7;max-width:560px;color:#fff9}

.join{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:center}
.join>div>p:not(.kicker){color:#959aa3;line-height:1.85;max-width:570px;font-size:17px}
.join-box{border:1px solid #2e3138;padding:44px;text-align:center;position:relative;background:linear-gradient(145deg,#0d0f13,#08090b)}
.join-box b{display:block;font:900 39px "Barlow Condensed";letter-spacing:2px}
.join-box>span{display:block;color:#666;font-size:8px;letter-spacing:2px;margin:5px 0 30px}
.join-box button{border:0;background:var(--red);color:#fff;padding:16px 22px;font:800 11px Inter;letter-spacing:1px;cursor:pointer;transition:.2s}
.join-box button:hover{transform:translateY(-2px)}
.join-box small{display:block;color:#555;font-size:9px;margin-top:16px}
.pulse{width:9px;height:9px;background:var(--red);border-radius:50%;margin:0 auto 22px;box-shadow:0 0 0 0 #ff321d;animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 14px #ff321d00}}

footer{border-top:1px solid #22252b;padding:38px 9vw;display:flex;justify-content:space-between;align-items:center;color:#555;font-size:10px;letter-spacing:1px}
footer b{color:#fff;font:900 21px "Barlow Condensed"}
footer span{display:block;font-size:7px}
footer a{color:#aaa;text-decoration:none}

.modal{position:fixed;inset:0;background:#000e;z-index:110;display:none;align-items:center;justify-content:center;padding:40px}
.modal.open{display:flex}
.modal img{max-width:90vw;max-height:82vh;object-fit:contain;box-shadow:0 20px 80px #000}
.modal #modalTitle{position:absolute;bottom:30px;left:40px;color:#fff;font:800 15px "Barlow Condensed";letter-spacing:2px}
.close{position:absolute;right:30px;top:20px;background:none;border:0;color:#fff;font-size:40px;cursor:pointer}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}

@media(max-width:1050px){
  .nav nav{gap:18px}
  .dossier-copy{grid-template-columns:1fr}
  .fact-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .nav nav,.nav-cta{display:none}.menu{display:block}
  .nav nav.mobile-open{display:flex;position:absolute;top:82px;left:0;right:0;padding:24px;background:#090a0e;flex-direction:column;gap:18px;border-top:1px solid #222}
  .hero{padding-left:7vw}
  .hero h1{font-size:23vw}
  .hero-stat{right:6vw}
  .section{padding:110px 7vw}.section-label{left:7vw}
  .split,.machine-grid,.join,.now-grid,.dossier-grid{grid-template-columns:1fr}
  .numbers{grid-template-columns:repeat(2,1fr)}
  .chapter-card{grid-template-columns:1fr;gap:15px}
  .section-head{display:block}
  .section-head>p{margin-top:20px}
  .cards{grid-template-columns:1fr 1fr}
  .gallery-grid{grid-template-columns:1fr 1fr}
  .p1{grid-row:span 1}
  .lm-facts{grid-template-columns:repeat(2,1fr);gap:25px}
  .machine-image{min-height:420px;margin-top:50px}
  .machine-copy{padding-right:0}
  footer{padding:30px 7vw;gap:20px;flex-wrap:wrap}
}
@media(max-width:600px){
  body{font-size:17px}
  .nav{height:72px}
  .brand b{font-size:21px}
  .hero{min-height:760px;padding-top:130px;padding-bottom:80px}
  .hero-stat,.hero-stamp,.hero-spec{display:none}
  .hero-actions{flex-direction:column;align-items:flex-start}
  .hero-lead{font-size:18px}
  .ticker{justify-content:flex-start;gap:30px;padding-left:25px;width:max-content;min-width:100%;animation:marquee 22s linear infinite}
  .section{padding:95px 7vw}
  .section-label{top:34px}
  .section h2{font-size:clamp(58px,17vw,90px)}
  .numbers{grid-template-columns:1fr 1fr}
  .numbers div{padding:25px 18px;min-height:135px}
  .numbers strong{font-size:53px}
  .fact-grid{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .timeline article{grid-template-columns:65px 1fr;gap:15px}
  .timeline article>span{font-size:27px}
  .gallery-grid{grid-template-columns:1fr;grid-auto-rows:250px}
  .p1{grid-row:auto}
  .lm-facts{grid-template-columns:1fr 1fr}
  .manifesto{padding:110px 7vw}
  .manifesto h2{font-size:17vw}
  .race-row{grid-template-columns:78px 1fr 24px;padding:15px}
  .race-row b{font-size:16px}
  .specs{flex-direction:column}
  .specs div{min-width:0}
  footer{display:block}
  footer p{margin:16px 0}
  @keyframes marquee{to{transform:translateX(-35%)}}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* === PREMIUM SUBPAGES === */
.nav nav a.nav-special{color:#fff;border-bottom:1px solid #ff321d66;padding-bottom:5px}
.nav nav a.nav-special:hover{color:var(--red)}
.btn-dark{background:#0b0d11;color:#fff;margin-top:28px;border:1px solid #0b0d11}
.btn-dark:hover{background:#fff;color:#0b0d11}
.subpage{min-height:100vh;background:#07080b}
.subhero{position:relative;min-height:72vh;display:flex;align-items:center;padding:150px 9vw 90px;overflow:hidden;background:#050607}
.subhero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,#050607f5 5%,#050607b8 48%,#05060755 100%),linear-gradient(0deg,#050607 0%,transparent 55%),url("focus.jpg");background-size:cover;background-position:center 58%;filter:saturate(.82) contrast(1.06)}
.subhero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 45%,#ff321d18,transparent 30%)}
.subhero-content{position:relative;z-index:2;max-width:980px}
.back-link{display:inline-flex;gap:10px;align-items:center;color:#a9acb4;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:30px}
.back-link:hover{color:#fff}
.subhero h1{font:900 clamp(90px,14vw,190px)/.76 "Barlow Condensed";letter-spacing:-5px;margin:0 0 30px}
.subhero h1 em{font-style:normal;color:var(--red)}
.subhero-lead{font-size:19px;line-height:1.75;color:#c3c7cf;max-width:610px}
.submeta{display:flex;gap:30px;flex-wrap:wrap;margin-top:42px}
.submeta div{border-left:2px solid var(--red);padding-left:13px}
.submeta b{display:block;font:900 28px "Barlow Condensed";line-height:1}
.submeta span{display:block;color:#777;font-size:8px;letter-spacing:1.5px;margin-top:7px}
.bonus-stage{position:relative;margin:-70px 9vw 0;z-index:5}
.video-shell{background:#090b0f;border:1px solid #30343c;box-shadow:0 35px 100px #000b;padding:10px}
.video-frame{position:relative;background:#000;overflow:hidden;aspect-ratio:16/9}
.video-frame video{width:100%;height:100%;display:block;object-fit:cover}
.video-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0004,transparent 35%,#0008)}
.video-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 12px 8px;color:#7e838c;font-size:9px;letter-spacing:1.5px}
.video-caption strong{color:#fff;font-family:"Barlow Condensed";font-size:18px;letter-spacing:1px}
.video-caption a{color:#aaa;text-decoration:none}
.video-caption a:hover{color:#fff}
.bonus-copy{display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.bonus-copy p{color:#9297a1;font-size:16px;line-height:1.9}
.bonus-card{border:1px solid #2a2e36;background:linear-gradient(145deg,#111419,#0a0c10);padding:35px}
.bonus-card span{font-size:9px;letter-spacing:2px;color:var(--red);font-weight:800}
.bonus-card h2{font:900 56px/.9 "Barlow Condensed";margin:18px 0;color:#fff}
.bonus-card p{margin:0;font-size:14px}
.quote-hero{background:radial-gradient(circle at 80% 20%,#4c0b05 0,#15090a 24%,#07080b 60%)}
.quote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:#292d34}
.quote-card{position:relative;background:#0c0f14;padding:46px;min-height:310px;overflow:hidden;transition:.3s}
.quote-card:hover{background:#11141a;transform:translateY(-4px)}
.quote-card:before{content:"“";position:absolute;right:15px;top:-25px;font:900 180px/.8 "Barlow Condensed";color:#ffffff06}
.quote-card .quote-no{font:800 9px Inter;color:var(--red);letter-spacing:2px}
.quote-card blockquote{margin:45px 0 25px;font:600 32px/1.05 "Barlow Condensed";color:#fff;max-width:690px}
.quote-card cite{font:400 10px/1.6 Inter;color:#6e737c;font-style:normal}
.quote-card cite strong{color:#aeb3bc}
.quote-note{font-size:10px;color:#666;line-height:1.7;margin-top:28px}
.quote-feature{grid-column:span 2;background:var(--red);min-height:390px}
.quote-feature .quote-no,.quote-feature cite{color:#fff9}
.quote-feature blockquote{font-size:clamp(42px,5vw,72px);max-width:1000px}
.quote-feature:before{color:#0000000c}
.subfooter{border-top:1px solid #22252b;padding:35px 9vw;display:flex;justify-content:space-between;align-items:center;color:#555;font-size:9px;letter-spacing:1px}
.subfooter a{color:#aaa;text-decoration:none}
@media(max-width:900px){
  .nav nav.mobile-open a.nav-special{border-bottom:0;padding-bottom:0}
  .subhero{padding:130px 7vw 80px;min-height:650px}
  .subhero h1{font-size:23vw}
  .bonus-stage{margin:-45px 7vw 0}
  .bonus-copy{grid-template-columns:1fr}
  .quote-grid{grid-template-columns:1fr}
  .quote-feature{grid-column:auto}
}
@media(max-width:600px){
  .subhero h1{font-size:22vw;letter-spacing:-3px}
  .subhero-lead{font-size:17px}
  .submeta{gap:18px}
  .bonus-stage{margin:-25px 5vw 0}
  .video-caption{display:block}
  .video-caption a{display:block;margin-top:8px}
  .quote-card{padding:30px;min-height:280px}
  .quote-card blockquote{font-size:28px}
  .quote-feature blockquote{font-size:38px}
  .subfooter{display:block;padding:28px 7vw}
}

/* === V3 POLISH: quotes + bonus specs === */
.quote-last{
  grid-column:1 / -1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  min-height:260px;
}
.quote-last blockquote{max-width:850px;margin-left:auto;margin-right:auto}
.quote-last cite{max-width:850px}
.bonus-spec-section{padding-top:35px;padding-bottom:70px}
.bonus-spec-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  border-top:1px solid #2b3038;
  border-left:1px solid #2b3038;
}
.bonus-spec-grid>div{
  padding:24px 20px;
  min-height:135px;
  border-right:1px solid #2b3038;
  border-bottom:1px solid #2b3038;
  background:linear-gradient(145deg,#0f1116,#0a0c10);
}
.bonus-spec-grid span{
  display:block;
  color:var(--red);
  font:800 9px Inter;
  letter-spacing:1.8px;
}
.bonus-spec-grid b{
  display:block;
  color:#fff;
  font:900 30px/1 "Barlow Condensed";
  margin-top:18px;
}
.bonus-spec-grid small{
  display:block;
  color:#6f747d;
  font-size:9px;
  line-height:1.5;
  margin-top:7px;
}
@media(max-width:1050px){
  .bonus-spec-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
  .bonus-spec-grid{grid-template-columns:repeat(2,1fr)}
  .bonus-spec-grid>div{min-height:120px;padding:20px 16px}
  .bonus-spec-grid b{font-size:25px}
}

/* === V4 BONUS VIDEO AUTOPLAY / SOUND === */
.video-frame{isolation:isolate}
.sound-toggle{
  position:absolute;
  right:22px;
  bottom:58px;
  z-index:4;
  display:inline-flex;
 align-items:center;
  gap:10px;
  border:1px solid #ffffff55;
  background:#050607bb;
  backdrop-filter:blur(12px);
  color:#fff;
  padding:11px 14px;
  cursor:pointer;
  font:800 9px Inter;
  letter-spacing:1.5px;
  transition:.25s;
}
.sound-toggle:hover{background:#fff;color:#08090b;border-color:#fff}
.sound-toggle.active{background:var(--red);border-color:var(--red);color:#fff}
.sound-icon{font-size:10px;color:var(--red)}
.sound-toggle.active .sound-icon{color:#fff}
.autoplay-note{
  position:absolute;
  left:22px;
  bottom:58px;
  z-index:4;
  padding:9px 12px;
  color:#c7cad0;
  background:#05060799;
  border-left:2px solid var(--red);
  backdrop-filter:blur(10px);
  font:700 8px Inter;
  letter-spacing:1.4px;
  transition:.3s;
}
.autoplay-note.hidden{opacity:0;transform:translateY(6px);pointer-events:none}
@media(max-width:600px){
  .sound-toggle{right:12px;bottom:52px;padding:10px 11px}
  .autoplay-note{left:12px;bottom:52px;font-size:7px;padding:8px 9px}
}

/* === V5 CLEAN QUOTE GRID === */
.quote-last{
  grid-column:auto;
  display:block;
  text-align:left;
  min-height:310px;
}
.quote-last blockquote{
  max-width:690px;
  margin:45px 0 25px;
}
.quote-last cite{max-width:none}
@media(max-width:900px){
  .quote-last{grid-column:auto}
}
@media(max-width:600px){
  .quote-last{min-height:280px}
}