@font-face{font-family:Creepster;src:url("./media/fonts/Creepster-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:BlackOps;src:url("./media/fonts/BlackOpsOne-Regular.ttf") format("truetype");font-display:swap}
:root{color-scheme:dark;--night:#080d18;--deep:#0d1723;--ink:#111c2c;--bone:#f2e6be;--gold:#edbd54;--blue:#73c7ed;--muted:#a5b8c5;--line:rgba(237,189,84,.42)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:74px}
body{margin:0;background:var(--night);color:var(--bone);font-family:BlackOps,Georgia,serif;letter-spacing:.045em}
a{color:inherit;text-decoration:none}
.topbar{height:70px;padding:0 clamp(20px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:rgba(5,10,18,.96);border-bottom:1px solid var(--line);position:relative;z-index:2}
.wordmark{display:block;width:174px;height:58px}.wordmark img{width:100%;height:100%;object-fit:contain}
nav{display:flex;gap:clamp(20px,4vw,56px);font-size:13px;color:var(--muted)}nav a:hover,.text-link:hover{color:var(--gold)}
.hero{min-height:min(760px,calc(100svh - 70px));position:relative;display:grid;grid-template-columns:minmax(370px,.78fr) minmax(0,1.22fr);align-items:center;padding:64px clamp(24px,6vw,96px);overflow:hidden;background:linear-gradient(90deg,rgba(6,12,21,.98) 0%,rgba(6,12,21,.92) 34%,rgba(6,12,21,.46) 59%,rgba(6,12,21,.08) 100%),url("./media/images/title-background.png") center/cover no-repeat}
.hero-copy{position:relative;z-index:1;max-width:600px;padding-bottom:12px}.eyebrow{margin:0 0 17px;color:var(--blue);font-size:12px;letter-spacing:.18em}.hero h1,.briefing h2,.section-heading h2{font-family:Creepster,Georgia,serif;font-weight:400;letter-spacing:.035em;margin:0;text-shadow:3px 4px 0 #10131b,0 0 22px rgba(237,189,84,.16)}.hero h1{font-size:clamp(50px,6vw,82px);line-height:.98;color:#fff1c9}.intro{max-width:460px;color:#d5d4ce;font-size:15px;line-height:1.85;margin:24px 0 28px;letter-spacing:.025em}.actions{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--line);font-size:13px;letter-spacing:.09em;transition:transform .18s,border-color .18s,background .18s}.button:hover{transform:translateY(-2px);border-color:var(--gold)}.button.primary{background:linear-gradient(180deg,#e8ad3f,#9d5420);color:#11131a;border:1px solid #ffe08a;box-shadow:0 5px 0 #5a2e1a,0 0 22px rgba(240,157,51,.22)}.button.primary span{font-size:20px}.button.secondary{background:rgba(7,14,25,.8);color:var(--bone)}.fineprint{color:#9cabb2;font-size:10px;line-height:1.7;letter-spacing:.08em;margin-top:34px}.hero-edge{position:absolute;bottom:0;left:0;right:0;height:10px;background:repeating-linear-gradient(90deg,#18283a 0 42px,#58645c 42px 48px,#18283a 48px 62px);border-top:2px solid #a58b51}
.play-section{padding:78px clamp(18px,6vw,96px) 84px;background:radial-gradient(ellipse at 50% 0%,#172537 0%,var(--night) 70%)}.section-heading{max-width:1220px;margin:0 auto 20px;display:flex;align-items:end;justify-content:space-between;gap:16px}.section-heading .eyebrow{margin-bottom:5px}.section-heading h2{font-size:42px;color:#f3d582}.button.compact{min-height:42px;font-size:11px;padding:0 16px;background:#101c2a}.cabinet{max-width:1220px;margin:auto;padding:15px 18px 18px;background:linear-gradient(145deg,#31383a,#111924 26%,#080d18 80%);border:1px solid #8b7544;box-shadow:0 0 0 5px #111924,0 0 0 7px #4b4b42,0 28px 70px #000b;position:relative}.cabinet:before,.cabinet:after{content:"";position:absolute;top:50%;width:9px;height:62px;background:linear-gradient(#d6bd78,#5f4423);border:1px solid #f0d27b}.cabinet:before{left:-12px}.cabinet:after{right:-12px}.cabinet-top,.cabinet-bottom{min-height:31px;display:flex;justify-content:space-between;align-items:center;color:#b5a36f;font-size:10px;letter-spacing:.14em}.screen{position:relative;width:100%;aspect-ratio:1100/760;background:#05080e;border:4px solid #283b41;box-shadow:inset 0 0 0 2px #907947;overflow:hidden}.screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#080d18}.cabinet-bottom{padding:7px 2px 0;color:#9cb7c1}.play-note{text-align:center;color:#8fa5b0;font:12px Georgia,serif;margin:18px 0 0;letter-spacing:.04em}
.downloads{padding:72px clamp(18px,6vw,96px) 82px;background:linear-gradient(180deg,#101a29,#080d18);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.downloads-heading{max-width:1220px;margin:0 auto 24px}.downloads-heading .eyebrow{margin-bottom:8px}.downloads-heading h2{font-family:Creepster,Georgia,serif;font-size:clamp(38px,5vw,56px);font-weight:400;letter-spacing:.04em;color:#f3d582;margin:0;text-shadow:3px 4px 0 #10131b}.downloads-heading>p:last-child{margin:8px 0 0;color:#c7cbd0;font:15px/1.7 Georgia,serif;letter-spacing:.02em}.download-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.download-card{min-height:156px;padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;background:linear-gradient(145deg,rgba(34,49,65,.95),rgba(9,15,26,.98));border:1px solid rgba(237,189,84,.48);box-shadow:inset 0 0 0 2px rgba(255,255,255,.025),0 12px 28px #0006;transition:transform .18s,border-color .18s,box-shadow .18s}.download-card:hover,.download-card:focus-visible{transform:translateY(-3px);border-color:#f3d582;box-shadow:inset 0 0 0 2px rgba(255,255,255,.06),0 16px 34px #0009,0 0 22px rgba(237,189,84,.1);outline:none}.download-platform{font-size:10px;letter-spacing:.16em;color:#81d6c0}.download-card strong{font-family:Creepster,Georgia,serif;font-size:26px;font-weight:400;letter-spacing:.04em;color:#fff1c9;text-shadow:2px 2px #151923}.download-action{display:flex;align-items:center;justify-content:space-between;padding-top:11px;border-top:1px solid rgba(237,189,84,.28);font-size:10px;letter-spacing:.14em;color:var(--gold)}.download-action b{font-size:18px}.download-note{max-width:1220px;margin:18px auto 0;color:#8fa5b0;font:12px/1.7 Georgia,serif;letter-spacing:.02em}
.briefing{min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;background:#0c1420;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.briefing-art{min-height:460px;background:#070b13;overflow:hidden}.briefing-art img{width:100%;height:100%;max-height:650px;object-fit:cover;object-position:center}.briefing-copy{align-self:center;padding:clamp(32px,7vw,90px);max-width:720px}.briefing h2{font-size:clamp(42px,5vw,64px);line-height:1.02;color:#f3d582;margin-bottom:24px}.briefing-copy p:not(.eyebrow){font:16px/1.9 Georgia,serif;letter-spacing:.015em;color:#c7cbd0}.text-link{display:inline-block;color:var(--gold);font-size:13px;margin-top:14px}
footer{min-height:88px;padding:18px clamp(20px,5vw,78px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8195a3;font-size:10px;letter-spacing:.12em}footer img{width:105px;height:46px;object-fit:contain}footer a:hover{color:var(--gold)}
@media(max-width:860px){.hero{grid-template-columns:1fr;min-height:710px;background-position:60% center}.hero-copy{max-width:570px}.briefing{grid-template-columns:1fr}.briefing-art{min-height:300px;height:42vw;max-height:430px}.briefing-art img{object-position:center 58%}}
@media(max-width:860px){.download-grid{grid-template-columns:1fr;max-width:520px}.download-card{min-height:136px}}
@media(max-width:560px){.topbar{height:60px;padding:0 12px}.wordmark{width:88px;height:48px}nav{gap:8px;font-size:8px}.hero{min-height:660px;padding:50px 22px;background-position:57% center}.hero h1{font-size:54px}.intro{font-size:14px}.actions{align-items:stretch;flex-direction:column;max-width:300px}.button{min-height:48px}.fineprint{max-width:280px}.play-section{padding:54px 14px 60px}.section-heading h2{font-size:34px}.button.compact{font-size:9px;padding:0 10px}.cabinet{padding:8px 8px 10px;border-width:1px}.cabinet:before,.cabinet:after{display:none}.cabinet-top,.cabinet-bottom{font-size:7px;letter-spacing:.07em;gap:6px}.screen{border-width:2px}.downloads{padding:54px 18px 58px}.downloads-heading h2{font-size:38px}.download-card{min-height:124px;padding:18px}.briefing-copy{padding:40px 24px}.briefing-copy p:not(.eyebrow){font-size:15px}footer{flex-wrap:wrap;justify-content:center;text-align:center;font-size:8px}footer img{width:82px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}