:root{--bg:#1b1109;--bg2:#271810;--ink:#f4e6c4;--mut:#b9a67e;--gold:#e7b955;--gold2:#ffe9b8;--brown:#6a3a10;--par:#f1e0b8;--parink:#4a3320;--line:#7a5a36}
@media (prefers-color-scheme:light){:root{--bg:#1b1109}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 "Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}.wrap.narrow{max-width:760px;text-align:center}
.top{position:fixed;z-index:10;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:linear-gradient(#1b1109ee,#1b110900)}
.brand{display:flex;align-items:center;gap:10px;font:900 22px/1 "Inter",system-ui;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2);text-shadow:0 2px 0 var(--brown)}.brand:hover{text-decoration:none}.brand img{width:30px;height:30px;image-rendering:pixelated}
.top nav{display:flex;align-items:center;gap:22px;font-weight:600;font-size:15px}.top nav a{color:var(--ink)}.top nav a.play{color:#2b1a05}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:#2f6a7a url(img/hero.jpg) center/cover no-repeat;image-rendering:pixelated}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,#140c06ee 0%,#140c06b0 42%,#140c0630 100%),linear-gradient(#0000 60%,var(--bg))}
.hc{position:relative;max-width:1100px;width:100%;margin:0 auto;padding:110px 20px 90px}
.eyebrow{margin:0 0 8px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;font-size:13px;color:var(--mut)}
h1{margin:0;font:900 clamp(48px,9vw,104px)/.95 "Inter",system-ui;letter-spacing:.1em;text-transform:uppercase;color:var(--gold2);text-shadow:0 4px 0 var(--brown),0 10px 0 #0006}
h1 span{display:block;font-size:.42em;letter-spacing:.5em;margin-top:.25em;color:var(--gold)}
.lead{max-width:560px;font-size:clamp(18px,2.2vw,22px);margin:26px 0 30px;color:#f4e6c4;text-shadow:0 2px 6px #000a}.lead b{color:var(--gold2)}
.cta{display:flex;gap:14px;flex-wrap:wrap}.cta.c{justify-content:center;margin-top:26px}
.play{display:inline-block;padding:14px 34px;border-radius:12px;font:800 18px/1 "Inter",system-ui;letter-spacing:.06em;text-transform:uppercase;color:#2b1a05;background:linear-gradient(#ffd77a,#e0a43a);border:3px solid #7a4a10;box-shadow:inset 0 2px 0 #fff7,0 5px 0 #7a4a10,0 10px 20px #0008;transition:transform .12s}
.play:hover{text-decoration:none;transform:translateY(-2px)}.play:active{transform:translateY(3px);box-shadow:inset 0 2px 0 #fff7,0 2px 0 #7a4a10}.play.sm{padding:8px 18px;font-size:14px;border-width:2px;box-shadow:inset 0 2px 0 #fff7,0 3px 0 #7a4a10}
.ghost{display:inline-block;padding:14px 26px;border-radius:12px;font-weight:700;color:var(--gold2);border:3px solid var(--line);background:#1b1109aa}.ghost:hover{text-decoration:none;border-color:var(--gold)}
.note{margin-top:22px;font-size:14px;color:var(--mut)}
h2{margin:0 0 34px;font:900 clamp(26px,4vw,38px)/1.1 "Inter",system-ui;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2);text-shadow:0 3px 0 var(--brown);text-align:center;display:flex;align-items:center;justify-content:center;gap:16px}
h2 i{flex:0 1 80px;height:3px;background:linear-gradient(90deg,#0000,var(--gold))}h2 i:last-child{background:linear-gradient(90deg,var(--gold),#0000)}
h2.l{text-align:left;display:block;font-size:clamp(22px,3vw,30px);letter-spacing:.08em;margin-bottom:14px}
.band{padding:90px 0;background:radial-gradient(ellipse at 50% 0,#3a2314,var(--bg2) 70%);border-top:3px solid #0006;border-bottom:3px solid #0006}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cards article{padding:24px 20px;border-radius:14px;background:var(--par);color:var(--parink);border:4px solid #8a5a2b;box-shadow:inset 0 0 0 2px #d9b26a,0 8px 20px #0007}
.cards img{width:56px;height:56px;image-rendering:pixelated;margin-bottom:10px}.cards h3{margin:0 0 8px;font-size:18px;color:#3a2308}.cards p{margin:0;font-size:15px;line-height:1.5}
.show{padding:90px 0 40px}.row{display:grid;grid-template-columns:1fr 1.45fr;gap:44px;align-items:center;margin-bottom:80px}.row.rev{grid-template-columns:1.45fr 1fr}.row.rev .txt{order:2}
.row p{margin:0 0 12px}.muted{color:var(--mut);font-size:15px}
figure{margin:0}figure img{width:100%;border-radius:12px;border:4px solid #8a5a2b;box-shadow:0 0 0 2px #d9b26a,0 18px 40px #000a;image-rendering:auto}
.big{font-size:20px;line-height:1.6;color:var(--ink)}.big b{color:var(--gold2)}
.soon{padding:90px 0;background:var(--bg2);border-top:3px solid #0006}
.road{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.road li{padding:18px 20px;border-radius:12px;background:#1b110988;border:2px dashed var(--line)}.road b{display:block;color:var(--gold2);margin-bottom:4px}.road span{font-size:15px;color:var(--mut)}
footer{padding:50px 0 60px;text-align:center;background:var(--bg);border-top:3px solid #0006;font-size:15px}footer p{margin:6px 0}.brand.f{justify-content:center;font-size:18px;margin-bottom:12px}
@media (max-width:900px){.cards{grid-template-columns:1fr 1fr}.row,.row.rev{grid-template-columns:1fr;gap:20px;margin-bottom:56px}.row.rev .txt{order:0}.road{grid-template-columns:1fr 1fr}.top nav a:not(.play){display:none}.shade{background:linear-gradient(#140c06dd,#140c06aa 60%,var(--bg))}}
@media (max-width:560px){.cards,.road{grid-template-columns:1fr}.hc{padding-top:96px}.top{padding:8px 14px}}