:root{--bg:#0d0b16;--surface:#171320;--line:#302a3a;--text:#f6f2ed;--muted:#ada5b8;--yellow:#ffe066;--display:'Bricolage Grotesque','Trebuchet MS',sans-serif;--body:'Work Sans',system-ui,sans-serif;--mono:'DM Mono',monospace;--gutter:clamp(22px,5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.65 var(--body)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img,video{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}::selection{background:var(--yellow);color:var(--bg)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.04;letter-spacing:-.045em}h2{font-size:clamp(38px,4.8vw,68px)}h3{font-size:30px}.wrap{width:min(100%,1440px);padding-inline:var(--gutter);margin-inline:auto}.eyebrow{font:500 11px/1.6 var(--mono);letter-spacing:.14em}.muted{color:var(--muted)}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 22px;background:var(--yellow);color:var(--bg);z-index:100}.skip-link:focus{top:16px}.site-header{height:88px;position:absolute;top:0;left:0;right:0;z-index:10;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff18;background:linear-gradient(#0d0b1680,transparent)}.brand{display:inline-flex;align-items:center;gap:5px;font:800 21px/1 var(--display);letter-spacing:-.06em;white-space:nowrap}.brand img{margin-right:7px}.brand>span:not(.brand-dot){color:var(--yellow)}.brand-dot{color:var(--yellow);font-size:32px}.site-header nav{display:flex;gap:30px;font-size:13px;color:#ded8e4}.site-header nav a:hover,footer a:hover{color:var(--yellow)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:18px 24px;border:1px solid var(--yellow);border-radius:5px;background:var(--yellow);color:#28210c;font-weight:600;font-size:14px;line-height:1.2;transition:transform .2s,background .2s;box-shadow:0 6px 28px #ffe06610}.button:hover{transform:translateY(-3px);background:#ffeb99}.button>span{font-size:20px}.button-small{padding:11px 17px;font-size:12px;gap:20px}.hero{min-height:850px;height:min(960px,100svh);position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-visual{position:absolute!important;inset:0;z-index:-1;background:#171222}.hero-visual video{width:100%;height:100%;object-fit:cover;object-position:65% center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d0b16f5 0%,#0d0b16d9 28%,#0d0b1633 70%),linear-gradient(0deg,#0d0b16 0%,transparent 35%,#0d0b1633 100%);pointer-events:none}.hero-content{padding-top:108px;padding-bottom:100px;pointer-events:none}.hero-content a{pointer-events:auto}.hero .eyebrow{color:var(--yellow);display:flex;align-items:center;gap:10px}.hero .eyebrow>span,.live-dot{height:6px;width:6px;background:var(--yellow);display:inline-block;border-radius:50%;box-shadow:0 0 14px #ffe06680}.hero h1{position:relative;width:max-content;font-size:clamp(88px,10.2vw,148px);line-height:.79;letter-spacing:-.065em;margin:30px 0 26px}.hero h1>span{color:var(--yellow)}.hero h1 i{position:absolute;font-style:normal;left:calc(100% + 20px);bottom:0;font-size:.65em;color:var(--yellow);font-weight:600}.hero-tagline{font:600 clamp(24px,2.7vw,36px)/1.12 var(--display);letter-spacing:-.03em}.hero-description{max-width:350px;color:#bcb3c8;font-size:14px;line-height:1.7;margin-top:18px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:28px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500}.text-link:hover{color:var(--yellow)}.play-icon{border:1px solid #797183;border-radius:50%;height:29px;width:29px;display:grid;place-items:center;font-size:9px;padding-left:2px}.hero-meta{display:flex;flex-wrap:wrap;gap:12px 19px;margin-top:32px;font:10px/1.5 var(--mono);letter-spacing:.06em;color:#aaa2b8}.hero-meta span+span:before{content:'·';margin-right:19px;color:var(--yellow)}.hero-video-label{position:absolute;right:var(--gutter);bottom:137px;color:#e5dfeb;font:10px/1 var(--mono);letter-spacing:.15em;display:flex;align-items:center;gap:10px}.hero-visual .video-toggle{right:var(--gutter);bottom:80px}.scroll-cue{position:absolute;left:var(--gutter);bottom:36px;display:flex;align-items:center;gap:24px;font:10px var(--mono);letter-spacing:.12em;color:var(--muted)}.scroll-cue>span:last-child{font-size:24px;color:var(--yellow)}.section{padding-block:110px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-heading .eyebrow{color:var(--yellow);margin-bottom:20px}.section-intro{font-size:14px;color:var(--muted);line-height:1.9;padding-bottom:4px;max-width:360px}.mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mode-card{min-width:0;padding:23px 22px 25px;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface));border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:transform .25s,border-color .25s}.mode-card:hover{transform:translateY(-6px);border-color:var(--accent)}.card-top{display:flex;align-items:center;justify-content:space-between;color:var(--accent);font:9px var(--mono);letter-spacing:.025em}.card-top>span:last-child{font-size:19px}.mode-art{height:145px;display:flex;align-items:center;justify-content:center;color:var(--accent);position:relative;margin-block:8px 15px;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%)}.duel-art{font:800 95px var(--display);gap:9px;transform:rotate(-8deg)}.duel-art i{font:400 33px var(--mono);opacity:.5}.survival-art>span{font:100px var(--display)}.survival-art i{position:absolute;font:30px var(--mono);font-style:normal;transform:rotate(45deg)}.bowling-art{gap:8px}.bowling-art i{width:19px;height:63px;border-radius:45% 45% 30% 30%;background:linear-gradient(var(--accent) 23%,#643353 23%,#643353 31%,var(--accent) 31%);transform:rotate(12deg)}.bowling-art i:nth-child(2){transform:translateY(-17px)}.bowling-art i:nth-child(3){transform:rotate(-12deg)}.bowling-art>span{position:absolute;font-size:60px;bottom:-4px;left:25%;text-shadow:4px 0 #171320}.racing-art{font:italic 800 155px var(--display);letter-spacing:-.1em;padding-bottom:25px;transform:skewX(-10deg)}.mode-card h3{font-size:29px}.mode-card p{font-size:13px;line-height:1.75;color:var(--muted);margin:12px 0 25px}.card-tag{font:8px/1.5 var(--mono);letter-spacing:.08em;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);padding:7px 9px;color:var(--accent);display:inline-block;border-radius:3px}.compact{align-items:center;margin-bottom:20px}.compact .eyebrow{margin:0}.footage-note{font:9px var(--mono);letter-spacing:.08em;color:var(--muted)}.media-frame{position:relative;overflow:hidden;background:var(--surface)}.feature-video{border-radius:10px;border:1px solid var(--line);aspect-ratio:16/8.5}.feature-video video{width:100%;height:100%;object-fit:cover}.feature-video figcaption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:46px;background:linear-gradient(0deg,#0d0b16ed,transparent 85%),linear-gradient(90deg,#0d0b1666,transparent);pointer-events:none}.feature-video .eyebrow{color:var(--yellow);margin-bottom:16px}.feature-video h2{font-size:clamp(42px,5.5vw,78px)}.feature-video em{font-style:normal;color:var(--yellow)}.feature-video figcaption p{font-size:14px;color:#c0b8c9;margin-top:16px}.video-toggle{position:absolute;right:18px;bottom:18px;z-index:3;border:1px solid #ffffff45;border-radius:5px;background:#0d0b16d9;backdrop-filter:blur(12px);color:#fff;font:11px/1.2 var(--mono);padding:12px 15px;min-height:42px}.video-toggle:hover{background:var(--yellow);color:#28210c;border-color:var(--yellow)}.video-toggle[hidden]{display:none}.video-status{position:absolute;right:18px;top:18px;z-index:3;max-width:260px;font-size:12px;background:#0d0b16e8;border-radius:4px;color:#f6f2ed}.video-status:not(:empty){padding:10px 14px}.island-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.island-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.island-wide{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr}.island-card video{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}.island-card figcaption{padding:28px 30px}.island-wide figcaption{display:flex;flex-direction:column;justify-content:center;padding:40px}.island-card .eyebrow,.style-card .eyebrow{color:var(--yellow);font-size:9px;margin-bottom:15px}.island-card h3,.style-card h3{font-size:clamp(25px,2.5vw,35px)}.island-card p:not(.eyebrow),.style-card p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:14px}.style-card{border:1px solid #453148;border-radius:8px;padding:32px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 90%,#6d32534d,transparent 70%),#1f1725;display:flex;flex-direction:column;justify-content:space-between;min-height:350px}.style-card img{align-self:flex-end;transform:rotate(14deg);filter:drop-shadow(0 16px 24px #ff44c829);margin:10px 12px 0;width:125px;height:125px;object-fit:contain}.style-stamp{position:absolute;bottom:32px;left:32px;font:10px var(--mono);letter-spacing:.1em;color:#f49ad7}.details-section{padding-block:60px;border-block:1px solid var(--line);background:#13101b}.details-section>.wrap>.eyebrow{color:var(--yellow);margin-bottom:20px}.details-section h2{font-size:clamp(30px,3vw,43px)}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:40px 0 0}.facts>div+div{border-left:1px solid var(--line);padding-left:28px}.facts dt{font:9px var(--mono);letter-spacing:.09em;color:var(--muted);margin-bottom:14px}.facts dd{font:600 clamp(23px,2.2vw,30px)/1.3 var(--display);margin:0;letter-spacing:-.03em}.facts dd span{font:13px/2 var(--body);color:var(--muted);display:block;letter-spacing:0}.closing{padding-block:105px 115px;position:relative}.closing>.eyebrow{color:var(--yellow);margin-bottom:25px}.closing h2{font-size:clamp(60px,8.8vw,125px);max-width:950px;position:relative}.closing h2>span{color:var(--yellow)}.closing h2 i{font-style:normal;color:var(--yellow);margin-left:25px}.closing .actions{margin-top:35px}footer{display:flex;flex-wrap:wrap;align-items:center;gap:25px;padding-block:30px!important;border-top:1px solid var(--line)}footer .brand{font-size:17px}.studio{font-size:11px;color:var(--muted)}footer nav{display:flex;gap:25px;font-size:12px;color:var(--muted);margin-left:auto}
@media(min-width:1600px){.hero-content{padding-left:80px}.hero{min-height:900px}.hero-shade{background:linear-gradient(90deg,#0d0b16f5,#0d0b16c9 30%,transparent 75%),linear-gradient(0deg,#0d0b16,transparent 40%)}}
@media(max-width:1050px){.site-header nav{gap:18px}.hero{min-height:820px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-art{height:130px}.section{padding-block:80px}.section-intro{max-width:280px}.island-wide{grid-template-columns:1.3fr 1fr}.island-wide figcaption{padding:26px}.facts{gap:18px}.facts>div+div{padding-left:18px}.feature-video figcaption{padding:32px}}
@media(max-width:700px){html{scroll-padding-top:24px}.site-header{height:74px;gap:12px}.site-header nav{display:none}.brand{font-size:18px}.brand img{width:28px;height:28px}.button-small{padding:10px 12px;gap:10px;font-size:10px}.hero{height:auto;min-height:830px;align-items:flex-start}.hero-content{padding-top:134px;padding-bottom:170px}.hero h1{font-size:clamp(88px,19vw,128px);margin-top:28px}.hero h1 i{left:calc(100% + 12px)}.hero-visual video{object-position:59% center}.hero-shade{background:linear-gradient(90deg,#0d0b16df,#0d0b1690 55%,#0d0b1630),linear-gradient(0deg,#0d0b16 1%,#0d0b1630 75%)}.hero-description{max-width:290px}.hero .actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-meta{max-width:320px;font-size:8px;gap:10px}.hero-meta span+span:before{margin-right:10px}.hero-video-label{left:var(--gutter);right:auto;bottom:112px;font-size:8px}.hero-visual .video-toggle{bottom:92px}.scroll-cue{font-size:8px;bottom:25px}.section{padding-block:65px}.section-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:15px}.section-intro{font-size:13px;max-width:none}.mode-grid{gap:12px}.mode-card{padding:17px 14px 20px}.card-top{font-size:7px}.card-top>span:last-child{font-size:14px}.mode-art{height:110px;margin:4px 0 15px}.duel-art{font-size:73px}.mode-card h3{font-size:26px}.mode-card p{font-size:12px;min-height:63px;margin-bottom:16px}.card-tag{font-size:7px;padding:5px}.racing-art{font-size:130px}.survival-art>span{font-size:85px}.bowling-art>span{font-size:48px}.compact{gap:8px;margin-bottom:16px}.compact .eyebrow{margin:0}.footage-note{font-size:8px}.feature-video{aspect-ratio:4/5}.feature-video video{object-position:52% center}.feature-video figcaption{padding:24px 24px 80px}.feature-video h2{font-size:48px}.feature-video figcaption p{max-width:24ch;font-size:13px}.island-grid{grid-template-columns:1fr;gap:18px}.island-wide{display:block}.island-card figcaption{padding:24px}.style-card{min-height:340px;padding:26px}.facts{grid-template-columns:1fr 1fr;gap:28px 18px}.facts>div+div{padding-left:0;border:0}.facts>div:nth-child(even){padding-left:18px;border-left:1px solid var(--line)}.facts dt{font-size:8px}.details-section{padding-block:45px}.closing{padding-block:70px}.closing h2{font-size:clamp(54px,12vw,85px)}.closing h2 i{margin-left:8px}.closing .actions{gap:24px}.studio{width:100%;order:3}footer{gap:20px}footer nav{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}



:root {
  --motion-ease: cubic-bezier(.22, 1, .36, 1);
}
.button, .mode-card, .island-card, .style-card, .video-toggle {
  transition: transform .65s var(--motion-ease),
    border-color .4s ease, background-color .4s ease, box-shadow .65s ease;
}
.button { position: relative; overflow: hidden; }
.button::after {
  content: '';
  position: absolute;
  inset: -60% -30%;
  background: linear-gradient(110deg, transparent 40%, #ffffff60 50%, transparent 60%);
  transform: translateX(-120%);
  pointer-events: none;
}
.button:hover::after, .button:focus-visible::after {
  transform: translateX(120%);
  transition: transform .85s var(--motion-ease);
}
.button > span, .card-top > span:last-child, .play-icon {
  transition: transform .6s var(--motion-ease);
}
.button:hover > span, .button:focus-visible > span,
.mode-card:hover .card-top > span:last-child { transform: translate(3px, -3px); }
.text-link:hover .play-icon { transform: scale(1.12); }
.site-header nav a, footer nav a { position: relative; }
.site-header nav a::after, footer nav a::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: -5px;
  height: 1px;
  background: var(--yellow);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .5s var(--motion-ease);
}
.site-header nav a:hover::after, .site-header nav a:focus-visible::after,
footer nav a:hover::after, footer nav a:focus-visible::after { transform: scaleX(1); }
.mode-card:hover { box-shadow: 0 20px 45px -28px color-mix(in srgb, var(--accent) 45%, transparent); }
.island-card:hover, .style-card:hover { border-color: #72607f; }
.mode-art, .style-card img { transition: scale .8s var(--motion-ease); }
.mode-card:hover .mode-art { scale: 1.07; }
.style-card:hover img { scale: 1.08; }
.hero-visual video { transform: translate3d(0, var(--hero-drift, 0px), 0) scale(1.08); }

@media (prefers-reduced-motion: no-preference) {
  .motion-visible .hero-content h1 i,
  .motion-visible.closing h2 i { animation: arrow-drift 5s ease-in-out infinite; }
  .motion-visible .scroll-cue > span:last-child { animation: scroll-nudge 2.8s ease-in-out infinite; }
  .motion-visible .style-card img { animation: soft-float 6s ease-in-out infinite; }
  .motion-visible.mode-card .mode-art { animation: soft-float 5.5s ease-in-out infinite; }
  .motion-visible.mode-card:nth-child(2) .mode-art { animation-delay: -.9s; }
  .motion-visible.mode-card:nth-child(3) .mode-art { animation-delay: -2s; }
  .motion-visible.mode-card:nth-child(4) .mode-art { animation-delay: -3.2s; }
  .motion-visible.style-card img { animation: soft-float 6s ease-in-out infinite; }
}
@keyframes arrow-drift {
  0%, 100% { translate: 0 0; }
  50% { translate: 7px 7px; }
}
@keyframes scroll-nudge {
  0%, 100% { translate: 0 0; opacity: .65; }
  50% { translate: 0 7px; opacity: 1; }
}
@keyframes soft-float {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -7px; }
}
@media (hover: hover) and (pointer: fine) {
  .island-card:hover, .style-card:hover { transform: translateY(-5px); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-visual video { transform: none; }
  .button::after { display: none; }
  .mode-art, .style-card img { scale: 1; }
}