:root {
  --ink: #081019;
  --ink-soft: #16202b;
  --paper: #f5f7f5;
  --paper-deep: #e7ece9;
  --white: #ffffff;
  --muted: #65717b;
  --line: rgba(8, 16, 25, .14);
  --violet: #6d20ea;
  --violet-dark: #3d087e;
  --red: #ed1721;
  --lime: #c7f300;
  --cyan: #00c7e7;
  --blue: #0069bd;
  --orange: #f8761f;
  --shadow: 0 24px 60px rgba(8, 16, 25, .13);
  --radius: 26px;
  --container: min(1180px, calc(100vw - 48px));
  --display: "Arial Black", Impact, Haettenschweiler, sans-serif;
  --body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--paper); color: var(--ink); font-family: var(--body); line-height: 1.5; overflow-x: hidden; }
body.menu-open, body.modal-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; display: block; }
::selection { background: var(--lime); color: var(--ink); }

.site-noise { position: fixed; inset: 0; pointer-events: none; z-index: 1000; opacity: .03; 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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E"); }
.container { width: var(--container); margin: 0 auto; }
.section { position: relative; padding: 132px 0; }
.section--soft { background: var(--paper-deep); }
.section--dark { background: var(--ink); color: var(--white); overflow: hidden; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip-link { position: fixed; left: 12px; top: -50px; z-index: 2000; padding: 10px 14px; border-radius: 8px; background: var(--lime); color: var(--ink); font-weight: 800; transition: top .2s ease; }
.skip-link:focus { top: 12px; }
.honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; }

/* Text */
.eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px; color: var(--ink); font-size: .72rem; line-height: 1.15; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.eyebrow--light { color: var(--white); }
.eyebrow span { width: 32px; height: 2px; background: currentColor; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { line-height: .92; letter-spacing: -.055em; }
h2 { margin-bottom: 20px; font-size: clamp(2.55rem, 5.2vw, 5.9rem); font-family: var(--display); font-weight: 900; text-transform: uppercase; }
h3 { font-size: clamp(1.4rem, 2.5vw, 2.2rem); }
p { color: #4f5a64; font-size: 1rem; }
.section--dark p { color: rgba(255,255,255,.72); }
.section-heading { max-width: 760px; margin-bottom: 56px; }
.section-heading h2 { margin-bottom: 0; }
.section-heading--split { max-width: none; display: grid; grid-template-columns: 1.04fr .76fr; gap: 56px; align-items: end; }
.section-heading--split > p { max-width: 510px; margin: 0 0 6px; font-size: 1.04rem; }
.section-heading--row { max-width: none; display: flex; justify-content: space-between; align-items: end; gap: 32px; }
.section-heading--row h2 { margin-bottom: 0; }
.section-note { margin: 22px 0 0; color: var(--muted); font-size: .82rem; }
.section-note--boxed { max-width: 780px; margin: 48px 0 0; padding: 20px 24px; border-left: 3px solid var(--lime); background: rgba(199,243,0,.12); color: var(--ink); }

/* Buttons */
.button-row { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.button-row--center { justify-content: center; }
.button { position: relative; z-index: 0; display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 54px; padding: 0 21px; border: 0; overflow: hidden; border-radius: 7px; font-size: .78rem; font-weight: 900; letter-spacing: .075em; text-transform: uppercase; transition: transform .24s ease, box-shadow .24s ease; }
.button::before { content: ""; position: absolute; z-index: -1; inset: 0; transform: translateY(100%); transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.button:hover { transform: translateY(-3px); box-shadow: 0 15px 25px rgba(8,16,25,.18); }
.button:hover::before { transform: translateY(0); }
.button span, .button i { position: relative; z-index: 1; }
.button i { font-style: normal; font-size: 1.1rem; line-height: 1; }
.button--accent { background: var(--lime); color: var(--ink); }
.button--accent::before { background: var(--white); }
.button--white { background: var(--white); color: var(--ink); }
.button--white::before { background: var(--lime); }
.button--dark { background: var(--ink); color: var(--white); }
.button--dark::before { background: var(--violet); }
.button--small { min-height: 40px; padding: 0 15px; border-radius: 5px; font-size: .65rem; }
.text-link { display: inline-flex; align-items: center; gap: 10px; padding: 6px 0; color: var(--ink); font-size: .77rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; border-bottom: 1px solid currentColor; transition: gap .2s ease; }
.text-link:hover { gap: 15px; }
.text-link i { font-style: normal; font-size: 1.2rem; line-height: 1; }
.text-link--light { color: var(--white); }
.inline-arrow { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 50%; font-size: 1.05rem; transition: background .2s ease, color .2s ease, transform .2s ease; }
.inline-arrow:hover { background: var(--ink); color: var(--white); transform: rotate(45deg); }

/* Header */
.site-header { position: absolute; inset: 0 0 auto; z-index: 50; color: var(--white); transition: background .28s ease, box-shadow .28s ease, color .28s ease; }
.site-header.is-sticky { position: fixed; background: rgba(8,16,25,.9); box-shadow: 0 10px 26px rgba(0,0,0,.19); backdrop-filter: blur(18px); }
.nav-shell { width: min(1360px, calc(100vw - 42px)); min-height: 86px; margin: 0 auto; display: grid; grid-template-columns: 128px 1fr auto; gap: 26px; align-items: center; }
.brand-mark { display: inline-flex; align-items: baseline; gap: 1px; width: fit-content; color: var(--white); font-family: var(--display); font-style: italic; font-weight: 900; letter-spacing: -.1em; transform: skew(-10deg); }
.brand-mark__monogram { font-size: 1.75rem; }
.brand-mark__meta { color: var(--lime); font-size: 1.5rem; }
.desktop-nav { display: flex; justify-content: center; align-items: center; gap: clamp(14px, 2vw, 28px); }
.desktop-nav a { position: relative; padding: 6px 0; font-size: .69rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; opacity: .72; transition: opacity .2s ease; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; transform: scaleX(0); transform-origin: right; background: var(--lime); transition: transform .22s ease; }
.desktop-nav a:hover, .desktop-nav a.is-active { opacity: 1; }
.desktop-nav a:hover::after, .desktop-nav a.is-active::after { transform: scaleX(1); transform-origin: left; }
.nav-actions { display: flex; align-items: center; gap: 16px; }
.language-control { display: inline-flex; align-items: center; gap: 5px; font-size: .68rem; font-weight: 900; letter-spacing: .1em; }
.language-control a { opacity: .52; transition: opacity .2s ease; }
.language-control a:hover, .language-control a.is-current { opacity: 1; }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 0; border: 0; background: transparent; color: var(--white); }
.menu-toggle span { display: block; width: 25px; height: 2px; margin: 6px auto; background: currentColor; transition: transform .2s ease; }
.mobile-menu { position: fixed; z-index: 49; inset: 0; padding: 126px 24px 30px; background: var(--ink); color: var(--white); }
.mobile-menu nav { display: flex; flex-direction: column; gap: 4px; }
.mobile-menu nav a { padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.14); font-family: var(--display); font-size: clamp(2rem, 9vw, 4rem); font-weight: 900; letter-spacing: -.05em; text-transform: uppercase; }
.mobile-menu nav a.is-active { color: var(--lime); }
.mobile-menu__bottom { display: flex; gap: 18px; margin-top: 30px; font-size: .8rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.mobile-menu__bottom a { opacity: .55; }.mobile-menu__bottom a.is-current { opacity: 1; color: var(--lime); }

/* Hero */
.hero { position: relative; min-height: 860px; display: flex; align-items: center; overflow: hidden; background: #090a18; color: var(--white); }
.hero__content { position: relative; z-index: 2; display: grid; grid-template-columns: .95fr 1.05fr; gap: 20px; align-items: center; padding-top: 72px; }
.hero__copy { max-width: 655px; padding: 40px 0 100px; }
.hero h1 { margin: 0; font-size: clamp(4.5rem, 10vw, 10.5rem); font-family: var(--display); font-weight: 900; font-style: italic; letter-spacing: -.105em; text-transform: uppercase; transform: skew(-5deg); }
.hero h1 span, .hero h1 strong { display: block; }.hero h1 strong { color: var(--lime); }
.hero__lede { max-width: 520px; margin: 32px 0; color: rgba(255,255,255,.76); font-size: clamp(1rem, 1.5vw, 1.15rem); }
.hero__field { position: absolute; border-radius: 50%; filter: saturate(1.12); opacity: .96; }
.hero__field--violet { width: 95vw; height: 120vw; left: -48vw; top: -34vw; background: radial-gradient(circle at 70% 55%, #a500ff 0%, #6f12e0 36%, #200075 72%); transform: rotate(22deg); }
.hero__field--violet::before { content:""; position: absolute; inset: 18% 10% 8% 25%; border: 30px solid rgba(255,255,255,.1); border-radius: 50%; transform: rotate(-22deg); }
.hero__field--red { width: 120vw; height: 65vw; right: -42vw; bottom: -34vw; border: 70px solid #ed121d; border-radius: 50%; transform: rotate(-24deg); box-shadow: 0 0 0 18px rgba(104, 0, 255, .85), 0 0 0 40px rgba(255,255,255,.08); }
.hero__field--lime { width: 58vw; height: 74vw; right: -20vw; top: -22vw; border-radius: 48%; background: radial-gradient(circle at 35% 55%, #efff00 0%, #b4d600 45%, #008a5a 86%); transform: rotate(-18deg); }
.hero__field--lime::after { content: ""; position: absolute; inset: 6%; border: 18px solid rgba(255,255,255,.15); border-left: 0; border-radius: 50%; }
.hero__grain { position: absolute; inset: 0; background-image: linear-gradient(116deg, transparent 42%, rgba(255,255,255,.12) 42% 43%, transparent 43% 46%, rgba(255,255,255,.08) 46% 47%, transparent 47%), radial-gradient(circle, rgba(255,255,255,.38) 1px, transparent 2px); background-size: auto, 17px 17px; background-position: 0 0, right 13% top 22%; opacity: .2; mix-blend-mode: screen; }
.hero__art { position: relative; min-height: 650px; display: grid; place-items: center; }
.hero__logo-ring { position: absolute; width: min(42vw, 570px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; box-shadow: 0 0 0 24px rgba(255,255,255,.09), 0 0 0 46px rgba(255,255,255,.07); animation: ringSpin 24s linear infinite; }
.hero__logo-ring::before, .hero__logo-ring::after { content: ""; position: absolute; left: 50%; top: -9px; width: 16px; height: 16px; border-radius: 50%; background: var(--lime); }.hero__logo-ring::after { top: auto; bottom: -9px; background: var(--red); }
.hero__logo { position: relative; z-index: 1; width: min(32vw, 420px); aspect-ratio: 1; border-radius: 26%; box-shadow: 0 42px 60px rgba(0,0,0,.38); transform: rotate(-6deg); animation: logoFloat 7s ease-in-out infinite; }
.hero__signal-card { position: absolute; z-index: 2; left: 1%; bottom: 14%; display: grid; grid-template-columns: 12px auto; column-gap: 8px; align-items: center; padding: 12px 15px; border: 1px solid rgba(255,255,255,.35); background: rgba(8,16,25,.43); box-shadow: 0 16px 40px rgba(0,0,0,.2); backdrop-filter: blur(13px); font-size: .57rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.hero__signal-card strong { grid-column: 2; margin-top: 3px; color: var(--lime); font-size: .68rem; }.signal-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 0 rgba(199,243,0,.65); animation: pulse 2s infinite; }
.hero__scroll { position: absolute; z-index: 2; bottom: 30px; left: max(24px, calc((100vw - 1180px) / 2)); display: flex; align-items: center; gap: 12px; color: rgba(255,255,255,.75); font-size: .58rem; font-weight: 900; letter-spacing: .16em; }.hero__scroll i { width: 58px; height: 1px; background: currentColor; position: relative; overflow: hidden; }.hero__scroll i::after { content:""; position:absolute; inset:0; width: 25%; background:var(--lime); animation: scan 2s ease-in-out infinite; }

/* Release */
.release-section { overflow: hidden; }
.release-grid { display: grid; grid-template-columns: 1fr 1fr 1.32fr; gap: 18px; }
.timeline-card, .countdown-card { min-height: 270px; padding: 26px; border-radius: 18px; overflow: hidden; }
.timeline-card { position: relative; color: var(--white); background: var(--ink); }
.timeline-card--qa { background: linear-gradient(135deg, #6715c7, #24025b); }.timeline-card--release { background: linear-gradient(135deg, #ed1721, #9a0710); }
.timeline-card::before { content:""; position:absolute; width: 180px; aspect-ratio: 1; border: 28px solid rgba(255,255,255,.11); border-radius: 50%; right: -78px; bottom: -65px; }.timeline-card--release::before { border-radius: 0; transform: rotate(42deg); }
.timeline-card__top { display: flex; align-items: center; justify-content: space-between; }.timeline-card__top span { color: rgba(255,255,255,.55); font-family: var(--display); font-size: 2.25rem; font-style: italic; }.timeline-card__top i { width: 10px; height: 10px; border-radius: 50%; background: var(--lime); }.timeline-card p { position: relative; margin: 65px 0 7px; color: rgba(255,255,255,.7); font-size: .66rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.timeline-card h3 { position: relative; margin: 0; max-width: 240px; font-family: var(--display); font-size: clamp(1.65rem, 2.6vw, 2.45rem); text-transform: uppercase; }.timeline-card__line { position:absolute; bottom: 0; left: 0; width:100%; height: 5px; background:rgba(255,255,255,.15); }.timeline-card__line span { display:block; width: 65%; height:100%; background: var(--lime); }.timeline-card--release .timeline-card__line span { width: 100%; background: var(--white); }
.countdown-card { position: relative; color: var(--ink); background: var(--lime); }.countdown-card::after { content:""; position:absolute; width: 340px; height: 340px; right:-178px; top:-168px; border-radius:50%; border: 30px solid rgba(8,16,25,.12); }.countdown-card__label { position:relative; z-index:1; margin:0 0 30px; color:rgba(8,16,25,.68); font-size:.65rem; font-weight:900; letter-spacing:.12em; }.countdown-values { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; }.countdown-values div { display:flex; flex-direction:column; gap: 5px; }.countdown-values strong { font-family:var(--display); font-size:clamp(1.7rem, 3.3vw, 3rem); line-height:.9; letter-spacing:-.07em; }.countdown-values span { color:rgba(8,16,25,.6); font-size:.56rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.countdown-card__live { position:relative; z-index:2; margin:0; color:var(--ink); font-family:var(--display); font-size:1.45rem; text-transform:uppercase; }.countdown-card.is-live .countdown-values { display:none; }

/* Manifesto */
.manifesto-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(40px,8vw,120px); align-items:center; }.manifesto-art { position:relative; min-height: 510px; display:grid; place-items:center; }.manifesto-art__circle { width:min(34vw, 410px); aspect-ratio:1; border-radius:50%; background:conic-gradient(from 25deg, var(--violet), var(--cyan), var(--lime), var(--red), var(--violet)); box-shadow: 24px 24px 0 var(--ink); animation: ringSpin 20s linear infinite; }.manifesto-art__pitch { position:absolute; width:min(23vw,275px); height:min(32vw,370px); border:2px solid var(--white); background:rgba(8,16,25,.9); transform:rotate(28deg); box-shadow:0 24px 50px rgba(8,16,25,.24); }.manifesto-art__pitch i { position:absolute; display:block; border-color:rgba(255,255,255,.62); }.manifesto-art__pitch i:nth-child(1){width:55%;height:1px;left:0;top:50%;background:rgba(255,255,255,.62)}.manifesto-art__pitch i:nth-child(2){width:35%;height:20%;left:0;top:0;border:1px solid}.manifesto-art__pitch i:nth-child(3){width:35%;height:20%;left:0;bottom:0;border:1px solid}.manifesto-art__pitch i:nth-child(4){width:35%;height:20%;right:0;top:0;border:1px solid}.manifesto-art__pitch i:nth-child(5){width:35%;height:20%;right:0;bottom:0;border:1px solid}.manifesto-art__ball { position:absolute; width:42px; aspect-ratio:1; border-radius:50%; background:var(--lime); box-shadow:0 0 0 7px var(--white), 0 15px 20px rgba(0,0,0,.23); transform:translate(18px,-10px); }.manifesto-art__text { position:absolute; bottom:10px; left:0; max-width:240px; color:var(--violet); font-family:var(--display); font-size:1.4rem; line-height:.86; text-transform:uppercase; transform:rotate(-11deg); }.manifesto-copy { max-width: 690px; }.manifesto-copy > p { max-width:610px; font-size:1.08rem; }.manifesto-copy blockquote { margin: 42px 0 0; padding: 0 0 0 28px; border-left:3px solid var(--violet); }.manifesto-copy blockquote span { display:block; height:34px; color:var(--violet); font-family:var(--display); font-size:4.7rem; line-height:1; }.manifesto-copy blockquote p { margin:0 0 18px; color:var(--ink); font-family:var(--display); font-size:clamp(1.45rem,2.5vw,2.3rem); line-height:1.05; letter-spacing:-.04em; text-transform:uppercase; }.manifesto-copy cite { color:var(--muted); font-size:.64rem; font-style:normal; font-weight:900; letter-spacing:.1em; }

/* System cards */
.systems-section__streaks { position:absolute; inset:0; opacity:.28; background:linear-gradient(126deg, transparent 18%, var(--violet) 18% 22%, transparent 22% 38%, var(--red) 38% 42%, transparent 42% 61%, var(--cyan) 61% 66%, transparent 66%); transform:skewY(-11deg) translateY(-15%); }.systems-section .container { position:relative; }.systems-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.25); border-left:1px solid rgba(255,255,255,.25); }.system-card { position:relative; min-height:350px; padding:28px 26px; border-right:1px solid rgba(255,255,255,.25); border-bottom:1px solid rgba(255,255,255,.25); overflow:hidden; transition:background .3s ease, transform .3s ease; }.system-card:hover { background:rgba(255,255,255,.08); transform:translateY(-6px); }.system-card__number { color:var(--lime); font-family:var(--display); font-size:1.5rem; font-style:italic; }.system-card h3 { max-width:180px; margin:76px 0 12px; font-family:var(--display); font-size:clamp(1.75rem,2.1vw,2.6rem); text-transform:uppercase; }.system-card p { font-size:.9rem; }.system-card__arrow { position:absolute; bottom:25px; right:23px; display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(255,255,255,.45); border-radius:50%; font-size:1.1rem; }.section-action { margin-top:40px; }

/* Showcase */
.showcase-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(48px,10vw,160px); align-items:center; }.showcase-copy { max-width:470px; }.showcase-copy > p { font-size:1.07rem; }.tag-list { display:flex; flex-wrap:wrap; gap:8px; margin:32px 0 0; padding:0; list-style:none; }.tag-list li { padding:8px 11px; border:1px solid var(--line); border-radius:99px; color:var(--ink); font-size:.66rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }.showcase-art { position:relative; min-height:490px; }.showcase-card { position:absolute; overflow:hidden; box-shadow:var(--shadow); }.showcase-card--one { left:0; top:8%; width:53%; aspect-ratio:.8; padding:24px; color:var(--white); background:linear-gradient(140deg, #7113ec, #230257); transform:rotate(-8deg); }.showcase-card--one::after { content:""; position:absolute; width:150%; height:45%; left:-15%; bottom:2%; background:repeating-linear-gradient(90deg, transparent 0 18px, rgba(255,255,255,.16) 18px 23px); transform:rotate(-25deg); }.showcase-card--one span { position:relative; z-index:1; color:var(--lime); font-family:var(--display); font-size:3rem; font-style:italic; }.showcase-card--one strong { position:relative; z-index:1; display:block; margin-top:60px; font-family:var(--display); font-size:clamp(2.1rem,3.5vw,4rem); line-height:.8; letter-spacing:-.08em; }.showcase-card--two { right:5%; top:0; width:38%; aspect-ratio:1; display:grid; place-items:center; color:var(--ink); background:var(--lime); transform:rotate(11deg); }.showcase-card--two::before { content:""; position:absolute; width:160%; height:24%; background:rgba(255,255,255,.36); transform:rotate(-35deg); }.showcase-card--two span { position:relative; z-index:1; font-family:var(--display); font-size:clamp(4.5rem,8vw,8rem); font-style:italic; letter-spacing:-.13em; }.showcase-card--two i { position:absolute; right:10%; bottom:11%; width:18px; height:18px; border-radius:50%; background:var(--red); }.showcase-card--three { right:0; bottom:0; width:65%; aspect-ratio:1.45; padding:22px; color:var(--white); background:linear-gradient(145deg, #009cc4, #004a85); transform:rotate(-2deg); }.showcase-card--three::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 25% 75%, rgba(255,255,255,.45) 0 2px, transparent 3px); background-size:16px 16px; opacity:.38; }.showcase-card--three p { position:relative; z-index:1; margin:0; color:var(--lime); font-family:var(--display); font-size:1.25rem; }.showcase-card--three strong { position:relative; z-index:1; display:block; margin:30px 0 34px; font-family:var(--display); font-size:clamp(2.8rem,5vw,5.7rem); letter-spacing:-.09em; }.showcase-card--three span { position:relative; z-index:1; font-size:.58rem; font-weight:900; letter-spacing:.14em; }

/* News */
.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.news-card { background:var(--white); box-shadow:0 10px 20px rgba(8,16,25,.04); }.news-card__visual { position:relative; height:190px; overflow:hidden; color:var(--white); }.news-card__visual::before { content:""; position:absolute; width:150%; aspect-ratio:1; border-radius:50%; right:-45%; top:-60%; border:42px solid rgba(255,255,255,.22); }.news-card__visual::after { content:""; position:absolute; left:-12%; bottom:-15%; width:120%; height:42%; background:repeating-linear-gradient(115deg, rgba(255,255,255,.28) 0 11px, transparent 11px 28px); transform:rotate(-8deg); }.news-card--red .news-card__visual { background:linear-gradient(135deg, var(--red), #85000a); }.news-card--lime .news-card__visual { color:var(--ink); background:linear-gradient(135deg, var(--lime), #7aab00); }.news-card--blue .news-card__visual { background:linear-gradient(135deg, var(--cyan), var(--blue)); }.news-card__visual span { position:absolute; z-index:1; left:19px; top:15px; font-family:var(--display); font-size:5rem; font-style:italic; letter-spacing:-.12em; }.news-card__visual i { position:absolute; z-index:1; right:18px; bottom:17px; width:13px; height:13px; border-radius:50%; background:currentColor; }.news-card__body { padding:25px; }.news-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:15px; color:var(--muted); font-size:.61rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }.news-meta span { color:var(--violet); }.news-card h3 { min-height:80px; margin:0 0 12px; font-family:var(--display); font-size:clamp(1.4rem,2.2vw,2rem); text-transform:uppercase; }.news-card p { min-height:72px; margin:0 0 18px; font-size:.88rem; }.news-card .inline-arrow { margin-top:3px; }

/* Newsletter/footer */
.newsletter-strip { position:relative; overflow:hidden; color:var(--white); background:linear-gradient(107deg, #5d0fba, #9a0de8 48%, #462191); }.newsletter-strip__content { position:relative; z-index:1; display:grid; grid-template-columns:1fr auto; gap:46px; align-items:center; padding:58px 0; }.newsletter-strip h2 { margin-bottom:9px; font-size:clamp(2.2rem,4vw,4.3rem); }.newsletter-strip p { margin:0; color:rgba(255,255,255,.75); }.newsletter-form { display:flex; align-items:center; gap:8px; }.newsletter-form input { width:min(290px,42vw); height:54px; padding:0 16px; border:1px solid rgba(255,255,255,.38); border-radius:7px; outline:0; background:rgba(8,16,25,.21); color:var(--white); }.newsletter-form input::placeholder { color:rgba(255,255,255,.66); }.newsletter-form input:focus { border-color:var(--lime); box-shadow:0 0 0 4px rgba(199,243,0,.16); }.newsletter-strip__orb { position:absolute; border-radius:50%; border:42px solid rgba(255,255,255,.13); }.orb-one { width:360px; aspect-ratio:1; right:-30px; top:-180px; }.orb-two { width:290px; aspect-ratio:1; right:32%; bottom:-220px; border-color:rgba(199,243,0,.18); }.form-notice { grid-column: 2; font-size:.8rem !important; }.form-notice--error { color:#ffe0e0 !important; }.form-notice--success { color:var(--lime) !important; }
.site-footer { padding:66px 0 24px; color:var(--white); background:var(--ink); }.site-footer__top { display:grid; grid-template-columns:1fr 1.2fr; gap:60px; padding-bottom:56px; }.brand-mark--footer { margin-bottom:18px; }.footer-brand > p { max-width:240px; color:rgba(255,255,255,.68); font-size:.9rem; }.status-pill { display:inline-flex; align-items:center; gap:8px; padding:8px 11px; border:1px solid rgba(255,255,255,.15); border-radius:99px; color:rgba(255,255,255,.74); font-size:.61rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.status-pill i { width:7px; height:7px; border-radius:50%; background:var(--lime); }.footer-links { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; }.footer-links div { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }.footer-heading { margin:0 0 5px !important; color:var(--white) !important; font-size:.63rem !important; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }.footer-links a { color:rgba(255,255,255,.62); font-size:.85rem; transition:color .2s ease; }.footer-links a:hover { color:var(--lime); }.site-footer__bottom { display:flex; justify-content:space-between; gap:24px; padding-top:24px; border-top:1px solid rgba(255,255,255,.14); }.site-footer__bottom p { margin:0; color:rgba(255,255,255,.42); font-size:.7rem; }

/* Page hero */
.page-hero { position:relative; min-height:550px; display:flex; align-items:end; overflow:hidden; color:var(--white); background:var(--ink); }.page-hero__content { position:relative; z-index:2; padding:178px 0 82px; }.page-hero h1 { max-width:980px; margin:0 0 26px; font-family:var(--display); font-size:clamp(4rem,9vw,9rem); font-style:italic; font-weight:900; text-transform:uppercase; }.page-hero__copy { max-width:650px; margin:0; color:rgba(255,255,255,.73); font-size:1.05rem; }.page-hero__layers { position:absolute; inset:0; overflow:hidden; }.page-hero__line { position:absolute; display:block; width:115%; height:28%; transform:rotate(-16deg); }.page-hero__line.line-a { top:3%; left:-20%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.11), transparent); }.page-hero__line.line-b { bottom:1%; right:-24%; background:repeating-linear-gradient(90deg, rgba(255,255,255,.16) 0 14px, transparent 14px 31px); opacity:.55; }.page-hero__sphere { position:absolute; width:68vw; height:68vw; right:-24vw; top:-24vw; border:42px solid rgba(255,255,255,.13); border-radius:50%; }.page-hero--violet { background:linear-gradient(121deg,#110c42,#640ec4 60%,#1a0f53); }.page-hero--red { background:linear-gradient(121deg,#160a16,#aa101d 60%,#5f0714); }.page-hero--blue { background:linear-gradient(121deg,#061a2d,#0075ab 60%,#092c62); }.page-hero--lime { color:var(--ink); background:linear-gradient(121deg,#a4ca00,#d2f300 58%,#8bc500); }.page-hero--lime .eyebrow--light, .page-hero--lime .page-hero__copy { color:rgba(8,16,25,.72); }.page-hero--lime .page-hero__line { background:repeating-linear-gradient(90deg, rgba(8,16,25,.14) 0 14px, transparent 14px 31px); }.page-hero--lime .page-hero__sphere { border-color:rgba(8,16,25,.15); }

/* Game */
.game-intro__grid { display:grid; grid-template-columns:1fr .7fr; gap:90px; align-items:end; }.game-intro__statement { position:relative; }.outline-number { position:absolute; left:-12px; top:-90px; z-index:-1; color:transparent; font-family:var(--display); font-size:clamp(11rem,22vw,21rem); line-height:.7; -webkit-text-stroke:1px rgba(8,16,25,.1); }.game-intro__statement h2 { position:relative; max-width:770px; margin:0; }.game-intro__copy { max-width:430px; margin:0; font-size:1.07rem; }.pillars-list { border-top:1px solid var(--line); }.pillar-row { position:relative; display:grid; grid-template-columns:90px .9fr 1fr 105px; gap:28px; align-items:center; min-height:205px; border-bottom:1px solid var(--line); overflow:hidden; }.pillar-row__index { color:var(--violet); font-family:var(--display); font-size:1.65rem; font-style:italic; }.pillar-row h2 { margin:0; font-size:clamp(2.1rem,4vw,4.6rem); }.pillar-row .eyebrow { margin-bottom:8px; }.pillar-row > p { max-width:390px; margin:0; font-size:.95rem; }.pillar-row__shape { justify-self:end; width:78px; aspect-ratio:1; border-radius:50%; background:var(--violet); }.shape-1 { border-radius:0; background:var(--red); transform:rotate(45deg); }.shape-2 { background:var(--lime); border-radius:50% 0 50% 50%; }.mode-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }.mode-card { position:relative; min-height:315px; padding:22px; border:1px solid var(--line); overflow:hidden; background:var(--white); transition:transform .25s ease, box-shadow .25s ease; }.mode-card:hover { transform:translateY(-8px); box-shadow:var(--shadow); }.mode-card__index { color:var(--muted); font-family:var(--display); font-style:italic; }.mode-card__icon { width:58px; aspect-ratio:1; margin:46px 0 34px; background:var(--violet); }.icon-1 { border-radius:50%; background:var(--lime); box-shadow:19px 0 0 var(--ink); }.icon-2 { width:70px; background:linear-gradient(90deg,var(--red) 0 25%,var(--white) 25% 50%,var(--blue) 50% 75%,var(--lime) 75%); transform:skew(-16deg); }.icon-3 { border:5px solid var(--ink); border-radius:50%; background:repeating-conic-gradient(var(--cyan) 0 15deg,var(--white) 15deg 30deg); }.mode-card h3 { margin:0 0 10px; font-family:var(--display); text-transform:uppercase; }.mode-card p { margin:0; font-size:.88rem; }.game-visual-section__grid { display:grid; grid-template-columns:.86fr 1.14fr; gap:70px; align-items:center; }.game-visual-copy h2 { font-size:clamp(3.4rem,6vw,6.6rem); }.game-visual-copy h2 span { color:var(--lime); }.game-visual-copy > p { max-width:455px; margin-bottom:32px; }.stadium-abstract { position:relative; min-height:460px; overflow:hidden; background:linear-gradient(180deg,#220d57 0 48%,#101520 48%); border-radius:15px; }.stadium-abstract__sky { position:absolute; inset:0 0 49%; background:radial-gradient(circle at 65% 12%,#f15a19 0 1%,transparent 22%), linear-gradient(130deg,#4412a2,#ed1721); }.stadium-abstract__lights { position:absolute; z-index:3; inset:0; display:flex; justify-content:space-around; align-items:flex-start; padding-top:28px; }.stadium-abstract__lights i { width:45px; height:12px; background:var(--white); box-shadow:0 0 18px 5px rgba(255,255,255,.7); }.stadium-abstract__stands { position:absolute; z-index:1; left:-5%; right:-5%; top:42%; height:25%; background:repeating-linear-gradient(90deg,#4f168d 0 7px,#1c0744 7px 12px); transform:perspective(240px) rotateX(38deg); }.stadium-abstract__pitch { position:absolute; z-index:2; left:3%; right:3%; bottom:-10%; height:42%; background:repeating-linear-gradient(90deg,#07824a 0 10%,#089350 10% 20%); transform:perspective(350px) rotateX(52deg); transform-origin:bottom; }.stadium-abstract__pitch span { position:absolute; border:1px solid rgba(255,255,255,.67); }.stadium-abstract__pitch span:nth-child(1){inset:12% 15%;}.stadium-abstract__pitch span:nth-child(2){width:1px; height:76%; top:12%; left:50%; background:rgba(255,255,255,.67)}.stadium-abstract__pitch span:nth-child(3){width:56px;height:56px;left:calc(50% - 28px);top:30%;border-radius:50%;}.stadium-abstract__score { position:absolute; z-index:5; top:21px; left:50%; display:flex; gap:7px; padding:8px 13px; color:var(--white); background:rgba(8,16,25,.72); transform:translateX(-50%); font-family:var(--display); font-size:1.25rem; font-style:italic; }.stadium-abstract__score strong{color:var(--lime)}

/* News page */
.news-feature-section { padding-bottom:80px; }.featured-post { display:grid; grid-template-columns:1fr 1fr; overflow:hidden; color:var(--white); background:var(--ink); }.featured-post__art { position:relative; min-height:455px; overflow:hidden; background:linear-gradient(135deg,#ef1d28,#7d0710); }.featured-post__art::after { content:""; position:absolute; width:120%; height:72%; left:-12%; bottom:-25%; background:repeating-linear-gradient(100deg,rgba(255,255,255,.18) 0 12px,transparent 12px 31px); transform:rotate(15deg); }.featured-post__art > span { position:absolute; z-index:1; right:5%; top:5%; color:var(--lime); font-family:var(--display); font-size:clamp(9rem,17vw,17rem); font-style:italic; line-height:.8; letter-spacing:-.14em; }.featured-post__art p { position:absolute; z-index:1; left:10%; bottom:10%; margin:0; color:var(--white); font-family:var(--display); font-size:clamp(2.5rem,5vw,5rem); line-height:.79; letter-spacing:-.08em; }.featured-post__ball { position:absolute; z-index:2; left:43%; top:42%; width:86px; aspect-ratio:1; border:9px solid var(--white); border-radius:50%; background:conic-gradient(var(--ink) 0 22deg,var(--white) 22deg 44deg,var(--ink) 44deg 66deg,var(--white) 66deg 88deg,var(--ink) 88deg 110deg,var(--white) 110deg 132deg,var(--ink) 132deg 154deg,var(--white) 154deg 176deg,var(--ink) 176deg 198deg,var(--white) 198deg 220deg,var(--ink) 220deg 242deg,var(--white) 242deg 264deg,var(--ink) 264deg 286deg,var(--white) 286deg 308deg,var(--ink) 308deg 330deg,var(--white) 330deg); box-shadow:0 20px 25px rgba(0,0,0,.22); }.featured-post__content { align-self:center; padding:clamp(34px,6vw,76px); }.featured-post .news-meta { color:rgba(255,255,255,.59); }.featured-post .news-meta span { color:var(--lime); }.featured-post h2 { margin-bottom:22px; font-size:clamp(2.5rem,4.7vw,5.4rem); }.featured-post p { color:rgba(255,255,255,.7); font-size:1rem; }.featured-post .button { margin-top:20px; }.news-all-section { padding-top:90px; }.news-list { border-top:1px solid var(--line); }.news-list-item { display:grid; grid-template-columns:78px 170px 1.15fr .95fr 42px; gap:22px; align-items:center; padding:30px 0; border-bottom:1px solid var(--line); }.news-list-item__badge { display:grid; place-items:center; width:50px; aspect-ratio:1; color:var(--white); font-family:var(--display); font-style:italic; }.badge-lime { color:var(--ink); background:var(--lime); }.badge-blue { background:var(--blue); }.badge-violet { background:var(--violet); }.news-list-item .news-meta { display:block; margin:0; }.news-list-item .news-meta span,.news-list-item .news-meta time { display:block; }.news-list-item .news-meta time { margin-top:6px; }.news-list-item h3 { margin:0; font-family:var(--display); font-size:clamp(1.5rem,2.5vw,2.6rem); text-transform:uppercase; }.news-list-item > p { margin:0; font-size:.88rem; }.release-window-section { padding:0; color:var(--white); background:linear-gradient(105deg,#1f0747,#630fb6 52%,#2b0a60); }.release-window-section__inner { display:grid; grid-template-columns:.85fr 1.2fr auto; gap:50px; align-items:center; padding:70px 0; }.release-window-section h2 { margin:0; }.release-window-section p { margin:0; color:rgba(255,255,255,.75); }.mini-timeline { display:flex; align-items:center; gap:15px; white-space:nowrap; color:var(--lime); font-size:.64rem; font-weight:900; letter-spacing:.09em; }.mini-timeline i { width:66px; height:1px; background:rgba(255,255,255,.65); }

/* Media */
.media-gallery-section { padding-bottom:96px; }.media-mosaic { display:grid; grid-template-columns:1.05fr .7fr .95fr; grid-template-rows:220px 220px; gap:16px; }.media-tile { position:relative; display:block; width:100%; overflow:hidden; border:0; text-align:left; color:var(--white); transition:transform .26s ease, box-shadow .26s ease; }.media-tile:hover { z-index:2; transform:scale(1.025); box-shadow:var(--shadow); }.media-tile--one { grid-row:span 2; padding:28px; background:linear-gradient(150deg,#5010bb,#170638); }.media-tile--one::after { content:""; position:absolute; width:140%; height:45%; left:-20%; bottom:11%; background:repeating-linear-gradient(90deg,rgba(255,255,255,.15) 0 13px,transparent 13px 30px); transform:rotate(-27deg); }.media-tile--one span { position:relative; z-index:1; color:var(--lime); font-family:var(--display); font-size:3rem; font-style:italic; }.media-tile--one strong { position:relative; z-index:1; display:block; margin-top:130px; font-family:var(--display); font-size:clamp(2.4rem,4vw,4.8rem); line-height:.78; letter-spacing:-.07em; }.media-tile--two { padding:18px; color:var(--ink); background:var(--lime); }.media-tile--two::after { content:""; position:absolute; right:-30px; bottom:-50px; width:200px; aspect-ratio:1; border:28px solid rgba(8,16,25,.13); border-radius:50%; }.media-tile--two span { font-family:var(--display); font-size:clamp(4rem,7vw,7rem); font-style:italic; letter-spacing:-.12em; }.media-tile--two i { position:absolute; top:20px; right:21px; width:13px; height:13px; border-radius:50%; background:var(--red); }.media-tile--three { padding:22px; background:linear-gradient(135deg,#00b4db,#005689); }.media-tile--three::after { content:""; position:absolute; left:0; right:0; bottom:0; height:38%; background:repeating-linear-gradient(126deg,rgba(255,255,255,.23) 0 9px,transparent 9px 25px); }.media-tile--three p { position:absolute; z-index:1; top:15px; left:21px; margin:0; color:var(--white); font-family:var(--display); font-size:1.6rem; line-height:.79; }.media-tile--three strong { position:absolute; z-index:1; right:20px; bottom:18px; font-family:var(--display); font-size:2.1rem; }.media-tile--four { grid-column:span 2; padding:25px; background:linear-gradient(140deg,#e51825,#72060a); }.media-tile--four::after { content:""; position:absolute; width:70%; height:180%; right:-20%; top:-42%; border:30px solid rgba(255,255,255,.15); border-radius:50%; }.media-tile--four span { position:relative; z-index:1; color:var(--lime); font-size:.73rem; font-weight:900; letter-spacing:.12em; }.media-tile--four strong { position:absolute; z-index:1; bottom:18px; left:23px; font-family:var(--display); font-size:clamp(3rem,5vw,5.5rem); letter-spacing:-.08em; }.media-tile--five { padding:0; background:#090b15; }.media-tile--five::after { content:""; position:absolute; inset:0; background:linear-gradient(135deg,transparent 28%,rgba(199,243,0,.42),transparent 70%); mix-blend-mode:screen; }.media-tile--five img { width:100%; height:100%; object-fit:cover; }
.press-kit-grid { display:grid; grid-template-columns:1fr .85fr; gap:clamp(50px,10vw,160px); align-items:center; }.press-kit-copy { max-width:600px; }.press-kit-copy > p { max-width:530px; font-size:1.04rem; }.press-kit-card { padding:26px; border:1px solid var(--line); background:var(--white); box-shadow:var(--shadow); }.press-kit-card img { width:100%; max-width:340px; margin:0 auto; border-radius:22%; }.press-kit-card > div { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:22px; }.press-kit-card > div span { padding:7px 10px; border-radius:99px; background:var(--paper-deep); color:var(--muted); font-size:.62rem; font-weight:900; letter-spacing:.08em; }.brand-direction-grid { display:grid; grid-template-columns:1fr .92fr; gap:clamp(50px,11vw,180px); align-items:center; }.brand-direction-art { position:relative; min-height:410px; overflow:hidden; background:var(--ink); }.brand-direction-art::before { content:""; position:absolute; width:680px; height:180px; left:-68px; top:40px; background:var(--red); border-radius:50%; transform:rotate(-24deg); }.brand-direction-art span { position:absolute; width:70%; height:60px; left:-5%; border-radius:50%; transform:rotate(-25deg); }.brand-direction-art span:nth-child(1){top:45px;background:var(--violet);}.brand-direction-art span:nth-child(2){top:150px;background:var(--lime);}.brand-direction-art span:nth-child(3){top:255px;background:var(--cyan);}.brand-direction-art span:nth-child(4){top:360px;background:var(--blue);}.brand-direction-art b { position:absolute; z-index:2; right:8%; bottom:8%; color:var(--white); font-family:var(--display); font-size:clamp(4rem,8vw,8rem); font-style:italic; letter-spacing:-.13em; }.brand-direction-copy > p { max-width:450px; font-size:1.04rem; }
.lightbox { position:fixed; z-index:2001; inset:0; display:grid; place-items:center; padding:24px; }.lightbox__backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(4,7,12,.84); backdrop-filter:blur(10px); }.lightbox__panel { position:relative; width:min(560px,100%); padding:32px; color:var(--white); background:var(--ink); box-shadow:0 30px 80px rgba(0,0,0,.44); }.lightbox__close { position:absolute; top:12px; right:14px; width:34px; height:34px; border:1px solid rgba(255,255,255,.25); border-radius:50%; color:var(--white); background:transparent; font-size:1.6rem; line-height:1; }.lightbox__art { position:relative; min-height:220px; overflow:hidden; display:flex; align-items:center; justify-content:center; margin-bottom:26px; color:var(--white); background:linear-gradient(135deg,var(--violet),var(--red)); }.lightbox__art::after { content:""; position:absolute; width:110%; height:35%; bottom:6%; background:repeating-linear-gradient(100deg,rgba(255,255,255,.2) 0 12px,transparent 12px 28px); transform:rotate(-18deg); }.lightbox__art span,.lightbox__art strong { position:relative; z-index:1; font-family:var(--display); font-style:italic; letter-spacing:-.12em; }.lightbox__art span{font-size:4rem}.lightbox__art strong{color:var(--lime);font-size:6rem}.lightbox__panel h2{font-size:2.7rem;margin-bottom:12px}.lightbox__panel p{margin:0;color:rgba(255,255,255,.7)}

/* Studio */
.studio-statement-section { padding-bottom:80px; }.studio-statement { display:grid; grid-template-columns:180px 1fr; gap:50px; align-items:start; }.studio-statement > span { color:var(--violet); font-family:var(--display); font-size:clamp(7rem,13vw,13rem); line-height:.67; }.studio-statement blockquote { max-width:900px; margin:0; font-family:var(--display); font-size:clamp(2.3rem,5vw,5.7rem); line-height:.94; letter-spacing:-.06em; text-transform:uppercase; }.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.value-card { min-height:300px; padding:26px; background:var(--white); border-top:5px solid var(--violet); }.value-card:nth-child(2){border-color:var(--red)}.value-card:nth-child(3){border-color:var(--lime)}.value-card > span { color:var(--muted); font-family:var(--display); font-size:1.35rem; font-style:italic; }.value-card h3 { margin:66px 0 12px; font-family:var(--display); text-transform:uppercase; }.value-card p { margin:0; font-size:.9rem; }.studio-contact-section { padding-top:0; }.studio-contact-card { display:grid; grid-template-columns:.58fr 1.42fr; overflow:hidden; color:var(--white); background:linear-gradient(122deg,#15072f,#680fc5 55%,#9f14df); }.studio-contact-card__logo { position:relative; display:grid; place-items:center; min-height:460px; overflow:hidden; background:rgba(8,16,25,.2); }.studio-contact-card__logo::before { content:""; position:absolute; width:380px; aspect-ratio:1; border-radius:50%; border:35px solid rgba(255,255,255,.15); }.studio-contact-card__logo img { position:relative; z-index:1; width:72%; max-width:310px; border-radius:22%; box-shadow:0 28px 45px rgba(0,0,0,.32); }.studio-contact-card > div:last-child { align-self:center; max-width:680px; padding:58px; }.studio-contact-card h2 { margin-bottom:20px; }.studio-contact-card p { max-width:520px; color:rgba(255,255,255,.75); }.studio-contact-card .button { margin-top:18px; }

/* FAQ */
.faq-layout { display:grid; grid-template-columns:.42fr 1.58fr; gap:70px; align-items:start; }.faq-aside { position:sticky; top:110px; min-height:430px; padding:30px; overflow:hidden; color:var(--white); background:linear-gradient(150deg,#4b0ab3,#190449); }.faq-aside::after { content:""; position:absolute; left:-40%; bottom:-20%; width:140%; height:35%; background:repeating-linear-gradient(110deg,rgba(255,255,255,.15) 0 11px,transparent 11px 25px); }.faq-aside span { position:relative; z-index:1; display:block; color:var(--lime); font-family:var(--display); font-size:4rem; font-style:italic; }.faq-aside strong { position:relative; z-index:1; display:block; font-family:var(--display); font-size:7rem; font-style:italic; line-height:.66; letter-spacing:-.12em; }.faq-aside p { position:absolute; z-index:1; bottom:22px; margin:0; color:var(--white); font-family:var(--display); font-size:2.3rem; line-height:.8; }.faq-list { border-top:1px solid var(--line); }.faq-item { border-bottom:1px solid var(--line); }.faq-item button { display:grid; grid-template-columns:54px 1fr 30px; gap:14px; align-items:center; width:100%; padding:25px 0; border:0; color:var(--ink); background:transparent; text-align:left; }.faq-item button > span { color:var(--violet); font-family:var(--display); font-style:italic; }.faq-item button strong { font-family:var(--display); font-size:clamp(1.3rem,2.4vw,2.1rem); letter-spacing:-.04em; text-transform:uppercase; }.faq-item button i { justify-self:end; font-style:normal; font-size:1.8rem; transition:transform .2s ease; }.faq-item button[aria-expanded="true"] i { transform:rotate(45deg); }.faq-item__answer { max-width:760px; padding:0 55px 27px; }.faq-item__answer p { margin:0; font-size:1rem; }

/* Forms */
.contact-grid { display:grid; grid-template-columns:1.45fr .55fr; gap:60px; align-items:start; }.contact-form-wrap > p:not(.eyebrow) { max-width:720px; margin-bottom:32px; }.contact-form { display:flex; flex-direction:column; gap:18px; }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.contact-form label:not(.checkbox-label) { display:flex; flex-direction:column; gap:7px; }.contact-form label > span { color:var(--ink); font-size:.67rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.contact-form em { color:var(--red); font-style:normal; }.contact-form input:not([type="checkbox"]),.contact-form textarea,.contact-form select { width:100%; border:1px solid var(--line); border-radius:5px; outline:0; background:var(--white); color:var(--ink); padding:13px 14px; transition:border-color .2s ease, box-shadow .2s ease; }.contact-form select { height:50px; }.contact-form textarea { resize:vertical; }.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus { border-color:var(--violet); box-shadow:0 0 0 4px rgba(109,32,234,.1); }.checkbox-label { display:flex; align-items:flex-start; gap:10px; color:var(--muted); font-size:.86rem; }.checkbox-label input { width:17px; height:17px; margin-top:2px; accent-color:var(--violet); }.contact-form .button { align-self:flex-start; margin-top:8px; }.form-alert { margin:0 0 24px; padding:13px 16px; border-left:3px solid; font-size:.9rem; }.form-alert--success { border-color:#518d00; background:rgba(199,243,0,.18); color:#294100; }.form-alert--error { border-color:var(--red); background:rgba(237,23,33,.1); color:#8d0a11; }.contact-sidebar { position:sticky; top:112px; padding:28px; color:var(--white); background:var(--ink); }.contact-sidebar__mark { display:grid; place-items:center; width:70px; aspect-ratio:1; margin-bottom:80px; border-radius:50%; color:var(--ink); background:var(--lime); }.contact-sidebar__mark span { font-family:var(--display); font-size:3rem; line-height:1; }.contact-sidebar h3 { margin-bottom:22px; font-family:var(--display); text-transform:uppercase; }.contact-sidebar nav { display:flex; flex-direction:column; }.contact-sidebar nav a { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:14px 0; border-top:1px solid rgba(255,255,255,.16); color:rgba(255,255,255,.76); font-size:.85rem; }.contact-sidebar nav a:last-child { border-bottom:1px solid rgba(255,255,255,.16); }.contact-sidebar nav i { color:var(--lime); font-style:normal; }

/* Legal */
.legal-copy { max-width:880px; }.legal-copy > p { font-size:1.08rem; }.legal-placeholder { margin-top:34px; padding:27px; border:1px solid var(--line); background:var(--white); }.legal-placeholder h3 { margin-bottom:14px; font-family:var(--display); text-transform:uppercase; }.legal-placeholder p { margin-bottom:10px; }.legal-placeholder ul { margin:0; padding-left:20px; color:var(--muted); }.legal-placeholder li { padding:5px 0; }

/* Motion */
.reveal { opacity:0; transform:translateY(20px); transition:opacity .65s ease, transform .65s cubic-bezier(.2,.8,.2,1); }.reveal.is-visible { opacity:1; transform:none; }
@keyframes logoFloat { 0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-13px)} }
@keyframes ringSpin { to{transform:rotate(360deg)} }
@keyframes pulse { 0%,100%{box-shadow:0 0 0 0 rgba(199,243,0,.55)}50%{box-shadow:0 0 0 9px rgba(199,243,0,0)} }
@keyframes scan { 0%{transform:translateX(-160%)}100%{transform:translateX(420%)} }

/* Responsive */
@media (max-width: 1060px) {
  .desktop-nav { gap:13px; }.desktop-nav a { font-size:.61rem; }.nav-shell { grid-template-columns:105px 1fr auto; gap:16px; }.nav-cta{display:none;}
  .hero { min-height:770px; }.hero__content { grid-template-columns:1.05fr .95fr; }.hero__art { min-height:570px; }.hero__logo-ring{width:min(46vw,480px)}.hero__logo{width:min(35vw,340px)}
  .release-grid { grid-template-columns:1fr 1fr; }.countdown-card { grid-column:span 2; min-height:200px; }.countdown-values{max-width:540px;}
  .systems-grid { grid-template-columns:repeat(2,1fr); }.system-card{min-height:300px;}.system-card h3{margin-top:60px;}
  .mode-grid { grid-template-columns:repeat(2,1fr); }.mode-card{min-height:285px;}.mode-card__icon{margin:33px 0 25px;}
  .news-list-item { grid-template-columns:55px 130px 1fr 1fr 42px; }
  .media-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 220px}.media-tile--one{grid-row:span 2}.media-tile--four{grid-column:span 1}.media-tile--five{grid-column:span 1}
}
@media (max-width: 780px) {
  :root { --container: min(100% - 36px, 1180px); }.section{padding:84px 0;}.section-heading--split,.showcase-grid,.manifesto-grid,.game-intro__grid,.game-visual-section__grid,.press-kit-grid,.brand-direction-grid,.studio-contact-card,.contact-grid,.site-footer__top { grid-template-columns:1fr; gap:36px; }.section-heading--split > p{margin:0;}.section-heading--row { align-items:flex-start; flex-direction:column; gap:9px; }
  .nav-shell{width:min(100% - 32px,1360px);min-height:72px;grid-template-columns:1fr auto;}.desktop-nav,.language-control{display:none;}.menu-toggle{display:block;}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .hero{min-height:790px;align-items:flex-start}.hero__content{grid-template-columns:1fr; padding-top:118px;}.hero__copy{padding:0;}.hero h1{font-size:clamp(4.1rem,19vw,7rem)}.hero__lede{margin:23px 0 28px}.hero__art{position:absolute;right:-43px;bottom:-120px;width:370px;min-height:370px;opacity:.96}.hero__logo-ring{width:300px}.hero__logo{width:230px}.hero__signal-card{left:5%;bottom:22%;}.hero__field--violet{width:140vw;height:155vw;left:-81vw;top:-51vw}.hero__field--red{width:160vw;height:95vw;right:-87vw;bottom:-39vw}.hero__field--lime{width:100vw;height:105vw;right:-61vw;top:22vw}.hero__scroll{left:18px;bottom:22px}
  .release-grid{grid-template-columns:1fr;}.countdown-card{grid-column:auto}.timeline-card,.countdown-card{min-height:235px}.countdown-values{max-width:none}.manifesto-art{min-height:350px;order:2}.manifesto-art__circle{width:260px}.manifesto-art__pitch{width:175px;height:240px}.manifesto-art__text{font-size:1rem}.manifesto-copy{order:1}.manifesto-copy blockquote{margin-top:30px}
  .systems-grid,.news-grid,.values-grid { grid-template-columns:1fr; }.system-card{min-height:260px}.system-card h3{margin-top:45px}.showcase-art{min-height:410px}.showcase-card--one{width:58%}.showcase-card--two{width:42%}.showcase-card--three{width:67%}.news-card h3,.news-card p{min-height:0}.newsletter-strip__content{grid-template-columns:1fr;gap:25px;padding:48px 0}.newsletter-form{flex-wrap:wrap}.newsletter-form input{width:100%}.newsletter-form .button{width:100%}.form-notice{grid-column:auto}.site-footer__top{padding-bottom:40px}.footer-links{grid-template-columns:repeat(2,1fr)}.site-footer__bottom{display:block}.site-footer__bottom p + p{margin-top:10px}
  .page-hero{min-height:440px}.page-hero__content{padding:130px 0 52px}.page-hero h1{font-size:clamp(3.6rem,16vw,6rem)}.page-hero__sphere{width:100vw;height:100vw;right:-55vw;top:-41vw}
  .game-intro__statement h2{font-size:clamp(2.6rem,12vw,4.4rem)}.outline-number{top:-48px;left:-9px;font-size:10rem}.pillar-row{grid-template-columns:38px 1fr 58px;gap:15px;padding:24px 0;align-items:start}.pillar-row > p{grid-column:2/4}.pillar-row__shape{grid-column:3;grid-row:1;width:44px}.pillar-row h2{font-size:clamp(2rem,9vw,3.6rem)}.pillar-row .eyebrow{font-size:.58rem}.mode-grid{grid-template-columns:1fr}.game-visual-copy h2{font-size:clamp(3.1rem,13vw,5rem)}.stadium-abstract{min-height:330px}
  .featured-post{grid-template-columns:1fr}.featured-post__art{min-height:300px}.featured-post__content{padding:32px}.news-list-item{grid-template-columns:45px 1fr 36px;gap:15px;padding:24px 0}.news-list-item .news-meta{grid-column:2;grid-row:1}.news-list-item h3{grid-column:2;grid-row:2}.news-list-item>p{grid-column:2;grid-row:3}.news-list-item .inline-arrow{grid-column:3;grid-row:1/4}.release-window-section__inner{grid-template-columns:1fr;gap:20px;padding:55px 0}.mini-timeline{font-size:.56rem}.media-mosaic{grid-template-columns:1fr;grid-template-rows:250px}.media-tile--one,.media-tile--four,.media-tile--five{grid-row:auto;grid-column:auto}.media-tile--one{min-height:320px}.media-tile--one strong{margin-top:115px}.brand-direction-art{min-height:310px}.studio-statement{grid-template-columns:1fr;gap:22px}.studio-statement>span{font-size:7rem}.studio-contact-card__logo{min-height:270px}.studio-contact-card>div:last-child{padding:36px}.faq-layout{grid-template-columns:1fr;gap:28px}.faq-aside{position:relative;top:auto;min-height:250px}.faq-aside p{font-size:1.8rem}.faq-item button{grid-template-columns:36px 1fr 26px}.faq-item__answer{padding-left:36px}.form-grid{grid-template-columns:1fr}.contact-sidebar{position:relative;top:auto}.contact-sidebar__mark{margin-bottom:45px}
}
@media (max-width: 460px) {
  .hero__art{right:-70px}.hero__logo-ring{width:260px}.hero__logo{width:200px}.hero__signal-card{transform:scale(.84);transform-origin:left bottom}.countdown-values{gap:8px}.countdown-values strong{font-size:1.65rem}.timeline-card h3{font-size:1.6rem}.footer-links{grid-template-columns:1fr 1fr;gap:24px}.showcase-art{min-height:330px}.showcase-card--one{padding:16px}.showcase-card--one strong{margin-top:45px;font-size:2.05rem}.showcase-card--two span{font-size:4.8rem}.showcase-card--three strong{margin:18px 0 20px;font-size:3rem}.page-hero__copy{font-size:.95rem}.pillar-row__index{font-size:1.25rem}.featured-post__art>span{font-size:9rem}.press-kit-card{padding:17px}.faq-item button strong{font-size:1.25rem}.faq-item__answer{padding-left:0}.legal-placeholder{padding:20px}
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; } .reveal { opacity:1; transform:none; } }

/* WS26 1.1 refinements: clean logo, stadium feature art, privacy controls */
.hero__art--clean {
  isolation: isolate;
}
.hero__art--clean::before {
  content: "";
  position: absolute;
  width: min(39vw, 480px);
  aspect-ratio: 1;
  border-radius: 42% 58% 52% 48% / 46% 43% 57% 54%;
  background: radial-gradient(circle at 50% 52%, rgba(255,255,255,.16), transparent 58%);
  filter: blur(3px);
  opacity: .52;
}
.hero__art--clean .hero__logo {
  width: min(34vw, 440px);
  border-radius: 24%;
  transform: none;
  animation: cleanLogoFloat 7s ease-in-out infinite;
}

.showcase-stadium {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  border-radius: 4px;
  color: var(--white);
  background:
    radial-gradient(circle at 50% 30%, rgba(255,255,255,.22), transparent 21%),
    linear-gradient(165deg, #080d21 0%, #152171 42%, #8b0de2 68%, #e6122b 100%);
  box-shadow: var(--shadow);
  isolation: isolate;
}
.showcase-stadium::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(114deg, transparent 0 30%, rgba(255,255,255,.12) 30.4% 31.2%, transparent 31.6% 65%, rgba(199,243,0,.16) 65.4% 66.1%, transparent 66.5%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 34px);
  pointer-events: none;
}
.showcase-stadium__sky { position:absolute; z-index:0; inset:0 0 44%; background:radial-gradient(ellipse at 50% 5%, rgba(229,247,255,.7), rgba(93,117,255,.18) 24%, transparent 58%); }
.showcase-stadium__lights { position:absolute; z-index:2; top:0; width:17%; height:58%; opacity:.88; background:linear-gradient(90deg, rgba(255,255,255,.96), rgba(255,255,255,.12) 32%, transparent 75%); filter:blur(2px); transform-origin:top center; }
.showcase-stadium__lights--left { left:6%; transform:rotate(-25deg); }
.showcase-stadium__lights--right { right:6%; transform:scaleX(-1) rotate(-25deg); }
.showcase-stadium__stands { position:absolute; z-index:2; left:-6%; right:-6%; bottom:31%; height:30%; display:flex; align-items:flex-end; justify-content:space-around; padding:0 3%; overflow:hidden; background:linear-gradient(180deg, rgba(7,8,23,.1), rgba(7,8,23,.8)); transform:perspective(420px) rotateX(20deg); }
.showcase-stadium__stands::before { content:""; position:absolute; inset:13% 0 auto; height:48%; background:repeating-radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.42) 0 1px, transparent 1.5px 7px); opacity:.65; }
.showcase-stadium__stands i { position:relative; z-index:1; width:15%; height:52%; border-radius:50% 50% 0 0; background:linear-gradient(180deg, var(--lime), rgba(199,243,0,.08)); box-shadow:0 0 42px rgba(199,243,0,.55); }
.showcase-stadium__screen { position:absolute; z-index:4; left:50%; top:14%; display:flex; align-items:center; justify-content:center; gap:8px; width:154px; aspect-ratio:1.42; border:6px solid rgba(255,255,255,.86); background:linear-gradient(135deg, #ed1122, #6215e8 58%, #0abde3); box-shadow:0 0 0 5px rgba(11,13,34,.52), 0 18px 42px rgba(0,0,0,.34); transform:translateX(-50%) perspective(400px) rotateX(3deg); }
.showcase-stadium__screen span,.showcase-stadium__screen strong { font-family:var(--display); font-size:3.15rem; font-style:italic; line-height:.8; letter-spacing:-.13em; }
.showcase-stadium__screen strong { color:var(--lime); }
.showcase-stadium__pitch { position:absolute; z-index:2; inset:auto -8% -22% -8%; height:57%; overflow:hidden; border-radius:50% 50% 0 0; background:linear-gradient(180deg, #169c58, #06482f); transform:perspective(400px) rotateX(56deg); transform-origin:bottom center; }
.showcase-stadium__pitch::before { content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 1px, transparent 1px 62px), linear-gradient(90deg, transparent 49.4%, rgba(255,255,255,.78) 49.8% 50.2%, transparent 50.6%); }
.showcase-stadium__pitch i { position:absolute; width:24%; aspect-ratio:1; border:2px solid rgba(255,255,255,.72); border-radius:50%; left:38%; top:17%; }
.showcase-stadium__pitch i:nth-child(2) { width:60%; height:70%; aspect-ratio:auto; left:20%; top:6%; border-radius:50% 50% 0 0; border-bottom:0; }
.showcase-stadium__pitch i:nth-child(3) { width:9%; height:32%; aspect-ratio:auto; left:45.5%; top:0; border-radius:0; }
.showcase-stadium__ball { position:absolute; z-index:6; width:58px; aspect-ratio:1; right:19%; bottom:18%; border-radius:50%; background:radial-gradient(circle at 33% 28%, #fff 0 6%, #c9d8e7 7% 14%, #f5f7fc 15% 48%, #25314a 49% 58%, #f5f7fc 59%); box-shadow:0 22px 30px rgba(0,0,0,.45); transform:rotate(-20deg); }
.showcase-stadium__ball::after { content:""; position:absolute; width:15px; aspect-ratio:1; left:21px; top:21px; border-radius:4px; background:#1b2337; transform:rotate(30deg); }
.showcase-stadium__caption { position:absolute; z-index:7; left:7%; bottom:7%; display:flex; flex-direction:column; gap:4px; text-shadow:0 3px 11px rgba(0,0,0,.5); }
.showcase-stadium__caption span { color:var(--lime); font-family:var(--display); font-size:1.08rem; font-style:italic; }
.showcase-stadium__caption strong { max-width:330px; font-family:var(--display); font-size:clamp(2.1rem,4vw,4.1rem); line-height:.78; letter-spacing:-.08em; }
.showcase-stadium__caption small { color:rgba(255,255,255,.76); font-size:.58rem; font-weight:900; letter-spacing:.14em; }

.legal-copy { max-width:940px; }
.legal-copy h2 { margin-top:0; }
.legal-copy h2:not(:first-child) { margin-top:58px; }
.legal-copy h3 { margin:28px 0 12px; font-family:var(--display); font-size:1.5rem; letter-spacing:-.035em; text-transform:uppercase; }
.legal-copy h4 { margin:22px 0 8px; font-size:.8rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.legal-copy p + p { margin-top:14px; }
.legal-copy ul { margin:14px 0 0; padding-left:20px; color:var(--muted); }
.legal-copy li { padding:4px 0; }
.legal-intro { max-width:760px; font-size:1.13rem; }
.legal-meta { margin:28px 0 40px; padding:18px 20px; border-left:3px solid var(--violet); background:var(--paper-deep); color:var(--muted); font-size:.86rem; }
.legal-meta strong { color:var(--ink); }
.legal-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; margin:28px 0 38px; }
.legal-card { padding:24px; border:1px solid var(--line); background:var(--white); }
.legal-card h3 { margin-top:0; }
.legal-card p:last-child { margin-bottom:0; }
.legal-warning { margin:26px 0; padding:16px 18px; border-left:3px solid var(--red); background:rgba(237,23,33,.07); color:#791017; font-size:.9rem; }
.legal-warning a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.legal-section-anchor { scroll-margin-top:120px; }
.legal-form { max-width:520px; margin-top:28px; }

.cookie-banner[hidden],.lightbox[hidden] { display:none !important; }
.cookie-banner { position:fixed; z-index:2100; left:max(18px, calc((100vw - 1220px) / 2)); right:max(18px, calc((100vw - 1220px) / 2)); bottom:22px; display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:24px; color:var(--white); border:1px solid rgba(255,255,255,.22); background:rgba(8,11,23,.96); box-shadow:0 24px 70px rgba(0,0,0,.45); backdrop-filter:blur(18px); }
.cookie-banner__content { max-width:760px; }
.cookie-banner__content .eyebrow { margin-bottom:8px; }
.cookie-banner__content h2 { margin:0 0 8px; font-family:var(--display); font-size:1.8rem; text-transform:uppercase; }
.cookie-banner__content p { margin:0; color:rgba(255,255,255,.74); font-size:.88rem; }
.cookie-banner__content a { color:var(--lime); text-decoration:underline; text-underline-offset:3px; }
.cookie-banner__actions { display:flex; align-items:center; flex-shrink:0; gap:20px; }
.footer-cookie-button { margin:0; padding:0; border:0; color:rgba(255,255,255,.42); background:none; font:inherit; font-size:.7rem; cursor:pointer; }
.footer-cookie-button:hover,.footer-cookie-button:focus-visible { color:var(--lime); }
.newsletter-form { align-items:flex-start; }
.newsletter-consent { display:flex; align-items:flex-start; gap:8px; width:100%; color:rgba(255,255,255,.72); font-size:.72rem; line-height:1.45; }
.newsletter-consent input { width:15px; height:15px; flex:0 0 auto; margin:1px 0 0; accent-color:var(--lime); }
.newsletter-consent a { color:var(--lime); text-decoration:underline; text-underline-offset:3px; }

@keyframes cleanLogoFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-12px); } }

@media (max-width: 780px) {
  .hero__art--clean::before { width:310px; }
  .hero__art--clean .hero__logo { width:240px; }
  .showcase-stadium { min-height:405px; }
  .showcase-stadium__screen { top:12%; width:132px; }
  .showcase-stadium__caption { left:6%; bottom:6%; }
  .showcase-stadium__ball { width:48px; right:15%; bottom:20%; }
  .showcase-stadium__ball::after { width:12px; left:18px; top:18px; }
  .cookie-banner { left:14px; right:14px; bottom:14px; display:block; padding:20px; }
  .cookie-banner__actions { justify-content:space-between; margin-top:18px; }
  .legal-grid { grid-template-columns:1fr; }
}

@media (max-width: 460px) {
  .hero__art--clean .hero__logo { width:210px; }
  .showcase-stadium { min-height:355px; }
  .showcase-stadium__caption strong { max-width:220px; }
  .showcase-stadium__screen { width:112px; border-width:4px; }
  .showcase-stadium__screen span,.showcase-stadium__screen strong { font-size:2.55rem; }
  .cookie-banner__actions { align-items:flex-start; flex-direction:column; gap:14px; }
  .cookie-banner__actions .button { width:100%; }
}

/* WS26 1.2 — editorial polish and lightweight scrollytelling */
:root { --shadow-premium: 0 32px 90px rgba(8,16,25,.16); }
:focus-visible { outline:3px solid var(--lime); outline-offset:4px; }
.site-header.is-sticky { border-bottom:1px solid rgba(255,255,255,.1); }
.hero::after { content:""; position:absolute; inset:auto 0 0; z-index:2; height:120px; pointer-events:none; background:linear-gradient(180deg,transparent,rgba(8,16,25,.42)); }
.hero__copy,.hero__art { will-change:transform; }
.timeline-card,.system-card,.news-card,.legal-card { box-shadow:0 1px 0 rgba(255,255,255,.45) inset; transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease; }
.timeline-card:hover,.news-card:hover,.legal-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-premium); }
.section-heading h2,.showcase-copy h2 { text-wrap:balance; }

.match-story { padding:0; background:#070b13; }
.match-story::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.7; background:radial-gradient(circle at 15% 20%,rgba(109,32,234,.34),transparent 33%),radial-gradient(circle at 85% 75%,rgba(237,23,33,.18),transparent 28%); }
.match-story__layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(350px,.7fr); gap:clamp(48px,8vw,120px); align-items:start; }
.match-story__stage { position:sticky; top:86px; display:flex; min-height:calc(100vh - 86px); padding:clamp(70px,9vh,110px) 0 56px; flex-direction:column; justify-content:center; }
.match-story__intro { max-width:720px; }
.match-story__intro h2 { max-width:760px; margin-bottom:22px; }
.match-story__intro > p:last-child { max-width:600px; font-size:1.05rem; }
.match-story__visual { position:relative; height:clamp(230px,31vh,360px); margin-top:38px; overflow:hidden; border:1px solid rgba(255,255,255,.14); background:linear-gradient(135deg,rgba(109,32,234,.32),rgba(8,16,25,.92) 58%,rgba(0,199,231,.15)); box-shadow:0 30px 90px rgba(0,0,0,.35); transition:background .65s ease; }
.match-story__visual::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px); background-size:48px 48px; }
.match-story__score { position:absolute; z-index:3; top:20px; left:20px; right:20px; display:flex; align-items:center; justify-content:space-between; color:var(--white); font-family:var(--display); font-style:italic; }
.match-story__score span { color:var(--lime); font-size:1.25rem; letter-spacing:.06em; }
.match-story__score strong { font-size:1rem; letter-spacing:.12em; }
.match-story__pitch { position:absolute; left:50%; bottom:-28%; width:68%; height:112%; border:2px solid rgba(255,255,255,.42); transform:translateX(-50%) perspective(500px) rotateX(56deg); }
.match-story__pitch::before { content:""; position:absolute; inset:0 50% 0 auto; border-left:2px solid rgba(255,255,255,.42); }
.match-story__pitch::after { content:""; position:absolute; top:50%; left:50%; width:27%; aspect-ratio:1; border:2px solid rgba(255,255,255,.42); border-radius:50%; transform:translate(-50%,-50%); }
.match-story__pitch i { position:absolute; left:50%; width:34%; height:15%; border:2px solid rgba(255,255,255,.42); transform:translateX(-50%); }
.match-story__pitch i:first-child { top:0; border-top:0; }.match-story__pitch i:nth-child(2) { bottom:0; border-bottom:0; }.match-story__pitch i:nth-child(3) { top:50%; left:0; width:100%; height:0; border:0; border-top:2px solid rgba(255,255,255,.42); transform:none; }
.match-story__pitch b { position:absolute; z-index:4; left:21%; top:63%; width:21px; aspect-ratio:1; border-radius:50%; background:var(--lime); box-shadow:0 0 0 9px rgba(199,243,0,.12),0 0 35px rgba(199,243,0,.8); transition:left .75s cubic-bezier(.2,.8,.2,1),top .75s cubic-bezier(.2,.8,.2,1),transform .75s ease; }
.match-story__pulse { position:absolute; z-index:2; right:7%; bottom:11%; width:130px; aspect-ratio:1; border:1px solid rgba(199,243,0,.44); border-radius:50%; opacity:.2; transform:scale(.55); transition:opacity .6s ease,transform .6s ease; }
.match-story__stage[data-phase="2"] .match-story__pitch b { left:52%; top:42%; transform:scale(1.15); }
.match-story__stage[data-phase="2"] .match-story__visual { background:linear-gradient(135deg,rgba(237,23,33,.27),rgba(8,16,25,.94) 58%,rgba(248,118,31,.16)); }
.match-story__stage[data-phase="3"] .match-story__pitch b { left:73%; top:18%; transform:scale(1.35); }
.match-story__stage[data-phase="3"] .match-story__pulse { opacity:.9; transform:scale(1.45); box-shadow:0 0 80px rgba(199,243,0,.25); }
.match-story__progress { position:relative; height:3px; margin-top:28px; overflow:hidden; background:rgba(255,255,255,.14); }
.match-story__progress span { position:absolute; inset:0 auto 0 0; width:var(--story-progress,33.333%); background:linear-gradient(90deg,var(--violet),var(--lime)); transition:width .55s cubic-bezier(.2,.8,.2,1); }
.match-story__progress[aria-valuenow="1"] span { width:33.333%; }.match-story__progress[aria-valuenow="2"] span { width:66.666%; }.match-story__progress[aria-valuenow="3"] span { width:100%; }
.match-story__steps { padding:18vh 0 24vh; }
.match-story__step { position:relative; display:flex; min-height:72vh; padding:14vh 0; flex-direction:column; justify-content:center; opacity:.28; transition:opacity .45s ease,transform .45s ease; transform:translateX(18px); }
.match-story__step.is-active { opacity:1; transform:none; }
.match-story__step > span { position:absolute; top:11vh; right:0; color:transparent; font-family:var(--display); font-size:clamp(6rem,13vw,11rem); font-style:italic; line-height:1; -webkit-text-stroke:1px rgba(255,255,255,.18); }
.match-story__step h3 { position:relative; max-width:480px; margin:0 0 18px; color:var(--white); font-family:var(--display); font-size:clamp(2.4rem,4vw,4.8rem); text-transform:uppercase; text-wrap:balance; }
.match-story__step > p:last-child { position:relative; max-width:440px; margin:0; font-size:1.02rem; }

.contact-direct { margin:24px 0 30px; padding:18px 20px; border-left:3px solid var(--violet); background:var(--paper-deep); }
.contact-direct span { display:block; margin-bottom:4px; color:var(--muted); font-size:.68rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.contact-direct a { font-weight:850; text-decoration:underline; text-decoration-color:var(--violet); text-underline-offset:4px; }
.checkbox-label a { color:var(--violet); font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.legal-toc { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 50px; padding:18px; border:1px solid var(--line); background:rgba(255,255,255,.62); }
.legal-toc a { padding:8px 11px; border:1px solid var(--line); border-radius:999px; background:var(--white); font-size:.73rem; font-weight:800; transition:background .2s ease,color .2s ease,border-color .2s ease; }
.legal-toc a:hover { border-color:var(--ink); background:var(--ink); color:var(--white); }

@media (max-width: 900px) {
  .match-story__layout { grid-template-columns:1fr; gap:0; }
  .match-story__stage { top:72px; z-index:2; min-height:auto; padding:78px 0 24px; background:linear-gradient(180deg,#070b13 88%,transparent); }
  .match-story__intro h2 { font-size:clamp(2.6rem,9vw,5rem); }
  .match-story__intro > p:last-child { display:none; }
  .match-story__visual { height:230px; margin-top:24px; }
  .match-story__steps { position:relative; z-index:3; padding:0 0 18vh; }
  .match-story__step { min-height:60vh; padding:22vh 0 10vh; }
  .match-story__step > span { top:17vh; }
}

@media (max-width: 560px) {
  .match-story__stage { top:68px; padding-top:50px; }
  .match-story__visual { height:190px; }
  .match-story__score { top:14px; left:14px; right:14px; }
  .match-story__step { min-height:56vh; }
  .match-story__step h3 { font-size:2.55rem; }
  .match-story__step > span { font-size:6rem; }
}

@media (prefers-reduced-motion: reduce) {
  .match-story__stage { position:relative; top:auto; min-height:auto; }
  .match-story__steps { padding:20px 0 80px; }
  .match-story__step { min-height:auto; padding:46px 0; opacity:1; transform:none; }
  .match-story__step > span { top:24px; }
}

/* WS26 2.0 — cinematic direction */
.global-scroll-progress { position:fixed; z-index:2600; top:0; left:0; width:100%; height:3px; pointer-events:none; background:rgba(255,255,255,.08); }
.global-scroll-progress span { display:block; width:100%; height:100%; background:linear-gradient(90deg,var(--violet),var(--lime),var(--red)); transform:scaleX(0); transform-origin:left center; will-change:transform; }

.page-index { background:#05070b; }
.page-index .site-header:not(.is-sticky) .nav-shell { border-bottom:1px solid rgba(255,255,255,.16); }
.page-index .site-header.is-sticky { background:rgba(5,7,11,.78); box-shadow:0 18px 60px rgba(0,0,0,.24); }
.page-index .nav-shell { width:min(1420px,calc(100vw - 56px)); }
.page-index .desktop-nav a { letter-spacing:.14em; }

.page-index .hero { --hero-scroll:0; min-height:max(820px,100svh); isolation:isolate; background:#05070b; }
.page-index .hero::before { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(5,7,11,.16),transparent 55%),linear-gradient(180deg,transparent 72%,#05070b); }
.page-index .hero::after { z-index:4; height:180px; background:linear-gradient(180deg,transparent,#05070b); }
.page-index .hero__content { width:min(1420px,calc(100vw - 72px)); grid-template-columns:minmax(620px,1.08fr) minmax(430px,.92fr); gap:0; padding:104px 0 92px; transform:translateY(calc(var(--hero-scroll) * -72px)) scale(calc(1 - (var(--hero-scroll) * .045))); transform-origin:center 35%; will-change:transform; }
.page-index .hero__copy { z-index:3; max-width:940px; padding:26px 0 72px; }
.page-index .hero__copy .eyebrow { margin-bottom:28px; font-size:.66rem; letter-spacing:.27em; }
.page-index .hero h1 { position:relative; z-index:3; font-size:clamp(6.4rem,10.6vw,12.4rem); line-height:.74; letter-spacing:-.115em; text-shadow:0 18px 50px rgba(0,0,0,.28); }
.page-index .hero h1 strong { position:relative; color:var(--lime); }
.page-index .hero h1 strong::after { content:""; position:absolute; left:.06em; right:.08em; bottom:-.08em; height:.035em; background:var(--white); transform:scaleX(calc(1 - var(--hero-scroll))); transform-origin:left; }
.page-index .hero__lede { max-width:570px; margin:40px 0 34px; color:rgba(255,255,255,.76); font-size:clamp(1rem,1.25vw,1.18rem); line-height:1.72; }
.page-index .hero .button { min-height:58px; padding-inline:26px; border-radius:0; }
.page-index .hero__art { z-index:2; min-height:670px; transform:translate3d(calc(var(--hero-scroll) * 70px),calc(var(--hero-scroll) * 35px),0); }
.page-index .hero__art--clean::before { width:min(39vw,590px); border-color:rgba(255,255,255,.14); box-shadow:0 0 0 1px rgba(255,255,255,.04),0 0 120px rgba(109,32,234,.32); animation:none; }
.page-index .hero__art--clean::after { content:""; position:absolute; z-index:0; width:min(30vw,430px); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(199,243,0,.22),transparent 68%); filter:blur(8px); }
.page-index .hero__art--clean .hero__logo { z-index:4; width:min(30vw,410px); filter:drop-shadow(0 35px 55px rgba(0,0,0,.42)); animation:heroLogoDrift 6s ease-in-out infinite; }
.hero__orbit { position:absolute; z-index:2; border:1px solid rgba(255,255,255,.24); border-radius:50%; transform:rotate(-24deg); }
.hero__orbit--one { width:min(42vw,640px); aspect-ratio:1/.42; }
.hero__orbit--two { width:min(36vw,520px); aspect-ratio:1/.56; transform:rotate(31deg); border-color:rgba(199,243,0,.38); }
.hero__orbit::after { content:""; position:absolute; top:50%; left:-5px; width:10px; aspect-ratio:1; border-radius:50%; background:var(--lime); box-shadow:0 0 28px var(--lime); }
.hero__art-label { position:absolute; z-index:1; inset:50% auto auto 50%; display:grid; color:transparent; font-family:var(--display); font-style:italic; line-height:.72; text-align:center; -webkit-text-stroke:1px rgba(255,255,255,.2); transform:translate(-50%,-50%) rotate(-6deg); }
.hero__art-label span,.hero__art-label strong { font-size:clamp(4.5rem,7vw,8.8rem); }
.hero__art-label i { color:rgba(199,243,0,.2); font-size:clamp(7rem,12vw,14rem); font-style:inherit; }
.hero__meta { position:absolute; z-index:5; top:52%; display:flex; flex-direction:column; gap:4px; color:rgba(255,255,255,.46); font-size:.55rem; letter-spacing:.17em; writing-mode:vertical-rl; transform:translateY(-50%); }
.hero__meta strong { color:rgba(255,255,255,.82); font-size:.58rem; }
.hero__meta--left { left:22px; transform:translateY(-50%) rotate(180deg); }.hero__meta--right { right:22px; }
.page-index .hero__field { will-change:transform; }
.page-index .hero__field--violet { transform:translate3d(calc(var(--hero-scroll) * -6vw),calc(var(--hero-scroll) * -9vw),0) rotate(22deg); }
.page-index .hero__field--red { transform:translate3d(calc(var(--hero-scroll) * 7vw),calc(var(--hero-scroll) * 10vw),0) rotate(-24deg); }
.page-index .hero__field--lime { transform:translate3d(calc(var(--hero-scroll) * 5vw),calc(var(--hero-scroll) * -8vw),0) rotate(15deg); }
.page-index .hero__scroll { z-index:7; left:auto; right:44px; bottom:66px; height:auto; color:rgba(255,255,255,.74); writing-mode:horizontal-tb; transform:none; }
.page-index .hero__scroll i { width:70px; height:1px; margin:0 0 0 14px; background:rgba(255,255,255,.32); overflow:hidden; }
.page-index .hero__scroll i::after { content:""; display:block; width:45%; height:100%; background:var(--lime); animation:scrollSignal 1.8s ease-in-out infinite; }
.hero__ticker { position:absolute; z-index:6; left:0; right:0; bottom:0; height:38px; overflow:hidden; border-top:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.62); background:rgba(5,7,11,.48); font-size:.58rem; font-weight:900; letter-spacing:.2em; }
.hero__ticker div { display:flex; width:max-content; height:100%; align-items:center; gap:28px; animation:heroTicker 24s linear infinite; }
.hero__ticker span { white-space:nowrap; }.hero__ticker i { color:var(--lime); font-style:normal; }

.experience-film { position:relative; height:400svh; color:var(--white); background:#05070b; }
.experience-film__sticky { --film-progress:0; position:sticky; top:0; height:100svh; min-height:680px; overflow:hidden; isolation:isolate; background:#07060e; }
.experience-film__wash { position:absolute; z-index:-4; inset:0; background:radial-gradient(circle at 73% 48%,rgba(115,34,242,.92),transparent 29%),linear-gradient(115deg,#05070b 23%,#241054 64%,#05070b); transition:background 1s cubic-bezier(.2,.8,.2,1); }
.experience-film__wash::after { content:""; position:absolute; inset:-30%; opacity:.56; background:conic-gradient(from calc(var(--film-progress) * 260deg),transparent,rgba(255,255,255,.11),transparent 18%); transform:rotate(calc(var(--film-progress) * 95deg)); }
.experience-film__stage[data-phase="2"] .experience-film__wash,.experience-film__sticky[data-phase="2"] .experience-film__wash { background:radial-gradient(circle at 70% 47%,rgba(237,23,33,.88),transparent 31%),linear-gradient(115deg,#05070b 20%,#4d0b21 65%,#05070b); }
.experience-film__stage[data-phase="3"] .experience-film__wash,.experience-film__sticky[data-phase="3"] .experience-film__wash { background:radial-gradient(circle at 72% 48%,rgba(199,243,0,.76),transparent 29%),linear-gradient(115deg,#05070b 18%,#1d2a08 68%,#05070b); }
.experience-film__grid { position:absolute; z-index:-2; inset:0; opacity:.28; background:linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px); background-size:8.333vw 8.333vw; mask-image:linear-gradient(90deg,transparent,#000 20%,#000 85%,transparent); transform:perspective(650px) rotateX(calc(46deg + (var(--film-progress) * 8deg))) scale(1.4) translateY(calc(var(--film-progress) * -4%)); transform-origin:center bottom; }
.experience-film__hud { position:absolute; z-index:6; top:106px; left:50%; display:grid; width:min(1420px,calc(100vw - 72px)); grid-template-columns:1fr auto 1fr; color:rgba(255,255,255,.55); font-size:.58rem; font-weight:900; letter-spacing:.18em; transform:translateX(-50%); }
.experience-film__hud span:nth-child(2) { color:var(--lime); font-family:var(--display); font-size:1.25rem; font-style:italic; letter-spacing:.08em; }.experience-film__hud span:last-child { text-align:right; }
.experience-film__copy { position:absolute; z-index:5; inset:0; display:grid; grid-template-columns:minmax(360px,.72fr) minmax(500px,1.28fr); gap:clamp(30px,7vw,120px); align-items:end; padding-top:150px; padding-bottom:14vh; pointer-events:none; }
.experience-film__intro { align-self:start; max-width:650px; }
.experience-film__intro h2 { margin:0; color:transparent; font-size:clamp(3rem,5.7vw,7rem); line-height:.8; -webkit-text-stroke:1px rgba(255,255,255,.34); }
.experience-film__panels { position:relative; min-height:360px; }
.experience-film__panel { position:absolute; inset:auto 0 0; max-width:780px; opacity:0; transform:translateY(80px) skewY(3deg); transition:opacity .55s ease,transform .75s cubic-bezier(.16,1,.3,1); }
.experience-film__panel.is-active { opacity:1; transform:none; }
.experience-film__panel .eyebrow { margin-bottom:20px; letter-spacing:.25em; }
.experience-film__panel h3 { max-width:760px; margin:0 0 24px; color:var(--white); font-family:var(--display); font-size:clamp(4rem,7.2vw,9rem); line-height:.75; letter-spacing:-.085em; text-transform:uppercase; text-wrap:balance; }
.experience-film__panel > p:last-child { max-width:560px; margin:0; color:rgba(255,255,255,.75); font-size:clamp(.98rem,1.2vw,1.15rem); line-height:1.7; }
.experience-film__number { position:absolute; right:0; bottom:85%; color:transparent; font-family:var(--display); font-size:clamp(10rem,20vw,25rem); font-style:italic; line-height:.7; opacity:.16; -webkit-text-stroke:1px var(--white); }
.experience-film__world { position:absolute; z-index:1; top:50%; right:-4vw; width:min(65vw,980px); aspect-ratio:1; transform:translateY(-47%) rotate(calc(-7deg + (var(--film-progress) * 14deg))); transition:filter .8s ease; }
.experience-film__stadium { position:absolute; inset:7%; border:1px solid rgba(255,255,255,.16); border-radius:50%; box-shadow:0 0 0 4vw rgba(255,255,255,.025),0 0 0 8vw rgba(255,255,255,.018); }
.experience-film__stadium i { position:absolute; inset:calc(var(--ring,1) * 8%); border:1px solid rgba(255,255,255,.14); border-radius:50%; }.experience-film__stadium i:nth-child(1){--ring:1}.experience-film__stadium i:nth-child(2){--ring:2}.experience-film__stadium i:nth-child(3){--ring:3}.experience-film__stadium i:nth-child(4){--ring:4}
.experience-film__target { position:absolute; z-index:4; top:50%; left:50%; display:grid; width:clamp(180px,22vw,360px); aspect-ratio:1; place-items:center; border:1px solid rgba(255,255,255,.4); border-radius:50%; background:rgba(5,7,11,.34); box-shadow:0 40px 100px rgba(0,0,0,.36),inset 0 0 70px rgba(255,255,255,.07); backdrop-filter:blur(8px); transform:translate(-50%,-50%) scale(calc(.84 + (var(--film-progress) * .28))); transition:border-radius .8s ease,background .8s ease; }
.experience-film__target::before,.experience-film__target::after { content:""; position:absolute; width:145%; height:38%; border:1px solid rgba(255,255,255,.24); border-radius:50%; transform:rotate(26deg); }.experience-film__target::after { transform:rotate(-32deg); border-color:rgba(199,243,0,.55); }
.experience-film__target i { position:absolute; width:78%; aspect-ratio:1; border:1px solid rgba(255,255,255,.18); border-radius:50%; }.experience-film__target i:nth-child(2){width:48%}
.experience-film__target span { color:var(--white); font-family:var(--display); font-size:clamp(4rem,9vw,9rem); font-style:italic; letter-spacing:-.14em; text-shadow:0 20px 55px rgba(0,0,0,.4); }
.experience-film__runner { position:absolute; z-index:6; width:14px; aspect-ratio:1; border:3px solid var(--white); border-radius:50%; background:var(--red); box-shadow:0 0 0 10px rgba(255,255,255,.08); transition:all 1s cubic-bezier(.16,1,.3,1); }.runner-a{top:28%;left:16%}.runner-b{top:70%;left:26%;background:var(--lime)}.runner-c{top:38%;right:12%;background:var(--cyan)}
.experience-film__beam { position:absolute; z-index:2; top:50%; left:50%; width:85%; height:2px; background:linear-gradient(90deg,transparent,var(--lime),transparent); transform:translate(-50%,-50%) rotate(calc(-25deg + (var(--film-progress) * 70deg))); box-shadow:0 0 30px var(--lime); opacity:.75; }
.experience-film__ghost { position:absolute; right:3%; bottom:-7%; color:transparent; font-family:var(--display); font-size:clamp(16rem,37vw,40rem); font-style:italic; line-height:.7; opacity:.08; -webkit-text-stroke:1px var(--white); }
.experience-film__sticky[data-phase="2"] .runner-a { top:48%; left:36%; }.experience-film__sticky[data-phase="2"] .runner-b { top:53%; left:64%; }.experience-film__sticky[data-phase="2"] .runner-c { top:23%; right:26%; }
.experience-film__sticky[data-phase="2"] .experience-film__target { border-radius:18%; background:rgba(85,5,22,.4); }
.experience-film__sticky[data-phase="3"] .runner-a { top:22%; left:60%; }.experience-film__sticky[data-phase="3"] .runner-b { top:48%; left:78%; transform:scale(1.8); }.experience-film__sticky[data-phase="3"] .runner-c { top:76%; right:37%; }
.experience-film__sticky[data-phase="3"] .experience-film__target { border-radius:3%; background:rgba(23,37,3,.46); box-shadow:0 0 120px rgba(199,243,0,.2),inset 0 0 70px rgba(255,255,255,.08); }
.experience-film__rail { position:absolute; z-index:7; left:50%; bottom:34px; display:grid; grid-template-columns:1fr auto; gap:28px; align-items:center; transform:translateX(-50%); }
.experience-film__rail > div { height:2px; overflow:hidden; background:rgba(255,255,255,.16); }.experience-film__rail > div span { display:block; width:100%; height:100%; background:linear-gradient(90deg,var(--violet),var(--lime)); transform:scaleX(var(--film-progress)); transform-origin:left; }
.experience-film__rail ol { display:flex; gap:18px; margin:0; padding:0; list-style:none; color:rgba(255,255,255,.32); font-family:var(--display); font-size:.78rem; font-style:italic; }.experience-film__rail li { transition:color .3s ease,transform .3s ease; }.experience-film__rail li.is-active { color:var(--lime); transform:translateY(-3px); }

.page-index .release-section { padding-top:160px; background:#f1f0ea; }
.page-index .release-section::before { content:"NEXT / 2026"; position:absolute; top:52px; right:3vw; color:transparent; font-family:var(--display); font-size:clamp(5rem,11vw,12rem); font-style:italic; opacity:.12; -webkit-text-stroke:1px var(--ink); }
.page-index .timeline-card,.page-index .countdown-card { border-radius:0; box-shadow:none; }
.page-index .timeline-card { border:1px solid rgba(8,16,25,.14); background:rgba(255,255,255,.7); }
.page-index .timeline-card:hover { border-color:var(--ink); box-shadow:18px 18px 0 var(--ink); transform:translate(-8px,-8px); }
.page-index .countdown-card { background:linear-gradient(135deg,#0a0d14,#21104a); }
.page-index .manifesto-section { background:var(--white); }
.page-index .manifesto-grid { align-items:center; }
.page-index .manifesto-copy blockquote { border-left-color:var(--red); }
.page-index .systems-section { border-top:1px solid rgba(255,255,255,.12); background:#05070b; }
.page-index .system-card { border-color:rgba(255,255,255,.14); background:rgba(255,255,255,.035); backdrop-filter:blur(10px); }
.page-index .system-card:hover { border-color:var(--lime); background:var(--lime); color:var(--ink); transform:translateY(-12px); }.page-index .system-card:hover p{color:rgba(8,16,25,.72)}
.page-index .showcase-section { background:var(--lime); }
.page-index .showcase-copy .eyebrow,.page-index .showcase-copy p { color:var(--ink); }
.page-index .showcase-stadium { box-shadow:28px 28px 0 rgba(8,16,25,.18); transform:rotate(-1deg); }
.page-index .news-section { background:#f1f0ea; }
.page-index .news-card { border-radius:0; background:rgba(255,255,255,.86); }
.page-index .end-cta { background:#05070b; }

@keyframes heroLogoDrift { 0%,100%{transform:translateY(0) rotate(-1deg)} 50%{transform:translateY(-18px) rotate(1.5deg)} }
@keyframes heroTicker { to{transform:translateX(-50%)} }
@keyframes scrollSignal { 0%{transform:translateX(-110%)} 55%,100%{transform:translateX(250%)} }

@media (max-width: 1080px) {
  .page-index .hero__content { grid-template-columns:1fr .8fr; width:min(100% - 48px,1180px); }
  .page-index .hero h1 { font-size:clamp(5.5rem,12vw,9rem); }
  .page-index .hero__art { min-height:560px; }
  .experience-film__copy { grid-template-columns:.78fr 1.22fr; gap:35px; }
  .experience-film__world { right:-16vw; width:82vw; opacity:.82; }
}

@media (max-width: 780px) {
  .page-index .nav-shell { width:calc(100vw - 32px); }
  .page-index .hero { min-height:900px; }
  .page-index .hero__content { width:calc(100vw - 36px); grid-template-columns:1fr; padding-top:130px; }
  .page-index .hero__copy { padding-bottom:300px; }
  .page-index .hero h1 { font-size:clamp(4.5rem,20vw,7rem); }
  .page-index .hero__lede { max-width:90%; margin-top:28px; }
  .page-index .hero__art { right:-78px; bottom:-74px; width:420px; min-height:420px; opacity:.82; }
  .page-index .hero__art--clean::before { width:360px; }.page-index .hero__art--clean .hero__logo { width:260px; }.hero__orbit--one{width:420px}.hero__orbit--two{width:340px}
  .hero__art-label span,.hero__art-label strong { font-size:4.5rem; }.hero__art-label i{font-size:8rem}
  .hero__meta { display:none; }.page-index .hero__scroll { right:18px; bottom:52px; }.hero__ticker{height:34px}
  .experience-film { height:360svh; }
  .experience-film__sticky { min-height:620px; }
  .experience-film__hud { top:88px; width:calc(100vw - 36px); grid-template-columns:1fr auto; }.experience-film__hud span:first-child{display:none}.experience-film__hud span:last-child{font-size:.48rem}
  .experience-film__copy { width:calc(100vw - 36px); grid-template-columns:1fr; align-items:stretch; padding-top:128px; padding-bottom:100px; }
  .experience-film__intro { max-width:360px; }.experience-film__intro h2{font-size:clamp(2.7rem,11vw,4.7rem)}
  .experience-film__panels { align-self:end; min-height:285px; }
  .experience-film__panel { max-width:92%; text-shadow:0 2px 30px rgba(0,0,0,.9); }
  .experience-film__panel h3 { font-size:clamp(3.4rem,15vw,5.6rem); }
  .experience-film__number { right:-5%; bottom:100%; font-size:9rem; }
  .experience-film__world { top:45%; right:-48vw; width:130vw; opacity:.64; }
  .experience-film__rail { width:calc(100vw - 36px); bottom:24px; }
  .experience-film__grid { background-size:20vw 20vw; }
  .page-index .release-section { padding-top:110px; }
  .page-index .showcase-stadium { box-shadow:14px 14px 0 rgba(8,16,25,.18); }
}

@media (max-width: 460px) {
  .page-index .hero { min-height:840px; }
  .page-index .hero__copy { padding-bottom:255px; }
  .page-index .hero h1 { font-size:clamp(4rem,19vw,5.8rem); }
  .page-index .hero__lede { font-size:.93rem; line-height:1.55; }
  .page-index .hero__art { width:340px; min-height:340px; bottom:-30px; }
  .page-index .hero__art--clean::before{width:290px}.page-index .hero__art--clean .hero__logo{width:215px}.hero__orbit--one{width:340px}.hero__orbit--two{width:280px}
  .page-index .hero__scroll { font-size:.48rem; }
  .experience-film__intro .eyebrow { margin-bottom:10px; }.experience-film__intro h2{font-size:2.7rem}
  .experience-film__panel h3 { font-size:3.45rem; }.experience-film__panel>p:last-child{font-size:.9rem;line-height:1.55}
  .experience-film__world { right:-60vw; width:145vw; }
}

@media (prefers-reduced-motion: reduce) {
  .hero__ticker div,.page-index .hero__art--clean .hero__logo,.page-index .hero__scroll i::after { animation:none; }
  .page-index .hero__content,.page-index .hero__art,.page-index .hero__field { transform:none; }
  .experience-film { height:auto; }
  .experience-film__sticky { position:relative; height:auto; min-height:0; overflow:hidden; }
  .experience-film__hud,.experience-film__rail { display:none; }
  .experience-film__copy { position:relative; display:block; padding:110px 0 90px; }
  .experience-film__intro { margin-bottom:60px; }
  .experience-film__panels { display:grid; min-height:0; gap:70px; }
  .experience-film__panel { position:relative; inset:auto; opacity:1; transform:none; }
  .experience-film__number { opacity:.1; }
  .experience-film__world { opacity:.24; }
}

/* Sitewide premium finish */
.button { border-radius:0; }
.button::after { content:""; position:absolute; top:9px; right:9px; width:5px; aspect-ratio:1; border-radius:50%; background:currentColor; opacity:.45; }
.site-header.is-sticky .nav-shell { min-height:72px; }
body:not(.page-index) .page-hero { min-height:650px; border-bottom:1px solid rgba(255,255,255,.16); }
body:not(.page-index) .page-hero__content { padding-bottom:105px; }
body:not(.page-index) .page-hero h1 { max-width:1100px; margin-bottom:30px; font-size:clamp(5rem,10vw,10.5rem); line-height:.78; letter-spacing:-.085em; text-wrap:balance; }
body:not(.page-index) .page-hero__copy { max-width:720px; font-size:1.1rem; line-height:1.7; }
body:not(.page-index) .page-hero__sphere { border-width:1px; box-shadow:0 0 0 7vw rgba(255,255,255,.035),0 0 0 14vw rgba(255,255,255,.02); }
body:not(.page-index) .page-hero__line.line-b { height:16%; transform:rotate(-11deg); }
.newsletter-strip { border-top:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); background:radial-gradient(circle at 84% 10%,rgba(109,32,234,.72),transparent 30%),#070910; }
.newsletter-strip__content { min-height:280px; padding:78px 0; }
.newsletter-strip h2 { max-width:680px; font-size:clamp(3rem,5vw,5.8rem); line-height:.8; }
.newsletter-form input { border-radius:0; background:rgba(255,255,255,.06); }
.newsletter-strip__orb { border-width:1px; }
.site-footer { position:relative; overflow:hidden; padding-top:95px; background:#05070b; }
.site-footer::before { content:"WS26"; position:absolute; right:-.05em; bottom:-.16em; color:transparent; font-family:var(--display); font-size:clamp(10rem,28vw,34rem); font-style:italic; line-height:.7; opacity:.055; pointer-events:none; -webkit-text-stroke:1px var(--white); }
.site-footer__top,.site-footer__bottom { position:relative; z-index:1; }
.site-footer__top { grid-template-columns:.9fr 1.35fr; padding-bottom:80px; }
.footer-brand .brand-mark__monogram { font-size:3.3rem; }.footer-brand .brand-mark__meta { font-size:2.9rem; }
.footer-links { gap:clamp(25px,5vw,70px); }
.footer-links div { gap:13px; }
.footer-heading { margin-bottom:14px !important; color:var(--lime) !important; letter-spacing:.2em; }
.footer-links a { position:relative; font-size:.9rem; }
.footer-links a::after { content:""; position:absolute; left:0; bottom:-3px; width:100%; height:1px; background:currentColor; transform:scaleX(0); transform-origin:right; transition:transform .25s ease; }.footer-links a:hover::after{transform:scaleX(1);transform-origin:left}
.legal-copy { font-size:1.02rem; }
.legal-card { padding:30px; box-shadow:none; }
.legal-card:hover { border-color:var(--ink); box-shadow:10px 10px 0 var(--ink); transform:translate(-5px,-5px); }
.contact-sidebar { box-shadow:18px 18px 0 var(--lime); }
.contact-form input:not([type="checkbox"]),.contact-form textarea,.contact-form select { border-radius:0; background:rgba(255,255,255,.84); }
.media-tile--three .media-tile__countdown { position:absolute; z-index:1; top:15px; left:21px; margin:0; color:var(--white); font-family:var(--display); font-size:1.6rem; line-height:.79; }

@media (max-width: 780px) {
  body:not(.page-index) .page-hero { min-height:520px; }
  body:not(.page-index) .page-hero__content { padding:145px 0 70px; }
  body:not(.page-index) .page-hero h1 { font-size:clamp(4rem,17vw,6.5rem); }
  .newsletter-strip__content { min-height:0; padding:65px 0; }
  .site-footer { padding-top:70px; }
}

/* WS26 2.1 — individual subpage scroll stories */
.subpage-story { --story-accent:var(--violet); --story-hot:var(--lime); position:relative; height:360svh; color:var(--white); background:#05070b; }
.subpage-story--red { --story-accent:var(--red); --story-hot:var(--lime); }.subpage-story--blue { --story-accent:var(--blue); --story-hot:var(--cyan); }.subpage-story--lime { --story-accent:var(--lime); --story-hot:var(--violet); }.subpage-story--cyan { --story-accent:var(--cyan); --story-hot:var(--red); }
.subpage-story__sticky { --substory-progress:0; position:sticky; top:0; height:100svh; min-height:680px; overflow:hidden; isolation:isolate; background:#05070b; }
.subpage-story__wash { position:absolute; z-index:-5; inset:0; background:linear-gradient(118deg,#05070b 20%,#32106a 70%,#05070b); background:radial-gradient(circle at 72% 48%,color-mix(in srgb,var(--story-accent) 78%,transparent),transparent 29%),linear-gradient(118deg,#05070b 20%,color-mix(in srgb,var(--story-accent) 36%,#05070b) 70%,#05070b); transition:background .85s ease,filter .85s ease; }
.subpage-story__wash::before { content:""; position:absolute; inset:-35%; opacity:.34; background:conic-gradient(from calc(var(--substory-progress) * 300deg),transparent 0 12%,rgba(255,255,255,.2) 18%,transparent 25% 48%,var(--story-hot) 55%,transparent 61%); transform:rotate(calc(var(--substory-progress) * 110deg)); filter:blur(45px); }
.subpage-story__sticky[data-phase="2"] .subpage-story__wash { filter:hue-rotate(24deg) saturate(1.18); }.subpage-story__sticky[data-phase="3"] .subpage-story__wash { background:radial-gradient(circle at 68% 45%,color-mix(in srgb,var(--story-hot) 68%,transparent),transparent 30%),linear-gradient(118deg,#05070b 18%,color-mix(in srgb,var(--story-hot) 24%,#05070b) 68%,#05070b); }
.subpage-story__matrix { position:absolute; z-index:-3; inset:0; opacity:.18; background:linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px); background-size:7.14vw 7.14vw; mask-image:linear-gradient(90deg,transparent,#000 14%,#000 88%,transparent); transform:perspective(700px) rotateX(calc(48deg + (var(--substory-progress) * 7deg))) scale(1.48) translateY(calc(var(--substory-progress) * -5%)); transform-origin:center bottom; }
.subpage-story__meta { position:absolute; z-index:8; top:102px; left:50%; display:grid; width:min(1420px,calc(100vw - 72px)); grid-template-columns:1fr auto 1fr; color:rgba(255,255,255,.5); font-size:.56rem; font-weight:900; letter-spacing:.2em; transform:translateX(-50%); }.subpage-story__meta span:nth-child(2){color:var(--story-hot);font-family:var(--display);font-size:1.2rem;font-style:italic}.subpage-story__meta span:last-child{text-align:right}
.subpage-story__content { position:absolute; z-index:7; inset:0; display:grid; grid-template-columns:minmax(340px,.72fr) minmax(520px,1.28fr); gap:clamp(40px,8vw,130px); align-items:end; padding-top:150px; padding-bottom:14vh; pointer-events:none; }
.subpage-story__header { align-self:start; max-width:620px; }.subpage-story__header h2{margin:0;color:transparent;font-size:clamp(3rem,5.6vw,6.8rem);line-height:.8;-webkit-text-stroke:1px rgba(255,255,255,.36);text-wrap:balance}.subpage-story__header .eyebrow{letter-spacing:.23em}
.subpage-story__panels { position:relative; min-height:370px; }
.subpage-story__panel { position:absolute; inset:auto 0 0; max-width:820px; opacity:0; transform:translateY(86px) rotate(1.5deg); transition:opacity .5s ease,transform .72s cubic-bezier(.16,1,.3,1); }.subpage-story__panel.is-active{opacity:1;transform:none}
.subpage-story__panel>span { position:absolute; right:0; bottom:88%; color:transparent; font-family:var(--display); font-size:clamp(10rem,19vw,24rem); font-style:italic; line-height:.7; opacity:.14; -webkit-text-stroke:1px var(--white); }
.subpage-story__panel .eyebrow { margin-bottom:20px; color:var(--story-hot); letter-spacing:.25em; }
.subpage-story__panel h3 { position:relative; max-width:820px; margin:0 0 24px; color:var(--white); font-family:var(--display); font-size:clamp(3.7rem,6.5vw,8.2rem); line-height:.78; letter-spacing:-.08em; text-transform:uppercase; text-wrap:balance; }
.subpage-story__panel>p:last-child { position:relative; max-width:590px; margin:0; color:rgba(255,255,255,.76); font-size:clamp(.96rem,1.15vw,1.12rem); line-height:1.72; }
.subpage-story__machine { position:absolute; z-index:1; top:50%; right:-7vw; width:min(68vw,990px); aspect-ratio:1; transform:translateY(-48%) rotate(calc(-10deg + (var(--substory-progress) * 22deg))); }
.subpage-story__orbit { position:absolute; inset:8%; border:1px solid rgba(255,255,255,.18); border-radius:50%; }.subpage-story__orbit.orbit-b{inset:20%;border-color:color-mix(in srgb,var(--story-hot) 58%,transparent);transform:rotate(28deg) scaleY(.62)}.subpage-story__orbit.orbit-c{inset:31%;border-color:rgba(255,255,255,.3);transform:rotate(-35deg) scaleY(.58)}
.subpage-story__axis { position:absolute; top:50%; left:50%; width:94%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent); transform:translate(-50%,-50%) rotate(calc(24deg + (var(--substory-progress) * 70deg))); }.subpage-story__axis.axis-b{transform:translate(-50%,-50%) rotate(calc(-42deg + (var(--substory-progress) * -55deg)));background:linear-gradient(90deg,transparent,var(--story-hot),transparent);box-shadow:0 0 28px color-mix(in srgb,var(--story-hot) 55%,transparent)}
.subpage-story__core { position:absolute; z-index:4; top:50%; left:50%; display:grid; width:clamp(190px,24vw,370px); aspect-ratio:1; place-items:center; border:1px solid rgba(255,255,255,.38); border-radius:50%; background:rgba(5,7,11,.4); box-shadow:0 40px 110px rgba(0,0,0,.42),inset 0 0 80px rgba(255,255,255,.06); backdrop-filter:blur(12px); transform:translate(-50%,-50%) scale(calc(.82 + (var(--substory-progress) * .3))); transition:border-radius .7s ease,background .7s ease; }.subpage-story__core::before,.subpage-story__core::after{content:"";position:absolute;width:144%;height:42%;border:1px solid rgba(255,255,255,.22);border-radius:50%;transform:rotate(31deg)}.subpage-story__core::after{transform:rotate(-37deg);border-color:color-mix(in srgb,var(--story-hot) 68%,transparent)}
.subpage-story__core span { color:var(--white); font-family:var(--display); font-size:clamp(5rem,10vw,10rem); font-style:italic; line-height:1; letter-spacing:-.12em; }.subpage-story__core i{position:absolute;right:15%;bottom:17%;width:13px;aspect-ratio:1;border-radius:50%;background:var(--story-hot);box-shadow:0 0 0 12px color-mix(in srgb,var(--story-hot) 14%,transparent),0 0 40px var(--story-hot)}
.subpage-story__signal { position:absolute; z-index:6; width:14px; aspect-ratio:1; border:3px solid var(--white); border-radius:50%; background:var(--story-accent); box-shadow:0 0 0 9px rgba(255,255,255,.07); transition:all .9s cubic-bezier(.16,1,.3,1); }.signal-a{top:24%;left:16%}.signal-b{top:70%;left:29%;background:var(--story-hot)}.signal-c{top:35%;right:12%;background:var(--cyan)}
.subpage-story__sticky[data-phase="2"] .signal-a{top:48%;left:37%}.subpage-story__sticky[data-phase="2"] .signal-b{top:55%;left:67%}.subpage-story__sticky[data-phase="2"] .signal-c{top:20%;right:26%}.subpage-story__sticky[data-phase="2"] .subpage-story__core{border-radius:18%;background:color-mix(in srgb,var(--story-accent) 24%,rgba(5,7,11,.62))}
.subpage-story__sticky[data-phase="3"] .signal-a{top:20%;left:62%}.subpage-story__sticky[data-phase="3"] .signal-b{top:46%;left:78%;transform:scale(1.8)}.subpage-story__sticky[data-phase="3"] .signal-c{top:76%;right:38%}.subpage-story__sticky[data-phase="3"] .subpage-story__core{border-radius:4%;background:color-mix(in srgb,var(--story-hot) 17%,rgba(5,7,11,.72));box-shadow:0 0 130px color-mix(in srgb,var(--story-hot) 24%,transparent),inset 0 0 80px rgba(255,255,255,.07)}
.subpage-story__progress { position:absolute; z-index:9; left:50%; bottom:34px; display:grid; grid-template-columns:1fr auto; gap:28px; align-items:center; transform:translateX(-50%); }.subpage-story__progress>div{height:2px;overflow:hidden;background:rgba(255,255,255,.16)}.subpage-story__progress>div span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--story-accent),var(--story-hot));transform:scaleX(var(--substory-progress));transform-origin:left}.subpage-story__progress ol{display:flex;gap:18px;margin:0;padding:0;list-style:none;color:rgba(255,255,255,.32);font-family:var(--display);font-size:.78rem;font-style:italic}.subpage-story__progress li{transition:color .3s ease,transform .3s ease}.subpage-story__progress li.is-active{color:var(--story-hot);transform:translateY(-3px)}

@media (max-width: 1080px) {
  .subpage-story__content{grid-template-columns:.78fr 1.22fr;gap:36px}.subpage-story__machine{right:-18vw;width:84vw;opacity:.82}
}
@media (max-width: 780px) {
  .subpage-story{height:340svh}.subpage-story__sticky{min-height:620px}.subpage-story__meta{top:88px;width:calc(100vw - 36px);grid-template-columns:1fr auto}.subpage-story__meta span:first-child{display:none}.subpage-story__meta span:last-child{font-size:.48rem}
  .subpage-story__content{width:calc(100vw - 36px);grid-template-columns:1fr;align-items:stretch;padding-top:126px;padding-bottom:96px}.subpage-story__header{max-width:380px}.subpage-story__header h2{font-size:clamp(2.7rem,11vw,4.7rem)}.subpage-story__panels{align-self:end;min-height:300px}.subpage-story__panel{max-width:94%;text-shadow:0 3px 30px rgba(0,0,0,.92)}.subpage-story__panel h3{font-size:clamp(3rem,13vw,5.2rem)}.subpage-story__panel>span{right:-4%;bottom:104%;font-size:9rem}.subpage-story__machine{top:44%;right:-50vw;width:135vw;opacity:.62}.subpage-story__progress{width:calc(100vw - 36px);bottom:24px}.subpage-story__matrix{background-size:20vw 20vw}
}
@media (max-width: 460px) {
  .subpage-story__header .eyebrow{margin-bottom:10px}.subpage-story__header h2{font-size:2.65rem}.subpage-story__panel h3{font-size:3.15rem}.subpage-story__panel>p:last-child{font-size:.9rem;line-height:1.55}.subpage-story__machine{right:-62vw;width:150vw}
}
@media (prefers-reduced-motion: reduce) {
  .subpage-story{height:auto}.subpage-story__sticky{position:relative;height:auto;min-height:0;overflow:hidden}.subpage-story__meta,.subpage-story__progress{display:none}.subpage-story__content{position:relative;display:block;padding:110px 0 90px}.subpage-story__header{margin-bottom:60px}.subpage-story__panels{display:grid;min-height:0;gap:70px}.subpage-story__panel{position:relative;inset:auto;opacity:1;transform:none}.subpage-story__panel>span{opacity:.1}.subpage-story__machine{opacity:.22}
}