
:root{--bg:#050505;--red:#f02a3d;--txt:#f5f2ed;--mut:#999;--line:#242424}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.5 Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(1240px,calc(100% - 36px));margin:auto}.nav{position:fixed;inset:0 0 auto;z-index:30;background:#050505d8;backdrop-filter:blur(15px);border-bottom:1px solid #ffffff12}.navin{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:900;letter-spacing:-.05em;font-size:22px}.logo i{color:var(--red);font-style:normal}.links{display:flex;gap:24px;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.pill{padding:11px 17px;background:var(--red);border-radius:99px;font-weight:800;font-size:11px}.hero{min-height:100vh;display:grid;align-items:end;padding:130px 0 55px;position:relative;background:radial-gradient(circle at 78% 30%,#8f0e20 0,transparent 23%),linear-gradient(120deg,#050505 45%,#160508)}.hero:after{content:"AFTER DARK";position:absolute;right:-30px;top:47%;font-size:11px;letter-spacing:1em;color:#ffffff44;transform:rotate(90deg)}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.3em;color:var(--red);font-weight:800}.hero h1{font-size:clamp(78px,15vw,205px);line-height:.72;letter-spacing:-.085em;margin:25px 0 35px;font-weight:950;text-transform:uppercase}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px #eee}.hero-bottom{display:grid;grid-template-columns:1fr 420px;gap:50px;align-items:end}.hero p{max-width:600px;color:#aaa;font-size:17px}.eventmini{border-top:1px solid #ffffff33;padding-top:18px;display:grid;grid-template-columns:90px 1fr;gap:18px}.eventmini strong{font-size:56px;line-height:.8}.eventmini b{display:block;font-size:20px}.eventmini span{color:#999;font-size:12px}.ticker{overflow:hidden;border-block:1px solid var(--line);padding:15px 0;white-space:nowrap;color:#777;font-size:11px;letter-spacing:.25em}.ticker b{color:var(--red)}section{padding:100px 0;border-bottom:1px solid var(--line)}.bigtitle{font-size:clamp(55px,9vw,120px);line-height:.8;letter-spacing:-.07em;text-transform:uppercase;margin:10px 0 45px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.intro{font-size:23px;max-width:470px}.mut{color:var(--mut)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:#080808;padding:30px;min-height:270px}.card .n{color:var(--red);font-size:11px;font-weight:800}.card h3{font-size:30px;letter-spacing:-.04em;margin:70px 0 10px;text-transform:uppercase}.card p{color:#888;font-size:13px}.event{background:var(--red);color:#090909}.event .tag{color:#090909}.eventgrid{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px}.date{font-size:clamp(150px,23vw,310px);line-height:.65;letter-spacing:-.1em;font-weight:950}.event h2{font-size:clamp(55px,8vw,105px);line-height:.8;text-transform:uppercase;letter-spacing:-.07em;margin:10px 0 25px}.event p{max-width:580px}.info{margin-top:35px;border-top:2px solid #111}.info div{display:grid;grid-template-columns:140px 1fr;padding:13px 0;border-bottom:1px solid #111;font-weight:700}.blackbtn{display:inline-block;margin-top:25px;background:#080808;color:#fff;padding:14px 20px;border-radius:99px;font-weight:800;font-size:12px}.codegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rule{border:1px solid var(--line);padding:30px;min-height:180px}.rule b{display:block;font-size:26px;text-transform:uppercase;margin-bottom:10px}.rule i{font-style:normal;color:var(--red)}.rule p{color:#888;margin:0}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq summary{font-size:22px;font-weight:800;text-transform:uppercase;cursor:pointer}.faq p{color:#888;max-width:760px}.cta{padding:140px 0;text-align:center}.cta h2{font-size:clamp(65px,12vw,165px);line-height:.7;letter-spacing:-.08em;text-transform:uppercase;margin:15px 0 40px}.cta h2 span{color:var(--red)}footer{padding:35px 0 90px;border-top:1px solid var(--line);color:#777;font-size:11px}.foot{display:flex;justify-content:space-between}.age{position:fixed;inset:0;background:#050505;z-index:99;display:grid;place-items:center;text-align:center;padding:25px}.age.hide{display:none}.age h2{font-size:70px;line-height:.8;text-transform:uppercase;margin:15px}.age p{color:#888;max-width:450px}.age button{border:0;cursor:pointer}@media(max-width:800px){.links{display:none}.hero-bottom,.split,.eventgrid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.eventmini{max-width:420px}.eventgrid{gap:35px}.date{font-size:45vw}.codegrid{grid-template-columns:1fr}.hero:after{display:none}.bigtitle{font-size:17vw}.event h2{font-size:16vw}}@media(max-width:500px){.nav .pill{display:none}.hero h1{font-size:24vw}.info div{grid-template-columns:105px 1fr}.age h2{font-size:15vw}}


/* ===== AFTER DARK enhancement layer ===== */
.hero{overflow:hidden}.hero-media{position:absolute;inset:0;z-index:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.035);transition:opacity .7s ease,transform 7s ease}.hero-media.is-active{opacity:.38;transform:scale(1.0)}.hero-vignette{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#050505 0%,#050505e8 40%,#05050588 72%,#050505d9 100%),linear-gradient(0deg,#050505aa 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:2}.hero-progress{display:flex;gap:8px;margin-top:32px;min-height:2px}.hero-progress i{display:block;width:34px;height:2px;background:#ffffff35;overflow:hidden}.hero-progress i:after{content:"";display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left}.hero-progress i.active:after{animation:heroProgress var(--hero-duration,6000ms) linear forwards}@keyframes heroProgress{to{transform:scaleX(1)}}
.cursor-dot,.cursor-ring{display:none}.page-sweep{position:fixed;inset:0;z-index:98;background:var(--red);transform:scaleX(0);transform-origin:left;pointer-events:none}.page-sweep.run{animation:sweep .7s cubic-bezier(.77,0,.18,1)}@keyframes sweep{0%{transform:scaleX(0);transform-origin:left}48%{transform:scaleX(1);transform-origin:left}52%{transform:scaleX(1);transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}
@media(hover:hover) and (pointer:fine) and (min-width:801px){html.has-custom-cursor,html.has-custom-cursor *{cursor:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media{transition:none!important;transform:none!important}.hero-progress i.active:after{animation:none}.page-sweep{display:none}.cursor-dot,.cursor-ring{display:none!important}}
