:root{--ink:#080604;--paper:#eaded0;--muted:#b6a99c;--ember:#ef4d20;--orange:#ff7a2e;--line:#5b2a18}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:#080604;color:var(--paper);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}canvas#embers{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:20;mix-blend-mode:screen;opacity:.55}.site-header{height:78px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid #ffffff16;background:linear-gradient(#080604b8,transparent)}.wordmark{text-decoration:none;font:800 22px/.8 'Barlow Condensed',Arial,sans-serif;letter-spacing:.025em}.wordmark span{display:block;color:#e95027}.wordmark b{font-size:17px;color:#e7ded3}.site-header nav{display:flex;gap:clamp(18px,3vw,44px)}.site-header nav a{text-decoration:none;text-transform:uppercase;font:600 13px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.16em;color:#e4d9cd}.site-header nav a:hover{color:var(--orange)}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:150px clamp(24px,7vw,110px) clamp(95px,12vh,140px);background-image:url('assets/trailer-thumbnail.png');background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050403f5 0%,#050403b8 31%,transparent 61%),linear-gradient(0deg,#080604 0%,transparent 28%)}.hero-shade{position:absolute;inset:0;background:radial-gradient(circle at 72% 52%,transparent 0 25%,#0005 75%)}.hero-copy{position:relative;z-index:2;max-width:720px}.eyebrow{text-transform:uppercase;font:600 13px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.28em;color:#f07c4b;margin:0 0 16px}.hero h1{margin:0;font-family:'Barlow Condensed',Arial,sans-serif;line-height:.72;letter-spacing:-.025em;text-shadow:0 8px 40px #000}.hero h1 span{font-size:clamp(82px,13vw,182px);font-weight:900;display:block;color:#ef4d20;background:linear-gradient(#ff8c4d,#d93313 65%,#7d170d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero h1 strong{font-size:clamp(52px,8.3vw,116px);font-weight:800;color:#e9ded2}.tagline{font:500 clamp(20px,2.1vw,28px) 'Barlow Condensed',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:30px 0 34px;color:#d9cec1}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 25px;text-decoration:none;text-transform:uppercase;font:700 14px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.13em;border:1px solid transparent;transition:.25s ease}.button-primary{background:#dc431d;color:#fff;border-color:#ef6a3d;box-shadow:0 0 32px #e64b2238}.button-primary:hover{background:#f05a2e;transform:translateY(-2px)}.button-ghost{border-color:#ffffff55;background:#09070699}.button-ghost:hover{border-color:#e97043;color:#ff966e}.play-icon{font-size:11px}.scroll-cue{position:absolute;z-index:3;bottom:30px;left:50%;transform:translateX(-50%);font:600 11px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.24em;text-decoration:none;color:#bdb0a4;white-space:nowrap}.scroll-cue span{display:block;text-align:center;font-size:18px;margin-top:7px;color:#ed6a3b}.section{padding:clamp(80px,10vw,150px) clamp(22px,7vw,110px)}.section-heading h2,.story-copy h2,.game-copy h2,.tribute-inner h2{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:800;letter-spacing:-.015em;margin:0;line-height:.92}.centered{text-align:center}.section-heading h2{font-size:clamp(46px,7vw,92px)}.trailer-section{background:radial-gradient(ellipse at center,#26130d 0,#0d0806 55%,#080604 75%)}.video-shell{width:min(1120px,100%);aspect-ratio:16/9;margin:48px auto 0;border:1px solid #bd5a3238;background:#000;box-shadow:0 35px 90px #000,0 0 90px #e04b1922;position:relative}.video-shell:before{content:"";position:absolute;inset:-7px;border:1px solid #622a18;pointer-events:none}.video-shell iframe{width:100%;height:100%;border:0}.watch-note{text-align:center;margin:22px 0 0}.watch-note a{font:600 13px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#ad9e91;text-decoration:none}.watch-note a:hover{color:#f07c4b}.story-section{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(320px,1.12fr);gap:clamp(48px,8vw,130px);align-items:center;max-width:1500px;margin:auto}.poster-wrap{position:relative}.poster-wrap:before{content:"";position:absolute;inset:8% -6% -5% 12%;background:#ed4f1f24;filter:blur(60px);z-index:-1}.poster-wrap img{box-shadow:0 30px 80px #000;border:1px solid #a44b2a55}.story-copy h2{font-size:clamp(52px,6vw,94px);max-width:750px}.story-copy .lede{font:500 clamp(25px,2.8vw,38px)/1.15 'Barlow Condensed',Arial,sans-serif;color:#f1e5d9;margin-top:34px}.story-copy>p:not(.eyebrow):not(.lede){font-size:17px;line-height:1.75;color:#bdb0a5;max-width:670px}.dossier{border-top:1px solid #5f2b1d;border-bottom:1px solid #5f2b1d;padding:20px 0;margin:35px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dossier div{display:flex;flex-direction:column;gap:7px}.dossier dt{text-transform:uppercase;font:600 11px 'Barlow Condensed';letter-spacing:.18em;color:#8e7f75}.dossier dd{margin:0;font:600 20px 'Barlow Condensed';text-transform:uppercase;color:#e8dacd}.game-section{min-height:780px;padding:clamp(90px,11vw,160px) clamp(22px,8vw,130px);display:grid;grid-template-columns:minmax(320px,.85fr) minmax(360px,1.15fr);align-items:center;gap:8vw;position:relative;overflow:hidden;background:linear-gradient(130deg,#0a0e13,#17100c 55%,#080604)}.game-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05080bd9,transparent 56%),repeating-linear-gradient(0deg,#fff0 0 3px,#fff 4px,#fff0 5px);opacity:.08;pointer-events:none}.game-glow{position:absolute;width:700px;height:700px;border-radius:50%;right:-200px;top:80px;background:#ec4b1920;filter:blur(80px)}.game-copy,.arcade{position:relative;z-index:2}.game-copy h2{font-size:clamp(52px,7vw,96px)}.game-copy h2 span{color:#f15a2b}.game-copy p{font-size:18px;line-height:1.7;color:#beb4ab;max-width:610px}.game-copy ul{list-style:none;padding:0;margin:26px 0 34px;display:grid;gap:10px;color:#ddd1c5}.game-copy li:before{content:"◆";font-size:9px;color:#f05b2c;margin-right:12px}.arcade{width:min(610px,100%);justify-self:center;padding:22px 24px 35px;background:linear-gradient(145deg,#34363a,#111216 58%,#2e2420);border:2px solid #5e5f61;border-radius:8px 8px 32px 32px;box-shadow:0 45px 90px #000,0 0 50px #f25a1e22;transform:perspective(900px) rotateY(-4deg)}.arcade-top{text-align:center;font:800 clamp(28px,4vw,50px) 'Barlow Condensed';letter-spacing:.09em;color:#f26a37;text-shadow:0 2px #000;margin-bottom:15px}.arcade-screen{aspect-ratio:16/9;background:#05060a;border:12px solid #090a0d;box-shadow:inset 0 0 40px #000;position:relative;overflow:hidden;image-rendering:pixelated}.pixel-sky{position:absolute;inset:0;background:linear-gradient(#080b17 45%,#56251e 46%,#e6532b)}.pixel-city{position:absolute;inset:20% 0 22%;background:repeating-linear-gradient(90deg,#111723 0 24px,transparent 25px 35px),linear-gradient(transparent 60%,#1b1514);clip-path:polygon(0 40%,5% 40%,5% 0,11% 0,11% 58%,20% 58%,20% 20%,27% 20%,27% 45%,34% 45%,34% 5%,41% 5%,41% 65%,53% 65%,53% 30%,61% 30%,61% 50%,69% 50%,69% 10%,78% 10%,78% 62%,88% 62%,88% 25%,95% 25%,95% 52%,100% 52%,100% 100%,0 100%)}.pixel-fire{position:absolute;inset:auto 0 0;height:27%;background:repeating-linear-gradient(90deg,#b92716 0 6px,#ff702c 7px 14px,#ffd063 15px 17px,#7c1711 18px 24px)}.pixel-dax{position:absolute;left:18%;bottom:20%;font-size:46px;color:#eee;text-shadow:4px 4px #de4c25}.start-text{position:absolute;inset:auto 0 8%;text-align:center;font:700 clamp(10px,1.5vw,16px) monospace;color:#ffe3a1;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:.25}}.arcade-controls{height:95px;display:flex;align-items:center;justify-content:flex-end;gap:23px;padding:18px 35px 0}.arcade-controls i{width:38px;height:38px;background:#111;border-radius:50%;box-shadow:0 0 0 8px #050505,0 10px 0 #000;margin-right:auto}.arcade-controls span{width:46px;height:46px;border-radius:50%;background:#9b2b1e;border:4px solid #3b0e0a;box-shadow:0 5px 0 #170504}.tribute-section{min-height:76svh;display:grid;place-items:center;text-align:center;padding:100px 22px;position:relative;background:radial-gradient(circle at center,#22100a 0,#090604 62%)}.tribute-section:before{content:"";position:absolute;inset:0;background-image:url('assets/trailer-thumbnail.png');background-size:cover;background-position:center;opacity:.075;filter:grayscale(1)}.tribute-inner{max-width:1050px;position:relative}.tribute-inner h2{font-size:clamp(56px,8vw,116px)}.rule{width:90px;height:3px;background:#e64e23;margin:40px auto}.tribute-copy{font:400 clamp(21px,2.3vw,31px)/1.45 'Barlow Condensed';color:#c7b9ae;max-width:780px;margin:0 auto}.thank-you{font:800 clamp(32px,4vw,58px) 'Barlow Condensed';letter-spacing:.08em;color:#f06b3a;margin:45px 0 0}footer{padding:50px 30px;text-align:center;border-top:1px solid #532517;background:#050403;color:#8e8279}footer p{font-size:13px}.footer-mark{font:700 24px 'Barlow Condensed';color:#d8ccc0}.footer-mark span{color:#e85227}.copyright{font-size:10px!important;letter-spacing:.15em;margin-top:24px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header nav{display:none}.hero{background-position:38% center}.hero:after{background:linear-gradient(0deg,#080604 0%,#050403b0 65%,#0504034d)}.story-section,.game-section{grid-template-columns:1fr}.poster-wrap{max-width:620px;margin:auto}.game-copy{max-width:650px}.arcade{margin-top:30px;transform:none}.dossier{grid-template-columns:1fr}.dossier div{display:grid;grid-template-columns:110px 1fr;align-items:baseline}.site-header{height:68px}}@media(max-width:560px){.hero{min-height:92svh;padding-bottom:90px}.hero h1 span{font-size:25vw}.hero h1 strong{font-size:16vw}.hero-actions{flex-direction:column}.button{width:100%}.section{padding-left:18px;padding-right:18px}.video-shell{margin-top:30px}.story-section{padding-top:80px}.game-section{padding-left:18px;padding-right:18px}.arcade{padding:13px 13px 25px}.arcade-screen{border-width:7px}.site-header{padding:0 18px}.scroll-cue{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.start-text{animation:none}canvas#embers{display:none}}
