:root{
  --ink:#f7f0de; --cream:#f4e6c8; --paper:#ead9b7; --dark:#10170f; --forest:#1f3c2b;
  --red:#a72c1d; --red2:#d34a2c; --gold:#e7ad34; --wood:#6a4328; --shadow:rgba(5,10,5,.55);
  --max:1420px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#11170f;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}body::selection{background:var(--gold);color:#14150f}a{color:inherit;text-decoration:none}button{font:inherit}.section-shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.topbar{height:74px;position:fixed;top:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:22px;padding:6px clamp(18px,3vw,56px);background:linear-gradient(180deg,rgba(8,13,14,.96),rgba(8,13,14,.83));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);transition:.3s}.topbar.scrolled{height:64px;background:rgba(8,13,14,.96)}.brand img{height:62px;width:62px;object-fit:contain;filter:drop-shadow(0 5px 7px #0008)}.topbar.scrolled .brand img{height:52px}.nav{display:flex;justify-content:center;gap:clamp(16px,2vw,32px);font-size:13px;font-weight:850;letter-spacing:.035em;text-transform:uppercase}.nav a{position:relative;opacity:.85;white-space:nowrap}.nav a:hover,.nav a.active{opacity:1;color:#fff}.nav a.active:after,.nav a:hover:after{content:"";height:3px;position:absolute;left:0;right:0;bottom:-12px;background:var(--gold);border-radius:9px}.top-actions{display:flex;align-items:center;gap:16px}.social-mini{display:flex;gap:8px}.social-mini a{width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff2b;border-radius:50%;font-size:10px;font-weight:900}.sound-btn{cursor:pointer;display:flex;align-items:center;gap:8px;border:1px solid #ffffff6b;background:#0c110dcc;color:white;padding:9px 14px;border-radius:999px;text-transform:uppercase;font-weight:900;font-size:11px;letter-spacing:.05em}.sound-btn.on{border-color:var(--gold);color:var(--gold)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}
.hero{height:max(760px,100svh);min-height:690px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);filter:saturate(.92) contrast(1.03)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,13,10,.92) 0%,rgba(7,13,10,.57) 35%,rgba(7,13,10,.1) 64%,rgba(7,13,10,.33) 100%),linear-gradient(0deg,rgba(9,14,10,.88),transparent 45%)}.hero-glow{position:absolute;width:48vw;height:48vw;right:5vw;bottom:-20vw;background:radial-gradient(circle,#e39f3630,transparent 65%);pointer-events:none}.hero-copy{position:relative;z-index:5;width:min(650px,48vw);margin-left:max(40px,calc((100vw - var(--max))/2));padding-top:60px}.hero-logo{width:180px;filter:drop-shadow(0 14px 16px #0007);margin-bottom:18px}.eyebrow,.kicker{text-transform:uppercase;font-size:12px;letter-spacing:.18em;font-weight:900;color:var(--gold)}.hero h1,.world-copy h2,.run-copy h2,.garage-copy h2,.book-copy h2,.media-copy h2,.section-heading h2{font-family:Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;font-weight:900;letter-spacing:.005em;margin:8px 0 14px;line-height:.92;text-shadow:0 8px 24px #0008}.hero h1{font-size:clamp(54px,6.5vw,106px)}h1 em,h2 em{font-style:normal;color:var(--gold)}.hero-text{max-width:560px;font-size:18px;line-height:1.65;color:#fffde7db}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:14px 22px;font-weight:900;text-transform:uppercase;letter-spacing:.045em;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--red2),var(--red));color:white;box-shadow:0 10px 28px #6b140b5c}.btn-ghost{background:#0d130e9c;color:#fff;border:1px solid #ffffff7a}.btn-light{background:#f4e6c8;color:#26301f}.hero-car{position:absolute;z-index:4;width:min(46vw,720px);right:-4%;bottom:-6%;filter:drop-shadow(0 28px 26px #0009);transform-origin:center;animation:carIdle 4s ease-in-out infinite}.helmet-hotspot{position:absolute;z-index:7;right:3vw;top:112px;bottom:auto;border:0;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.helmet-hotspot img{width:76px;filter:drop-shadow(0 8px 12px #000a);animation:helmetPulse 2.6s ease-in-out infinite}.helmet-hotspot span{background:#15190ede;border:1px solid #fff3;padding:8px 11px;border-radius:999px}.scroll-cue{position:absolute;z-index:6;bottom:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px;text-transform:uppercase;letter-spacing:.25em;color:#fff9}.scroll-cue span{width:1px;height:30px;background:linear-gradient(#fff,transparent)}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-34px;position:relative;z-index:10}.feature-card{height:390px;position:relative;border:1px solid #f0d6914a;border-radius:18px;overflow:hidden;background:#182114;box-shadow:0 24px 50px #0006;isolation:isolate}.feature-bg,.feature-card>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.feature-card:hover .feature-bg,.feature-card:hover>video{transform:scale(1.045)}.feature-game .feature-bg{background:url('assets/img/game-vonkendal.jpg') center/cover}.feature-garage .feature-bg{background:url('assets/img/papas-garage.jpg') center/cover}.feature-book{background:linear-gradient(140deg,#4d3020,#121910)}.book-stage{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,#e0a93b33,transparent 50%)}.book-stage img{height:90%;max-width:90%;object-fit:contain;transform:rotate(5deg) translateX(13%);filter:drop-shadow(0 24px 20px #000a);transition:.5s}.feature-book:hover .book-stage img{transform:rotate(1deg) translateX(8%) scale(1.03)}.card-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,5,.96),rgba(4,8,5,.05) 68%)}.card-content{position:absolute;z-index:3;left:24px;right:24px;bottom:22px}.card-content h2{font:900 clamp(30px,2.4vw,44px)/.95 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:6px 0 10px}.card-content p{font-size:13px;line-height:1.5;color:#fffbd6cf;max-width:310px}.card-link{border:0;background:transparent;color:#fff;padding:0;margin-top:7px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:12px;cursor:pointer}.card-link span{color:var(--gold);margin-left:5px}.game-star{position:absolute;width:72px;right:20px;top:22px;z-index:4;animation:float 3s ease-in-out infinite}.game-rock{position:absolute;width:100px;right:-18px;bottom:32px;z-index:2;transform:rotate(-8deg)}
.world-section{height:780px;margin-top:100px;position:relative;overflow:hidden;display:flex;align-items:center}.world-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}.world-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#102014e8 0%,#10201492 28%,transparent 62%),linear-gradient(0deg,#11170f,transparent 30%)}.world-copy{position:relative;z-index:2;margin-left:max(40px,calc((100vw - var(--max))/2));max-width:540px}.world-copy h2{font-size:clamp(64px,7vw,110px)}.world-copy h2 strong{color:var(--gold)}.world-copy p{font-size:18px;line-height:1.6;color:#fffde0d9}.kicker.light{color:#f4e6c8}
.run-section{min-height:760px;padding:120px 0;display:grid;grid-template-columns:1fr 1.25fr;grid-template-rows:auto auto;gap:28px 50px;align-items:center;position:relative}.run-copy h2,.garage-copy h2,.book-copy h2{font-size:clamp(56px,6vw,92px)}.run-copy p,.garage-copy>p,.book-copy>p{font-size:17px;line-height:1.7;color:#dfddc7;max-width:570px}.run-actions{display:flex;align-items:center;gap:16px;margin-top:25px}.beta-pill{background:var(--gold);color:#1b1a12;font-weight:1000;border-radius:7px;padding:8px 13px;transform:rotate(-3deg)}.run-visual{height:430px;position:relative;border-radius:28px;background:radial-gradient(circle at 60% 40%,#dd9a2c24,transparent 45%),linear-gradient(155deg,#253c24,#10170f);overflow:hidden;border:1px solid #e6c77b33}.run-visual:after{content:"";position:absolute;left:0;right:0;bottom:52px;height:5px;background:#d5b17455;box-shadow:0 14px 0 #5e4028}.run-car{position:absolute;width:min(470px,76%);left:7%;bottom:42px;z-index:3;animation:carIdle 3.4s ease-in-out infinite}.obstacle{position:absolute;filter:drop-shadow(0 12px 12px #0007)}.obstacle-1{width:96px;right:12%;bottom:63px;animation:float 3.2s ease-in-out infinite}.obstacle-2{width:120px;right:-18px;bottom:60px}.obstacle-3{width:115px;right:31%;bottom:57px}.floating-star{position:absolute;width:58px;z-index:4;animation:float 2.8s ease-in-out infinite}.s1{top:17%;right:12%}.s2{top:8%;left:42%;animation-delay:.7s}.leaderboard{grid-column:2;max-width:560px;justify-self:center;width:100%;background:linear-gradient(#201a12,#11150e);border:1px solid #e2b44850;border-radius:16px;padding:18px 22px;box-shadow:0 20px 60px #0006}.board-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #ffffff1a;padding-bottom:11px;text-transform:uppercase}.board-head strong{color:var(--gold)}.board-head small{opacity:.55}.leaderboard ol{list-style:none;padding:0;margin:10px 0 0}.leaderboard li{display:grid;grid-template-columns:32px 30px 1fr;gap:8px;padding:9px 0;border-bottom:1px dashed #ffffff16;font-size:13px}.leaderboard em{font-style:normal;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.garage-detail{padding:80px 0 120px;display:grid;grid-template-columns:1.3fr .8fr;gap:65px;align-items:center}.garage-image{border-radius:22px;overflow:hidden;box-shadow:0 30px 70px #0008;border:1px solid #ffffff1c}.garage-image img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.memory-note{margin-top:28px;display:flex;gap:16px;background:#efe2c512;color:#f7eedc;border:1px solid #efe2c525;padding:16px;border-radius:14px}.memory-note>span{font-size:30px;color:var(--gold)}.memory-note strong{font-size:14px;text-transform:uppercase}.memory-note p{font-size:13px;color:#fff9;margin:4px 0 0}
.characters{padding:100px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 44px}.section-heading h2{font-size:clamp(52px,6vw,84px)}.section-heading p{color:#ddd6bd}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.character-card{position:relative;background:linear-gradient(180deg,#314a34 0%,#17251b 70%);color:#f7eedc;border:1px solid #e6c87333;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px #0005;min-height:470px}.character-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,#f0c96f28,transparent 48%);pointer-events:none}.character-card img{position:relative;z-index:1;width:100%;height:350px;object-fit:contain;object-position:center bottom;background:transparent;padding:18px 12px 0;filter:drop-shadow(0 18px 20px #0007)}.character-card div{position:relative;z-index:2;padding:18px 20px 22px;background:linear-gradient(180deg,transparent,#0e1711 28%)}.character-card h3{font:900 30px/1 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:0 0 6px;color:#f0bd45}.character-card p{margin:0;font-size:13px;line-height:1.5;color:#e3ddc9}
.book-section{padding:130px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.book-preview{height:580px;position:relative}.book-cover,.book-page{position:absolute;max-height:540px;max-width:60%;object-fit:contain;border-radius:6px;box-shadow:0 25px 55px #000a}.book-cover{left:8%;top:0;transform:rotate(-6deg);z-index:2}.book-page{right:4%;bottom:0;transform:rotate(7deg);z-index:1}.book-preview:hover .book-cover{transform:rotate(-3deg) translateY(-8px)}.book-preview:hover .book-page{transform:rotate(4deg) translateY(-5px)}.book-cover,.book-page{transition:.45s}
.media-section{background:#1e2e22;position:relative;padding:110px 0;overflow:hidden}.media-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#d8a44321,transparent 36%),linear-gradient(130deg,#0e1611,#203424)}.media-inner{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.media-player video{width:100%;border-radius:20px;box-shadow:0 28px 70px #0008;border:1px solid #ffffff25}.media-copy h2{font-size:clamp(54px,5vw,82px)}.media-copy p{font-size:17px;line-height:1.7;color:#e4ddc6}.platforms{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.platforms span{border:1px solid #ffffff31;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:800}
.social-section{padding:100px 0 120px;display:flex;justify-content:space-between;align-items:end;gap:40px}.social-copy h2{font:900 clamp(45px,5vw,75px)/1 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:6px 0}.social-copy p{color:#ddd4bb}.social-cards{display:flex;gap:10px}.social-cards a{background:#eee0c5;color:#172018;padding:16px 20px;border-radius:12px;font-weight:900}.social-cards a:hover{background:var(--gold)}footer{min-height:190px;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding:40px;border-top:1px solid #ffffff13;background:#0b100c;color:#fff9;font-size:12px}footer img{width:72px}.footer-note{text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}
.helmet-dialog{width:min(500px,calc(100% - 36px));border:1px solid #e0bd7042;background:#172018;color:#f7eedc;border-radius:24px;padding:34px;text-align:center;box-shadow:0 35px 90px #000d}.helmet-dialog::backdrop{background:#071008d9;backdrop-filter:blur(8px)}.helmet-dialog img{width:150px;filter:drop-shadow(0 18px 18px #0009)}.helmet-dialog h2{font:900 50px/1 Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:8px}.helmet-dialog p{line-height:1.65;color:#e1dac5}.dialog-close{position:absolute;right:15px;top:12px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}.toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#f1dfba;color:#1b201a;padding:12px 18px;border-radius:999px;font-size:12px;font-weight:800;transition:.25s;box-shadow:0 12px 35px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
@keyframes float{50%{transform:translateY(-10px) rotate(3deg)}}@keyframes carIdle{50%{transform:translateY(-7px) rotate(-.6deg)}}@keyframes helmetPulse{50%{transform:scale(1.07);filter:drop-shadow(0 8px 14px #f0b74499)}}
@media(max-width:1100px){.nav{display:none;position:absolute;top:100%;left:16px;right:16px;flex-direction:column;padding:18px;background:#0b110ded;border:1px solid #ffffff1c;border-radius:14px}.nav.open{display:flex}.menu-toggle{display:block;order:2}.topbar{grid-template-columns:70px auto 1fr}.top-actions{justify-self:end}.social-mini{display:none}.hero-copy{width:min(620px,68vw)}.hero-car{width:54vw;right:-10%}.quick-grid{grid-template-columns:1fr 1fr}.run-section,.garage-detail,.book-section,.media-inner{grid-template-columns:1fr}.leaderboard{grid-column:auto}.character-grid{grid-template-columns:1fr 1fr}.book-section{gap:30px}.book-preview{height:500px}.media-copy{max-width:700px}.social-section{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.section-shell{width:min(100% - 28px,var(--max))}.topbar{height:62px;padding:5px 14px;grid-template-columns:58px auto 1fr}.brand img{height:50px;width:50px}.sound-label{display:none}.sound-btn{padding:9px 11px}.hero{height:860px;align-items:flex-start}.hero-video{object-position:58% center}.hero-vignette{background:linear-gradient(180deg,#071008d9 0%,#0710089e 45%,#0710084d 66%,#071008e8 100%)}.hero-copy{width:auto;margin:0 20px;padding-top:135px;text-align:center}.hero-logo{width:150px}.hero h1{font-size:56px}.hero-text{font-size:15px}.hero-buttons{justify-content:center}.hero-car{width:92vw;right:-17vw;bottom:4%}.helmet-hotspot{left:auto;right:12px;top:78px;bottom:auto}.helmet-hotspot span{display:none}.scroll-cue{display:none}.quick-grid{grid-template-columns:1fr;margin-top:-16px}.feature-card{height:330px}.world-section{height:660px;margin-top:70px}.world-video{object-position:58% center}.world-overlay{background:linear-gradient(0deg,#0f1710 0%,#0f171085 58%,#0f17102e)}.world-copy{margin:0 25px;align-self:end;padding-bottom:70px}.world-copy h2{font-size:65px}.run-section{padding:90px 0}.run-copy h2,.garage-copy h2,.book-copy h2{font-size:57px}.run-visual{height:330px}.run-car{width:88%;left:-5%}.obstacle-3{display:none}.garage-detail{padding:50px 0 90px;gap:30px}.character-grid{grid-template-columns:1fr}.character-card{display:block;min-height:430px}.character-card img{height:310px;width:100%;padding-top:14px}.book-section{padding:90px 0}.book-preview{height:390px}.book-cover,.book-page{max-height:360px}.media-section{padding:80px 0}.social-cards{flex-wrap:wrap}.social-cards a{flex:1 1 120px}.toast{max-width:calc(100% - 28px);text-align:center;white-space:normal}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hero-video,.world-video,.feature-card>video{display:none}.hero{background:url('assets/img/hero-house.jpg') center/cover}.world-section{background:url('assets/img/vonkendal.jpg') center/cover}}

/* v0.4 — dedicated mobile polish */
@media(max-width:720px){
  .topbar{
    height:64px;
    padding:5px 14px;
    grid-template-columns:54px 1fr auto auto;
    gap:8px;
  }
  .brand{grid-column:1}
  .brand img{height:52px;width:52px}
  .top-actions{grid-column:3;justify-self:end;gap:8px}
  .menu-toggle{grid-column:4;justify-self:end;order:initial;font-size:30px;line-height:1;padding:6px 4px}
  .sound-btn{width:42px;height:42px;padding:0;display:grid;place-items:center;border-color:#ffffff55}
  .sound-icon{font-size:17px;line-height:1}
  .sound-label{display:none}
  .nav{top:68px;left:12px;right:12px;padding:14px 18px;gap:15px;border-radius:16px;font-size:14px;box-shadow:0 18px 50px #000b}
  .nav a.active:after,.nav a:hover:after{bottom:-6px}

  .hero{
    height:820px;
    min-height:820px;
    align-items:flex-start;
  }
  .hero-video{object-position:52% center;transform:scale(1.02)}
  .hero-vignette{
    background:
      linear-gradient(180deg,rgba(7,13,10,.86) 0%,rgba(7,13,10,.72) 40%,rgba(7,13,10,.42) 62%,rgba(7,13,10,.92) 100%),
      linear-gradient(90deg,rgba(7,13,10,.26),transparent 55%,rgba(7,13,10,.18));
  }
  .hero-copy{
    width:calc(100% - 32px);
    max-width:420px;
    margin:0 auto;
    padding-top:102px;
    text-align:center;
  }
  .hero-logo{width:118px;margin-bottom:12px}
  .eyebrow{font-size:9px;letter-spacing:.17em;white-space:nowrap}
  .hero h1{
    font-size:clamp(42px,12.2vw,50px);
    line-height:.92;
    margin:10px 0 12px;
    letter-spacing:0;
  }
  .hero-text{font-size:14px;line-height:1.52;max-width:340px;margin:0 auto;color:#fffde7e8}
  .hero-buttons{margin-top:18px;gap:9px;justify-content:center;position:relative;z-index:8}
  .hero-buttons .btn{padding:12px 17px;font-size:12px;min-height:44px}
  .hero-buttons .btn-primary{flex:0 1 auto}
  .hero-buttons .btn-ghost{flex:0 1 auto}
  .hero-car{
    width:min(76vw,430px);
    right:-5vw;
    bottom:-1.5%;
    z-index:4;
    animation:carIdle 4s ease-in-out infinite;
  }
  .helmet-hotspot{
    right:12px;
    top:80px;
    z-index:9;
  }
  .helmet-hotspot img{width:52px}
  .helmet-hotspot span{display:none}

  .quick-grid{margin-top:0;padding-top:18px;gap:18px}
  .feature-card{height:315px;border-radius:20px}
  .card-content{left:22px;right:22px;bottom:20px}
  .card-content h2{font-size:36px}
  .card-content p{font-size:14px;line-height:1.5;max-width:290px}
  .game-star{width:58px;right:16px;top:15px}
  .game-rock{width:86px}

  .world-section{height:610px;margin-top:62px}
  .world-copy{margin:0 22px;padding-bottom:54px;max-width:360px}
  .world-copy h2{font-size:56px}
  .world-copy p{font-size:15px;line-height:1.55}

  .run-section{padding:76px 0;gap:26px}
  .run-copy h2,.garage-copy h2,.book-copy h2{font-size:50px}
  .run-copy p,.garage-copy>p,.book-copy>p{font-size:15px;line-height:1.6}
  .run-visual{height:300px;border-radius:22px}
  .run-car{width:82%;left:-2%;bottom:38px}
  .obstacle-1{width:76px}.obstacle-2{width:95px}.floating-star{width:48px}
  .leaderboard{padding:16px 18px}

  .garage-detail{padding:42px 0 74px;gap:28px}
  .garage-image{border-radius:18px}

  .characters{padding:74px 0}
  .section-heading{margin-bottom:28px}
  .section-heading h2{font-size:48px}
  .character-card{min-height:410px}
  .character-card img{height:300px;padding:12px 8px 0}

  .book-section{padding:76px 0;gap:24px}
  .book-preview{height:350px}
  .book-cover,.book-page{max-height:320px}

  .media-section{padding:70px 0}
  .media-copy h2{font-size:48px}
  .media-copy p{font-size:15px}
  .social-section{padding:74px 0 88px;gap:24px}
  footer{padding:34px 24px;min-height:160px}
}

@media(max-width:390px){
  .hero{height:790px;min-height:790px}
  .hero-copy{padding-top:96px}
  .hero-logo{width:108px}
  .eyebrow{font-size:8px;letter-spacing:.13em}
  .hero h1{font-size:42px}
  .hero-text{font-size:13.5px;max-width:318px}
  .hero-buttons .btn{padding:11px 14px;font-size:11px}
  .hero-car{width:80vw;right:-8vw;bottom:-1%}
  .helmet-hotspot img{width:48px}
}

/* v0.4.1 — mobile header alignment tweak */
@media(max-width:720px){
  .topbar{padding-right:24px;gap:10px}
  .top-actions{transform:translateX(-2px)}
  .menu-toggle{transform:translateX(-2px)}
  .helmet-hotspot{right:14px;top:86px}
}

/* v0.4.2 — real mobile header fix */
@media(max-width:720px){
  .topbar{
    display:flex;
    align-items:center;
    width:100%;
    max-width:100vw;
    height:64px;
    padding:5px 14px;
    gap:10px;
    overflow:hidden;
  }
  .brand{
    flex:0 0 auto;
    margin-right:auto;
  }
  .brand img{
    display:block;
    width:52px;
    height:52px;
  }
  .nav{
    position:absolute;
    top:68px;
    left:12px;
    right:12px;
    width:auto;
  }
  .top-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    justify-self:auto;
    transform:none;
    margin:0;
  }
  .sound-btn{
    width:40px;
    height:40px;
    min-width:40px;
    padding:0;
    flex:0 0 40px;
  }
  .menu-toggle{
    display:block;
    flex:0 0 auto;
    width:42px;
    height:42px;
    padding:0;
    margin:0;
    transform:none;
    text-align:center;
    font-size:30px;
    line-height:42px;
  }
  .helmet-hotspot{
    right:8px;
    top:78px;
  }
}

/* v0.4.3 — mobile social handle fit */
@media(max-width:720px){
  .social-section{max-width:100%;overflow:hidden}
  .social-copy{width:100%;max-width:100%;min-width:0}
  .social-copy h2{
    font-size:clamp(29px,8.8vw,38px);
    letter-spacing:-.015em;
    max-width:100%;
    white-space:nowrap;
  }
}
@media(max-width:390px){
  .social-copy h2{font-size:clamp(27px,8.4vw,33px)}
}

/* v0.4.4 — restore mobile menu interaction */
@media(max-width:720px){
  .topbar{overflow:visible;}
  .menu-toggle{
    position:relative;
    z-index:102;
    cursor:pointer;
    pointer-events:auto;
    touch-action:manipulation;
  }
  .nav{
    z-index:101;
    max-height:calc(100vh - 86px);
    overflow-y:auto;
  }
}

/* v0.5 — Helmet Run live leaderboard */
.board-tabs{display:flex;gap:7px;margin:13px 0 4px;flex-wrap:wrap}
.board-tab{appearance:none;border:1px solid #ffffff1c;background:#ffffff08;color:#fff9;border-radius:999px;padding:8px 11px;font:800 10px/1.1 var(--font-body);letter-spacing:.03em;cursor:pointer;transition:.18s}
.board-tab:hover{border-color:#e2b44870;color:#fff}
.board-tab.active{background:var(--gold);border-color:var(--gold);color:#21190d;box-shadow:0 7px 18px #0004}
.leaderboard li{grid-template-columns:30px minmax(72px,auto) 1fr;align-items:center}
.leaderboard li>b{color:var(--gold);font-size:14px}
.leaderboard li>span{font-weight:950;color:#fff;white-space:nowrap}
.leaderboard li>em{text-align:right}
.leaderboard .board-message>em,.leaderboard .board-loading>em{text-align:left}
.board-foot{padding-top:12px;margin-top:2px;border-top:1px solid #ffffff12;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}
.board-foot a{color:#f5e8c6;opacity:.82}
.board-foot a:hover{opacity:1;color:var(--gold)}
.card-link[href]{display:inline-block;text-decoration:none}

@media(max-width:720px){
  .board-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
  .board-tab{padding:8px 5px;font-size:9px;white-space:nowrap}
  .leaderboard li{grid-template-columns:24px minmax(64px,auto) 1fr;gap:6px}
  .leaderboard li>em{font-size:12px}
  .board-foot{line-height:1.45}
}

/* Dino Driver language switch v2 — round country flag */
.nav a[data-dd-language-switch="1"]{
  box-sizing:border-box !important;
  display:inline-block !important;
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  flex:0 0 32px !important;
  padding:0 !important;
  margin:0 0 0 4px !important;
  border-radius:50% !important;
  border:2px solid rgba(255,255,255,.72) !important;
  background-color:#142017 !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  box-shadow:0 4px 13px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.12) !important;
  overflow:hidden !important;
  text-indent:-9999px !important;
  white-space:nowrap !important;
  line-height:0 !important;
  font-size:0 !important;
  vertical-align:middle !important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease !important;
}
.nav a[data-dd-language-switch="1"]::after{display:none !important;content:none !important}
.nav a[data-dd-language-switch="1"][lang="en"]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2036%22%3E%3Crect%20width%3D%2260%22%20height%3D%2236%22%20fill%3D%22%23012169%22%2F%3E%3Cpath%20d%3D%22M0%200%2060%2036M60%200%200%2036%22%20stroke%3D%22%23fff%22%20stroke-width%3D%228%22%2F%3E%3Cpath%20d%3D%22M0%200%2060%2036M60%200%200%2036%22%20stroke%3D%22%23C8102E%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22M30%200v36M0%2018h60%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2212%22%2F%3E%3Cpath%20d%3D%22M30%200v36M0%2018h60%22%20stroke%3D%22%23C8102E%22%20stroke-width%3D%227%22%2F%3E%3C%2Fsvg%3E") !important}
.nav a[data-dd-language-switch="1"][lang="nl"]{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20900%20600%22%3E%3Cpath%20fill%3D%22%23AE1C28%22%20d%3D%22M0%200h900v200H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20200h900v200H0z%22%2F%3E%3Cpath%20fill%3D%22%2321468B%22%20d%3D%22M0%20400h900v200H0z%22%2F%3E%3C%2Fsvg%3E") !important}
.nav a[data-dd-language-switch="1"]:hover,
.nav a[data-dd-language-switch="1"]:focus-visible{
  transform:translateY(-1px) scale(1.10) !important;
  border-color:#f3d28a !important;
  box-shadow:0 6px 18px rgba(0,0,0,.43),0 0 0 3px rgba(243,210,138,.16) !important;
  outline:none !important;
}
@media(max-width:1100px){
  .nav a[data-dd-language-switch="1"]{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;margin:4px 0 !important}
}