/* Presentation only: the existing homepage copy and actions keep their layout. */
.hero.cinematic[data-scene="webgl"] {background-image:none;background-color:#020408;}
.hero.cinematic .hero-foreground {display:none;}
.hero.cinematic .hero-shade {
  background:radial-gradient(ellipse 58% 50% at 50% 26%,#030508df 0%,#030508b3 48%,#0305081a 100%),linear-gradient(0deg,#09111d 0%,transparent 22%);
}
.hero.cinematic .hero-copy h1 {color:#faf7f0;text-shadow:0 3px 18px #020408,0 0 44px #020408a0;}
.hero.cinematic .hero-copy h1 .accent {background-image:linear-gradient(105deg,#fff4da,#ecd6ad 58%,#dcb979);}
.hero.cinematic .hero-copy p {color:#d4dce4;text-shadow:0 2px 9px #020408,0 0 24px #020408;}
.hero.cinematic .hero-kicker {color:#b9c8d5;}
.hero.cinematic .status-dot {background:#e9cf98;box-shadow:0 0 11px #e9cf9870;}
.hero.cinematic .hero-fine {color:#b6c4d2;}
.hero.cinematic .hero-copy .herocta.primary {background:#f1dfb6;border-color:#fff0cf;color:#17212b;box-shadow:0 4px 25px #0005;}
.hero.cinematic .hero-copy .herocta.primary:hover {background:#fff0cd;box-shadow:0 0 34px #e9cf9833;}
.hero.cinematic .hero-copy .herocta:not(.primary) {background:#10202ff2;border-color:#8eabc969;color:#f0f5fa;}
.hero.cinematic .hero-copy .herocta:not(.primary):hover {background:#1a3044;border-color:#d5e3efb3;}
.hero.cinematic .hero-bottom {color:#9babbd;}
.hero.cinematic .scene-chapters > span.active {color:#ead6b0;}
.hero.cinematic .scene-progress {background:#e9cf98;}
.hero.cinematic .hero-bottom .quiet {color:#e0e8ee;border-color:#c0d4e148;background:#0c1726cc;}
@media(min-width:1001px){
  body:has(.hero.cinematic) > header {display:flex;flex-wrap:nowrap;gap:16px;padding:18px max(2.5%,calc((100% - 1640px)/2));}
  body:has(.hero.cinematic) > header .brand {gap:10px;flex:none;}
  body:has(.hero.cinematic) > header .brand img {width:36px;height:36px;}
  body:has(.hero.cinematic) > header .brand-word {font-size:25px;white-space:nowrap;}
  body:has(.hero.cinematic) > header .brand-word small {font-size:10px;letter-spacing:.18em;margin-top:7px;}
  body:has(.hero.cinematic) #nav {flex:1;flex-wrap:nowrap;justify-content:flex-end;gap:18px;margin-left:auto;}
  body:has(.hero.cinematic) #nav > *,body:has(.hero.cinematic) #nav .navtrigger {flex-shrink:0;white-space:nowrap;}
  body:has(.hero.cinematic) #nav .nav-direct,body:has(.hero.cinematic) #nav .navtrigger {font-size:14px;letter-spacing:0;gap:6px;}
  body:has(.hero.cinematic) #nav .invite-nav-rate {font-size:11px;}
  body:has(.hero.cinematic) #nav .account-pill {padding:9px 12px!important;}
  body:has(.hero.cinematic) > header .wq-language {min-width:88px;max-width:110px!important;font-size:13px!important;padding:8px 9px!important;}
}
@media(min-width:1001px) and (max-width:1300px){
  body:has(.hero.cinematic) > header {gap:10px;padding-inline:16px;}
  body:has(.hero.cinematic) > header .brand {gap:7px;}
  body:has(.hero.cinematic) > header .brand img {width:30px;height:30px;}
  body:has(.hero.cinematic) > header .brand-word {font-size:22px;}
  body:has(.hero.cinematic) > header .brand-word small {font-size:9px;letter-spacing:.10em;}
  body:has(.hero.cinematic) #nav {gap:10px;}
  body:has(.hero.cinematic) #nav .nav-direct,body:has(.hero.cinematic) #nav .navtrigger {font-size:12px;gap:5px;}
  body:has(.hero.cinematic) #nav .account-pill {padding:8px 9px!important;}
}
@media(min-width:1001px) and (max-width:1120px){
  body:has(.hero.cinematic) > header {gap:8px;}
  body:has(.hero.cinematic) > header .brand {gap:6px;}
  body:has(.hero.cinematic) > header .brand img {width:28px;height:28px;}
  body:has(.hero.cinematic) > header .brand-word {font-size:21px;}
  body:has(.hero.cinematic) > header .brand-word small {display:none;}
  body:has(.hero.cinematic) #nav {gap:6px;}
  body:has(.hero.cinematic) #nav .navtrigger {gap:4px;}
  body:has(.hero.cinematic) > header .wq-language {min-width:88px;max-width:88px!important;}
}
@media(max-width:760px){
  .hero.cinematic .hero-shade {background:linear-gradient(180deg,#020408e8 0%,#020408bf 51%,#02040814 80%,#09111d 100%);}
}