*{box-sizing:border-box;margin:0;padding:0}
:root{--gold:#c8a15a;--gold2:#e0c27d;--red:#8e2424;--red2:#b33b32;--bg:#070707;--panel:#0d0d0d;--text:#eee9df;--muted:#9c988f}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.header{height:76px;position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;padding:0 5%;border-bottom:1px solid rgba(200,161,90,.22);background:rgba(5,5,5,.72);backdrop-filter:blur(10px)}
.logo{display:flex;align-items:center;gap:11px;font:700 20px Cinzel,serif;letter-spacing:3px;white-space:nowrap}
.logo-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--gold);color:var(--gold);font:700 18px Cinzel,serif;transform:rotate(45deg)}
.logo-mark::first-letter{transform:rotate(-45deg)}
.logo>span:last-child{margin-left:2px}
nav{display:flex;gap:34px;margin:auto;font-size:12px;font-weight:700;letter-spacing:1.7px;color:#c9c4bb}
nav a{padding:29px 0 27px;border-bottom:2px solid transparent;transition:.2s}
nav a:hover,nav .active{color:var(--gold2);border-color:var(--gold)}
.top-play{font-size:12px;font-weight:800;letter-spacing:1.5px;border:1px solid rgba(200,161,90,.7);padding:13px 20px;background:rgba(200,161,90,.08);transition:.2s}
.top-play:hover{background:var(--gold);color:#080808}

.hero{min-height:780px;height:100vh;max-height:980px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:
linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.68)),
url("assets/noxious-hero-final-2026.jpg") center/cover no-repeat}
.hero:before,.hero:after{content:"";position:absolute;inset:0;pointer-events:none}
.hero:before{background:
linear-gradient(115deg,transparent 30%,rgba(200,161,90,.07) 30.2%,transparent 30.5%),
linear-gradient(65deg,transparent 60%,rgba(142,36,36,.10) 60.2%,transparent 60.5%);
opacity:.8}
.hero:after{background:radial-gradient(circle at 50% 45%,transparent 0,transparent 27%,rgba(0,0,0,.7) 72%,rgba(0,0,0,.95) 100%)}
.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:rgba(142,36,36,.16);filter:blur(100px);top:20%;left:50%;transform:translateX(-50%)}
.hero-lines{position:absolute;inset:12%;border:1px solid rgba(200,161,90,.08);transform:skewY(-2deg)}
.hero-lines:before,.hero-lines:after{content:"";position:absolute;inset:8%;border:1px solid rgba(200,161,90,.04)}
.hero-content{position:relative;z-index:3;width:min(900px,90%);margin-top:45px}
.eyebrow,.section-kicker{font-size:11px;letter-spacing:4px;color:var(--gold2);font-weight:700}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:22px}
.eyebrow span{display:block;width:42px;height:1px;background:var(--gold)}
h1{font:800 clamp(65px,11vw,150px)/.9 Cinzel,serif;letter-spacing:10px;color:#f0eadc;text-shadow:0 10px 60px rgba(142,36,36,.45)}
.subtitle{font:600 13px/1 Inter,sans-serif;letter-spacing:7px;color:var(--gold);margin-top:20px}
.hero p{max-width:650px;margin:22px auto 30px;color:#b9b4ab;line-height:1.8;font-size:15px}
.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:180px;padding:15px 24px;font-size:11px;font-weight:800;letter-spacing:1.5px;transition:.2s}
.btn.primary{background:var(--gold);color:#090909;border:1px solid var(--gold)}
.btn.primary:hover{background:var(--gold2);transform:translateY(-2px)}
.btn.secondary{border:1px solid rgba(200,161,90,.45);background:rgba(255,255,255,.025);color:#eee}
.btn.secondary:hover{border-color:var(--gold);background:rgba(200,161,90,.08)}
.status{margin-top:24px;color:#8d8981;font-size:10px;letter-spacing:2px}
.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a33b32;box-shadow:0 0 12px #a33b32;margin-right:8px}
.status b{color:#554f47;margin:0 9px}
.scroll{position:absolute;bottom:30px;z-index:4;left:0;right:0;font-size:9px;letter-spacing:3px;color:#706b63}
.scroll b{display:block;color:var(--gold);font-size:18px;margin-top:7px}

.intro,.paths,.news,.cta{padding:110px 7%;position:relative}
.intro{background:#090909;text-align:center;border-top:1px solid #171513}
.intro h2,.paths h2,.news h2,.cta h2{font:700 clamp(38px,5vw,66px)/1.05 Cinzel,serif;margin-top:16px;letter-spacing:-1px}
em{font-style:normal;color:var(--gold)}
.lead{max-width:720px;margin:25px auto 0;color:var(--muted);line-height:1.9;font-size:15px}
.stats{display:flex;justify-content:center;gap:0;margin:65px auto 0;max-width:900px;border-top:1px solid #25211d;border-bottom:1px solid #25211d}
.stats div{width:33.333%;padding:28px 15px;border-right:1px solid #25211d}
.stats div:last-child{border:0}
.stats strong{display:block;font:700 30px Cinzel,serif;color:var(--gold2)}
.stats span{font-size:9px;letter-spacing:2px;color:#77716a}

.paths{background:linear-gradient(180deg,#090909,#0b0a09);border-top:1px solid #171513}
.section-copy{color:#7e7971;margin-top:12px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}
.card{min-height:290px;padding:30px;background:linear-gradient(145deg,#11100e,#090909);border:1px solid #25211d;position:relative;overflow:hidden;transition:.25s}
.card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--red2),transparent);opacity:.6}
.card:hover{transform:translateY(-5px);border-color:#5b4830}
.number{position:absolute;top:23px;right:25px;color:#4e4942;font:600 12px Cinzel,serif}
.icon{width:54px;height:54px;border:1px solid rgba(200,161,90,.35);display:grid;place-items:center;color:var(--gold);font-size:23px;margin-bottom:65px}
.card h3{font:700 19px Cinzel,serif;letter-spacing:1px}
.card p{color:#807b74;font-size:13px;line-height:1.7;margin-top:12px;max-width:330px}

.news{background:#070707;border-top:1px solid #171513}
.news-head{display:flex;justify-content:space-between;align-items:end;gap:20px}
.news-head a{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:700}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#25211d;margin-top:42px}
.news-grid article{background:#0c0c0c;padding:32px;min-height:190px}
.news-grid span{font-size:9px;letter-spacing:2px;color:var(--red2);font-weight:800}
.news-grid h3{font:600 20px Cinzel,serif;margin-top:17px}
.news-grid p{font-size:13px;color:#77716a;line-height:1.7;margin-top:10px}

.cta{text-align:center;background:radial-gradient(ellipse at center,rgba(142,36,36,.20),transparent 50%),#090909;border-top:1px solid #171513}
.cta p{color:#817b73;margin:18px 0 30px}

footer{padding:45px 7%;border-top:1px solid #211d18;background:#050505;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}
.footer-logo{font:700 18px Cinzel,serif;letter-spacing:2px;display:flex;align-items:center;gap:10px}
.footer-links{display:flex;gap:22px;font-size:9px;letter-spacing:1.5px;color:#858078}
.footer-links a:hover{color:var(--gold)}
footer small{text-align:right;color:#4f4a44;font-size:8px;letter-spacing:1px}

@media(max-width:850px){
  .header{height:68px;padding:0 5%}.logo{font-size:16px}.top-play{display:none}
  nav{gap:15px}.header nav a{font-size:9px;letter-spacing:1px}
  .hero{min-height:720px}.hero-content{margin-top:30px}.subtitle{letter-spacing:4px}
  .cards,.news-grid{grid-template-columns:1fr}.card{min-height:240px}
  .stats{flex-direction:column}.stats div{width:100%;border-right:0;border-bottom:1px solid #25211d}
  .news-head{align-items:start;flex-direction:column}
  footer{grid-template-columns:1fr;text-align:center}.footer-links{justify-content:center;flex-wrap:wrap}footer small{text-align:center}
}
@media(max-width:560px){
  nav a:nth-child(2){display:none}
  nav{margin-left:auto;margin-right:0;gap:13px}
  h1{letter-spacing:5px}
  .intro,.paths,.news,.cta{padding:80px 6%}
}