@import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');
:root{--bg:#000;--bg2:#0b0b0b;--card:#141414;--line:#262626;--gold:#ffd300;--gold2:#ffe14d;--red:#ffd300;--tx:#fff;--mut:#a9a9a9;--dim:#6d6d6d;--max:1320px;--pad:clamp(16px,4vw,40px)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 Outfit,"DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.mono{font-family:"DM Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}
.k{font:500 12px/1 "DM Mono",monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.k.red{color:var(--red)}
h1,h2,h3{margin:0;font-weight:400}
.h2{font:400 clamp(30px,4vw,46px)/1.02 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em}
.fr{font-family:"UnifrakturMaguntia",serif;font-weight:400}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;font:400 17px/1 Anton,Impact,sans-serif;letter-spacing:.06em;text-transform:uppercase;border-radius:0;transition:background .2s,color .2s,transform .2s,border-color .2s;white-space:nowrap}
.btn-gold{background:var(--gold);color:#000}.btn-gold:hover{background:var(--gold2);transform:translateY(-1px)}
.btn-line{border:1px solid rgba(255,255,255,.38);color:var(--tx);background:rgba(0,0,0,.25)}.btn-line:hover{border-color:var(--gold);color:var(--gold)}
.btn-sm{height:40px;padding:0 18px;font-size:15px}
.arrow{font-family:"DM Sans";font-weight:700}

/* top strip + header */
.strip{background:var(--gold);color:#000;font:700 11px/1 "DM Mono",monospace;letter-spacing:.2em;text-transform:uppercase;text-align:center;padding:9px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.strip a{text-decoration:underline;text-underline-offset:3px}
.hdr{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.hdr .wrap{display:flex;align-items:center;gap:28px;height:74px}
.logo{display:flex;align-items:center;gap:12px;flex:none}.logo img{height:58px;width:auto}
.logo b{font:400 20px/1 Anton,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--gold)}
.logo small{display:block;font:500 9px/1.4 "DM Mono",monospace;letter-spacing:.24em;color:var(--mut);text-transform:uppercase;margin-top:3px}
.nav{display:flex;gap:26px;margin-left:8px}
.nav a{font:500 13px/1 "DM Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);padding:8px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{color:var(--tx);border-color:var(--gold)}
.hdr-r{margin-left:auto;display:flex;align-items:center;gap:18px}
.login{font:500 12px/1 "DM Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}.login:hover{color:var(--tx)}
.burger{display:none;width:44px;height:44px;align-items:center;justify-content:center}
.burger span{display:block;width:24px;height:2px;background:var(--tx);box-shadow:0 7px 0 var(--tx),0 -7px 0 var(--tx)}
.drawer{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.97);display:none;flex-direction:column;padding:24px var(--pad);gap:6px}
.drawer.open{display:flex}.drawer a{font:400 34px/1.3 Anton,sans-serif;text-transform:uppercase}
.drawer .x{align-self:flex-end;font-size:36px;line-height:1}
@media(max-width:980px){.nav,.login{display:none}.burger{display:flex}.hdr .wrap{gap:12px}.logo img{height:46px}}
@media(max-width:520px){.logo b,.logo small{display:none}.hdr .btn{height:40px;padding:0 14px;font-size:14px}}

/* hero */
.hero{position:relative;min-height:min(90vh,860px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-2;background:#000 center/cover no-repeat}
.hero-media video{width:100%;height:100%;object-fit:cover;opacity:.92}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.82) 34%,rgba(0,0,0,.25) 66%,rgba(0,0,0,.1) 100%),linear-gradient(0deg,var(--bg) 0%,rgba(0,0,0,0) 34%),linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 22%)}
.hero .wrap{width:100%;padding-top:120px;padding-bottom:56px}
.hero-in{max-width:660px}
.hero h1{font-size:clamp(46px,6.4vw,86px);line-height:.98;margin:18px 0 18px;color:var(--tx);text-shadow:0 4px 30px rgba(0,0,0,.6)}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero p.lede{font-size:clamp(16px,1.5vw,19px);color:#ddd4c8;max-width:560px;margin:0 0 28px}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.stats{display:flex;gap:clamp(18px,4vw,48px);margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);flex-wrap:wrap}
.stats b{display:block;font:400 clamp(28px,3vw,40px)/1 Anton,sans-serif;color:var(--gold)}
.stats span{font:500 11px/1 "DM Mono",monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.trust{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:22px;font-size:13px;color:#cfc6ba}
.trust i{font-style:normal;color:var(--gold);margin-right:7px}
.feat{position:absolute;right:var(--pad);bottom:64px;width:min(360px,30vw);background:rgba(0,0,0,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:block}
.feat .im{aspect-ratio:16/9;background:#111 center/cover}
.feat div.t{padding:14px 16px}
.feat b{font:400 20px/1.1 Anton,sans-serif;text-transform:uppercase;display:block;margin:6px 0 4px}
.feat small{color:var(--mut)}
@media(max-width:1100px){.feat{display:none}}
@media(max-width:700px){.hero{min-height:auto}.hero .wrap{padding-top:300px;padding-bottom:36px}.hero:after{background:linear-gradient(0deg,var(--bg) 0%,rgba(0,0,0,.88) 48%,rgba(0,0,0,.15) 80%)}.hero-media{bottom:auto;height:520px;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}.btn{height:48px}.cta .btn{flex:1 1 auto}}

/* sections */
.sec{padding:clamp(48px,7vw,88px) 0}
.sec.tight{padding-top:12px}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}
.sec-h .k{display:block;margin-bottom:10px}
.sec-h p{margin:10px 0 0;color:var(--mut);max-width:620px}
.more{font:500 12px/1 "DM Mono",monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);white-space:nowrap;padding:10px 0}
.more:hover{color:var(--gold2)}
.ctrl{display:flex;gap:8px;align-items:center}
.ctrl button{width:44px;height:44px;border:1px solid var(--line);font-size:20px;color:var(--tx);background:var(--bg2)}
.ctrl button:hover{border-color:var(--gold);color:var(--gold)}
@media(max-width:700px){.ctrl button{display:none}}

/* cards */
.track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*16px)/4.35);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
.track::-webkit-scrollbar{display:none}
.track>*{scroll-snap-align:start}
@media(max-width:1100px){.track{grid-auto-columns:calc((100% - 2*14px)/3.2);gap:14px}}
@media(max-width:700px){.track{grid-auto-columns:78%;gap:12px}}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 16px}
.grid.g5{grid-template-columns:repeat(5,1fr)}
@media(max-width:1100px){.grid,.grid.g5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.grid,.grid.g5{grid-template-columns:repeat(2,1fr);gap:20px 10px}}
.c{display:block;position:relative}
.c .th{position:relative;aspect-ratio:16/9;overflow:hidden;background:#100e0c}
.c .th img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .3s}
.c:hover .th img{transform:scale(1.06);filter:brightness(.82)}
.c .th:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,0) 46%);pointer-events:none}
.bd{position:absolute;z-index:2;top:8px;font:500 10px/1 "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase;padding:6px 7px}
.bd.ep{left:8px;background:rgba(0,0,0,.72);color:var(--tx)}
.bd.lk{right:8px;background:var(--red);color:#fff}
.bd.pv{right:8px;background:var(--gold);color:#000}
.dur{position:absolute;z-index:2;right:8px;bottom:8px;font:500 11px/1 "DM Mono",monospace;background:rgba(0,0,0,.78);padding:5px 6px;color:#fff}
.play{position:absolute;z-index:2;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border:2px solid rgba(255,255,255,.85);background:rgba(0,0,0,.35);opacity:0;transform:scale(.85);transition:.25s}
.play:before{content:"";position:absolute;left:22px;top:17px;border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.c:hover .play{opacity:1;transform:none;border-color:var(--gold);background:var(--gold)}
.c:hover .play:before{border-left-color:#000}
.c .tc{position:absolute;z-index:2;left:6px;right:6px;bottom:10px}
.c .tc img{width:88%;height:auto;object-fit:contain}
.c .noimg{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;background:radial-gradient(120% 90% at 85% 0%,rgba(255,211,0,.22),rgba(0,0,0,0) 55%),repeating-linear-gradient(135deg,#12100d 0 8px,#0b0b0b 8px 16px)}
.c .noimg:before{content:"";position:absolute;right:10px;top:10px;width:46%;aspect-ratio:2/1;background:url(/img/crest.svg) center/contain no-repeat;opacity:.18}
.c .noimg em{font:400 clamp(18px,2vw,24px)/1.02 Anton,sans-serif;text-transform:uppercase;color:var(--gold);font-style:normal;position:relative;z-index:2;max-width:80%}
.c .meta{padding-top:11px}
.c .meta b{display:block;font-weight:700;font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c .meta small{display:block;color:var(--mut);font-size:13px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c.unlock .th{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:18px;background:linear-gradient(135deg,#1c1700,#0d0b08);border:1px solid var(--gold)}
.c.unlock .th:after{display:none}
.c.unlock .th strong{font:400 28px/1 Anton,sans-serif;text-transform:uppercase;color:var(--gold)}
.c.unlock .th span{margin-top:12px;font:500 12px/1 "DM Mono",monospace;letter-spacing:.18em;text-transform:uppercase}
.c.big .th{aspect-ratio:16/10}

/* cast */
.cast{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
@media(max-width:1100px){.cast{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.cast{grid-template-columns:repeat(2,1fr);gap:10px}}
.pc{position:relative;display:block;overflow:hidden;background:#111}
.pc img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;filter:grayscale(.25) contrast(1.05);transition:transform .45s,filter .3s}
.pc:hover img{transform:scale(1.05);filter:none}
.pc:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,0) 52%)}
.pc div{position:absolute;z-index:2;left:14px;right:14px;bottom:14px}
.pc b{display:block;font:400 22px/1 Anton,sans-serif;text-transform:uppercase}
.pc span{display:block;margin-top:6px;font:500 10px/1.3 "DM Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}

/* pass */
.pass{display:grid;grid-template-columns:1.1fr 2fr;gap:clamp(24px,5vw,72px);align-items:start}
@media(max-width:900px){.pass{grid-template-columns:1fr}}
.perks{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
@media(max-width:600px){.perks{grid-template-columns:1fr}}
.perk{background:var(--bg2);padding:26px}
.perk svg{width:30px;height:30px;color:var(--gold)}
.perk b{display:block;font:400 22px/1.1 Anton,sans-serif;text-transform:uppercase;margin:14px 0 6px}
.perk p{margin:0;color:var(--mut);font-size:14px}
.price{margin-top:22px;padding:22px;border:1px solid var(--gold);background:linear-gradient(135deg,rgba(255,211,0,.12),rgba(255,211,0,0))}
.price b{font:400 44px/1 Anton,sans-serif;color:var(--gold)}.price b small{font-size:16px;color:var(--mut);margin-left:6px}
.price p{margin:8px 0 16px;color:#d6d6d6;font-size:14px}

/* filters */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.chip{height:38px;padding:0 15px;border:1px solid var(--line);background:var(--bg2);font:500 11px/1 "DM Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.chip:hover{color:var(--tx);border-color:#4a4038}
.chip[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#000}
.tools{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
.tools input,.tools select{height:38px;background:var(--bg2);border:1px solid var(--line);color:var(--tx);padding:0 12px;font:14px "DM Sans";border-radius:0}
.count{color:var(--mut);font-size:13px;margin:-10px 0 18px}

/* museum teaser / banner */
.banner{position:relative;min-height:380px;display:flex;align-items:center;overflow:hidden;border:1px solid var(--line)}
.banner .bg{position:absolute;inset:0;background:#000 center/cover no-repeat;filter:saturate(1.05)}
.banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 45%,rgba(0,0,0,.15) 100%)}
.banner .in{position:relative;z-index:2;padding:clamp(28px,5vw,64px);max-width:640px}
.banner h2{margin:12px 0 14px}.banner p{color:#d6d6d6;margin:0 0 24px}

/* network */
.net{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
@media(max-width:1100px){.net{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.net{grid-template-columns:repeat(2,1fr)}}
.nt{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:150px;padding:16px;background:var(--bg2);border:1px solid var(--line);overflow:hidden;transition:border-color .2s,transform .2s}
.nt:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--c)}
.nt:after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:var(--c);opacity:.12;filter:blur(8px)}
.nt:hover{border-color:var(--c);transform:translateY(-2px)}
.nt b{font:400 21px/1.05 Anton,sans-serif;text-transform:uppercase}
.nt span{margin-top:6px;font-size:12px;color:var(--mut)}
.nt i{font-style:normal;position:absolute;top:14px;left:16px;font:500 9px/1 "DM Mono",monospace;letter-spacing:.2em;color:var(--c)}

/* join band */
.band{position:relative;overflow:hidden;text-align:center;padding:clamp(70px,10vw,130px) var(--pad)}
.band .bg{position:absolute;inset:0;background:#000 center/cover no-repeat;opacity:.38}
.band:after{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 50% 50%,rgba(0,0,0,.35),var(--bg) 92%)}
.band .in{position:relative;z-index:2;max-width:760px;margin:0 auto}
.band h2{font-size:clamp(36px,5.5vw,68px);margin:14px 0 16px}
.band p{color:#d6d6d6;margin:0 auto 28px;max-width:560px}

/* footer */
.ft{border-top:1px solid var(--line);padding:56px 0 34px;background:#050404;color:var(--mut);font-size:14px}
.ft-g{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
@media(max-width:900px){.ft-g{grid-template-columns:1fr 1fr}}
.ft img.cr{height:70px;width:auto;margin-bottom:14px}
.ft h4{margin:0 0 14px;font:500 11px/1 "DM Mono",monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--tx)}
.ft ul{list-style:none;margin:0;padding:0}.ft li{margin:0 0 9px}.ft a:hover{color:var(--gold)}
.ft .legal{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;line-height:1.7;color:var(--dim)}
.ft .legal a{color:var(--mut);text-decoration:underline}
.rta{display:inline-block;border:1px solid var(--dim);padding:2px 6px;font:600 10px/1.4 "DM Mono";letter-spacing:.1em;margin-right:8px}

/* episode page */
.crumb{font:500 11px/1 "DM Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);padding:22px 0 18px}
.crumb a{color:var(--mut)}.crumb a:hover{color:var(--gold)}
.ep-top{display:grid;grid-template-columns:1.75fr 1fr;gap:clamp(20px,3vw,40px);align-items:start}
@media(max-width:980px){.ep-top{grid-template-columns:1fr}}
.player{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;border:1px solid var(--line)}
.player .bgb{position:absolute;inset:-30px;background:center/cover;filter:blur(26px) brightness(.45)}
.player img.fr{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.player .lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.35))}
.player .lock .pl{width:84px;height:84px;border:2px solid var(--gold);background:rgba(0,0,0,.4);position:relative;margin-bottom:18px}
.player .lock .pl:before{content:"";position:absolute;left:32px;top:24px;border-left:26px solid var(--gold);border-top:17px solid transparent;border-bottom:17px solid transparent}
.player .lock b{font:400 clamp(22px,2.6vw,32px)/1.05 Anton,sans-serif;text-transform:uppercase}
.player .lock p{margin:8px 0 18px;color:#d6cdc1;font-size:14px;max-width:440px}
.ep-side .tci{width:100%;max-width:420px;height:auto;margin:6px 0 4px}
.ep-side h1{font:400 clamp(34px,4vw,50px)/1 Anton,sans-serif;text-transform:uppercase;margin:12px 0 12px}
.facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.facts span{font:500 11px/1 "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);padding:7px 9px;color:#d6d6d6}
.ep-side p.d{color:#d6d6d6;font-size:16px;margin:0 0 22px}
.people{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.people a{display:flex;align-items:center;gap:9px;padding:4px 12px 4px 4px;border:1px solid var(--line);background:var(--bg2);font-size:13px;font-weight:700}
.people a:hover{border-color:var(--gold)}
.people img{width:32px;height:32px;object-fit:cover}
.ep-side .cta .btn{flex:1 1 auto}
.ep-side .small{font-size:13px;color:var(--mut);margin-top:12px}
.stills{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:700px){.stills{grid-template-columns:repeat(2,1fr)}}
.stills img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}

/* cast page */
.bio{display:grid;grid-template-columns:320px 1fr;gap:clamp(20px,4vw,48px);padding:40px 0;border-top:1px solid var(--line);scroll-margin-top:90px}
@media(max-width:800px){.bio{grid-template-columns:1fr}}
.bio>img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.bio h2{font:400 clamp(36px,5vw,58px)/1 Anton,sans-serif;text-transform:uppercase;margin:10px 0 14px}
.bio p{color:#d6d6d6;font-size:17px;max-width:640px}

/* page header */
.ph{position:relative;padding:clamp(56px,8vw,110px) 0 clamp(30px,4vw,48px);overflow:hidden;border-bottom:1px solid var(--line)}
.ph:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 120% at 85% 0%,rgba(255,211,0,.16),rgba(0,0,0,0) 60%)}
.ph .wrap{position:relative}
.ph h1{font:400 clamp(44px,7vw,92px)/.95 Anton,sans-serif;text-transform:uppercase;margin:14px 0 14px}
.ph h1.fr{text-transform:none;font-family:"UnifrakturMaguntia",serif;color:var(--gold)}
.ph p{color:#d6d6d6;font-size:18px;max-width:700px;margin:0}

/* museum */
.mus-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
@media(max-width:900px){.mus-intro{grid-template-columns:1fr}}
.frame{background:#000;border:1px solid var(--line);padding:10px}
.frame img,.frame video{width:100%;height:auto;display:block}
.ex{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.ex{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ex{grid-template-columns:1fr}}
.ex figure{margin:0;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column}
.ex .pic{height:230px;display:flex;align-items:center;justify-content:center;background:#000;padding:14px;cursor:zoom-in}
.ex .pic img{max-height:100%;width:auto;max-width:100%;object-fit:contain;image-rendering:auto}
.ex .pic.pix img{image-rendering:pixelated}
.ex .row6{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ex .row6 img{width:85px;height:85px;object-fit:cover}
.ex figcaption{padding:14px 16px 18px}
.ex figcaption i{font:500 10px/1 "DM Mono",monospace;letter-spacing:.2em;color:var(--gold);font-style:normal}
.ex figcaption b{display:block;font:400 21px/1.1 Anton,sans-serif;text-transform:uppercase;margin:7px 0 6px}
.ex figcaption span{font-size:14px;color:var(--mut)}
.cmp{position:relative;aspect-ratio:1920/520;overflow:hidden;border:1px solid var(--line);user-select:none;touch-action:none;background:#000}
.cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cmp .old{clip-path:inset(0 calc(100% - var(--x,50%)) 0 0)}
.cmp .old img{object-fit:contain;background:#000}
.cmp .bar{position:absolute;top:0;bottom:0;left:var(--x,50%);width:3px;margin-left:-1px;background:var(--gold);cursor:ew-resize}
.cmp .bar:after{content:"⟷";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--gold);color:#000;font-size:20px}
.cmp .lb{position:absolute;bottom:12px;font:500 10px/1 "DM Mono",monospace;letter-spacing:.2em;background:rgba(0,0,0,.7);padding:6px 8px}
.lbx{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:30px;cursor:zoom-out}
.lbx.open{display:flex}.lbx img{max-width:100%;max-height:100%;image-rendering:auto}

/* gate */
.gate{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.gate.open{display:flex}
.gate .box{width:min(520px,100%);background:#0c0a08;border:1px solid var(--line);padding:clamp(24px,5vw,44px);text-align:center}
.gate img{height:96px;width:auto;margin:0 auto 18px}
.gate h2{font:400 34px/1 Anton,sans-serif;text-transform:uppercase;margin:0 0 12px}
.gate p{color:var(--mut);font-size:14px;margin:0 0 24px}
.gate .cta{justify-content:center}.gate .cta .btn{flex:1 1 180px}
.gate small{display:block;margin-top:18px;color:var(--dim);font-size:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.fade{opacity:0;transform:translateY(16px);transition:opacity .7s,transform .7s}.fade.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}.fade{opacity:1;transform:none}}

.banner .bg.r{left:38%;background-size:auto 100%;background-position:right center}
.nt.has-img{background:linear-gradient(0deg,rgba(0,0,0,.95) 10%,rgba(0,0,0,.35) 100%),var(--img) center/cover}

/* ===== v2 · yellow + black ===== */
.h2{font:400 clamp(34px,4.6vw,58px)/.98 "Road Rage",Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--tx)}
.h2 em{font-style:normal;color:var(--gold)}
.sec-h p,.sub{margin:10px 0 0;font:300 clamp(16px,1.4vw,19px)/1.45 Outfit,sans-serif;color:#cfcfcf;max-width:640px}
.k{font:600 12px/1 Outfit,sans-serif;letter-spacing:.26em}
.more{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 Outfit,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border:2px solid var(--gold);padding:12px 20px;transition:background .2s,color .2s,border-color .2s}
.more:hover{background:#fff;border-color:#fff;color:#000}
.bd.lk{background:#000;color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.nav a{font:600 13px/1 Outfit,sans-serif;letter-spacing:.14em}
.logo b{font:400 22px/1 "Road Rage",Anton,sans-serif;letter-spacing:.04em}
.btn-line:hover{border-color:#fff;background:#fff;color:#000}
.c .meta b{font-family:Outfit,sans-serif;font-weight:600}
.c:hover .th img{transform:scale(1.04)}

/* hero slider */
.hs{position:relative;height:min(92vh,880px);min-height:560px;overflow:hidden;background:#000;isolation:isolate}
.sl{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s .9s}
.sl.on{opacity:1;visibility:visible;transition:opacity .9s ease}
.sl-media{position:absolute;inset:0;background:#000 center/cover no-repeat}
.sl-media video{width:100%;height:100%;object-fit:cover}
.sl-media.kb{animation:none}.sl.on .sl-media.kb{animation:kb 12s ease-out both}
@keyframes kb{from{transform:scale(1.14)}to{transform:scale(1)}}
.sl:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 36%,rgba(0,0,0,.12) 70%),linear-gradient(0deg,#000 0%,rgba(0,0,0,0) 38%),linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 22%)}
.sl .wrap{position:relative;z-index:2;height:100%;display:flex;align-items:flex-end;padding-bottom:120px}
.sl-in{max-width:700px}
.sl-in>*{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.sl.on .sl-in>*{opacity:1;transform:none}
.sl.on .sl-in>*:nth-child(2){transition-delay:.12s}.sl.on .sl-in>*:nth-child(3){transition-delay:.24s}.sl.on .sl-in>*:nth-child(4){transition-delay:.36s}
.sl h1,.sl h2{font:400 clamp(48px,7vw,104px)/.92 "Road Rage",Anton,sans-serif;text-transform:uppercase;margin:16px 0 18px;text-shadow:0 6px 40px rgba(0,0,0,.7)}
.sl h1 em,.sl h2 em{font-style:normal;color:var(--gold)}
.sl p{font:300 clamp(16px,1.5vw,20px)/1.5 Outfit,sans-serif;color:#e4e4e4;max-width:580px;margin:0 0 28px}
.hs-ui{position:absolute;z-index:5;left:0;right:0;bottom:34px}
.hs-ui .wrap{display:flex;align-items:center;gap:18px}
.hs-dots{display:flex;gap:10px;flex:1}
.hs-dots button{flex:0 1 92px;height:44px;position:relative;text-align:left;font:600 11px/1 Outfit,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);padding-top:14px}
.hs-dots button:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:rgba(255,255,255,.22)}
.hs-dots button i{position:absolute;left:0;top:0;height:3px;width:0;background:var(--gold)}
.hs-dots button[aria-current=true]{color:#fff}
.hs-dots button[aria-current=true] i{animation:prog var(--dur,8s) linear forwards}
.hs.paused .hs-dots button[aria-current=true] i{animation-play-state:paused}
@keyframes prog{to{width:100%}}
.hs-arr{width:52px;height:52px;border:2px solid rgba(255,255,255,.5);font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .2s}
.hs-arr:hover{background:var(--gold);border-color:var(--gold);color:#000}
.statbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#050505}
.statbar .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 34px;padding-top:22px;padding-bottom:22px}
.statbar .st{display:flex;gap:34px}
.statbar .st div b{display:block;font:400 34px/1 "Road Rage",Anton,sans-serif;color:var(--gold)}
.statbar .st div span{font:600 11px/1 Outfit,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.statbar .tr{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:#d6d6d6}
.statbar .tr i{font-style:normal;color:var(--gold);margin-right:6px}

/* featured grid */
.fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.fgrid .c.big{grid-column:span 2;grid-row:span 2}
.fgrid .c.big .meta b{font-size:20px}

/* yellow benefits band */
.yb{background:var(--gold);color:#000;position:relative;overflow:hidden}
.yb:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(0,0,0,.05) 0 2px,transparent 2px 14px)}
.yb .wrap{position:relative;display:grid;grid-template-columns:1.05fr 1.6fr;gap:48px;align-items:center;padding-top:84px;padding-bottom:84px}
.yb .k{color:#000}
.yb .h2{color:#000;font-size:clamp(40px,5.4vw,72px)}
.yb .sub{color:#1a1a1a;font-weight:400}
.yb .price{margin-top:26px;display:flex;align-items:baseline;gap:10px;border:0;background:none;padding:0}
.yb .price b{font:400 64px/1 "Road Rage",Anton,sans-serif;color:#000}
.yb .price span{font:600 15px/1 Outfit,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.btn-blk{background:#000;color:var(--gold)}.btn-blk:hover{background:#fff;color:#000;transform:translateY(-1px)}
.yb .cta{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}
.ybl{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:rgba(0,0,0,.85);border:2px solid #000}
.ybl div{background:var(--gold);padding:26px 24px}
.ybl svg{width:34px;height:34px;color:#000}
.ybl b{display:block;font:400 24px/1.05 "Road Rage",Anton,sans-serif;text-transform:uppercase;margin:14px 0 6px}
.ybl p{margin:0;font-size:15px;line-height:1.5;color:#1d1d1d}

/* Pimpin' P story */
.story{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.story .ph2{position:relative;aspect-ratio:4/5;background:#111 center/cover;border:2px solid var(--gold)}
.story .ph2 .tape{position:absolute;left:-28px;bottom:-28px;width:58%;border:3px solid #000;box-shadow:0 20px 50px rgba(0,0,0,.8);background:#000}
.story .ph2 .tape video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#000}
.story .ph2 .tape small{display:block;padding:10px 12px;font:600 11px/1.35 Outfit,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:#000}
.story .lead{font:300 clamp(18px,1.7vw,22px)/1.55 Outfit,sans-serif;color:#eee;margin:18px 0 0}
.story p{color:#c9c9c9}
.tl{list-style:none;margin:26px 0 28px;padding:0;border-left:2px solid var(--gold)}
.tl li{position:relative;padding:0 0 18px 22px}
.tl li:before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;background:var(--gold)}
.tl b{display:block;font:400 20px/1.1 "Road Rage",Anton,sans-serif;text-transform:uppercase;color:var(--gold)}
.tl span{font-size:15px;color:#cfcfcf}

/* upcoming + VIP */
.up{display:grid;grid-template-columns:1.35fr 1fr;gap:0;border:1px solid var(--line);background:#0a0a0a}
.up .tr{position:relative;background:#000;min-height:340px}
.up .tr video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.up .tr .tag{position:absolute;left:16px;top:16px;z-index:2;background:var(--gold);color:#000;font:700 11px/1 Outfit,sans-serif;letter-spacing:.2em;text-transform:uppercase;padding:8px 10px}
.up .in{padding:38px 36px}
.cd{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 6px}
.cd div{border:1px solid var(--gold);text-align:center;padding:14px 4px}
.cd b{display:block;font:400 40px/1 "Road Rage",Anton,sans-serif;color:var(--gold)}
.cd span{font:600 10px/1 Outfit,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.vip{margin-top:22px}
.vip .rw{display:flex;gap:0}
.vip input[type=email]{flex:1;min-width:0;height:54px;padding:0 16px;background:#000;border:2px solid #3a3a3a;border-right:0;color:#fff;font:16px Outfit,sans-serif}
.vip input[type=email]:focus{outline:none;border-color:var(--gold)}
.vip .btn{height:54px}
.vip label.ck{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:14px;color:#cfcfcf;cursor:pointer}
.vip label.ck input{margin-top:3px;accent-color:var(--gold);width:16px;height:16px;flex:none}
.vip .msg{min-height:22px;margin:10px 0 0;font-size:14px;color:var(--gold)}
.vip .msg.bad{color:#ff8a8a}
.vip.done .rw,.vip.done label.ck{display:none}
.vip.done .msg{font:400 24px/1.2 "Road Rage",Anton,sans-serif;text-transform:uppercase}

/* manifesto */
.mf{position:relative;padding:110px 0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mf .big{font:400 clamp(54px,10vw,150px)/.88 "Road Rage",Anton,sans-serif;text-transform:uppercase;margin:0}
.mf .big em{font-style:normal;color:var(--gold)}
.mf .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:48px}
.mf .cols b{display:block;font:400 24px/1.05 "Road Rage",Anton,sans-serif;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.mf .cols p{margin:0;color:#c9c9c9}

/* scrolling-wall final CTA */
.wcta{position:relative;overflow:hidden;padding:0;background:#000;isolation:isolate}
.wall{position:absolute;inset:-30px 0;display:flex;flex-direction:column;gap:10px;justify-content:center;transform:rotate(-4deg) scale(1.12);z-index:-2;opacity:.55}
.wall .ln{display:flex;gap:10px;width:max-content;animation:wl 70s linear infinite}
.wall .ln:nth-child(2){animation-direction:reverse;animation-duration:85s}
.wall .ln:nth-child(3){animation-duration:60s}
.wall img{width:300px;height:169px;object-fit:cover;flex:none;filter:grayscale(.35) contrast(1.05)}
@keyframes wl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.wcta:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,rgba(0,0,0,.6) 0%,rgba(0,0,0,.9) 70%),linear-gradient(0deg,#000 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 78%,#000 100%)}
.wcta .in{position:relative;max-width:860px;margin:0 auto;text-align:center;padding:150px var(--pad)}
.wcta .h2{font-size:clamp(46px,7vw,100px)}
.wcta p{font:300 clamp(17px,1.6vw,21px)/1.5 Outfit,sans-serif;color:#e6e6e6;margin:18px auto 30px;max-width:620px}
.wcta .cta{justify-content:center}

@media(max-width:1000px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.yb .wrap,.story,.up{grid-template-columns:1fr}.story .ph2{max-width:520px}.yb .wrap{gap:34px;padding-top:64px;padding-bottom:64px}}
@media(max-width:700px){.hs{height:auto;min-height:0}.sl{position:relative;display:none}.sl.on{display:block}.sl-media{bottom:auto;height:62vw;min-height:280px;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}.sl:after{background:linear-gradient(0deg,#000 0%,rgba(0,0,0,.7) 45%,rgba(0,0,0,0) 75%)}.sl .wrap{padding-top:52vw;padding-bottom:92px;height:auto}.hs-dots button{font-size:0}.hs-arr{width:44px;height:44px}.ybl{grid-template-columns:1fr}.mf{padding:72px 0}.mf .cols{grid-template-columns:1fr;gap:22px}.up .in{padding:26px 20px}.cd b{font-size:30px}.vip .rw{flex-direction:column}.vip input[type=email]{border-right:2px solid #3a3a3a}.statbar .st{gap:22px}.statbar .st div b{font-size:28px}.wall img{width:200px;height:113px}.wcta .in{padding:100px var(--pad)}.story .ph2 .tape{left:-8px;bottom:-20px}}
@media (prefers-reduced-motion:reduce){.wall .ln,.sl.on .sl-media.kb{animation:none}}
@media(max-width:700px){.sec-h{flex-wrap:wrap;align-items:flex-start}.more{padding:10px 14px;font-size:12px}}
.fgrid .c.big{display:flex;flex-direction:column}.fgrid .c.big .th{flex:1;aspect-ratio:auto;min-height:260px}.fgrid .c.big .th>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hs-dots button{white-space:nowrap;flex-basis:110px}
.mf-bg{position:absolute;inset:0;background:center/cover no-repeat;opacity:.22;filter:grayscale(1) contrast(1.2);-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 85%);mask-image:linear-gradient(90deg,transparent 25%,#000 85%)}
.mf .wrap{position:relative}
.wall{opacity:.72}
.wcta:after{background:radial-gradient(ellipse at center,rgba(0,0,0,.55) 0%,rgba(0,0,0,.86) 72%),linear-gradient(0deg,#000 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 78%,#000 100%)}
@media(max-width:700px){.sl p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story .ph2{margin-bottom:34px}.mf-bg{-webkit-mask-image:linear-gradient(180deg,transparent,#000);mask-image:linear-gradient(180deg,transparent,#000)}}
.sl-media.pt{background-size:auto 100%;background-position:88% center}
@media(max-width:700px){.sl-media.pt{background-size:cover;background-position:center 20%}}
@media(min-width:701px){.sl-media.pt{-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000 62%);mask-image:linear-gradient(90deg,transparent 40%,#000 62%)}}
/* v2.1 · Old English display type (Tom 25 Oct: "the old English makes it hard, real") */
.h2,.sl h1,.sl h2,.ph h1,.mf .big,.ep-side h1,.bio h2,.gate h2,.logo b,.pc b,.tl b,.ybl b,.mf .cols b,.c.unlock .th strong,.player .lock b,.banner h2{font-family:"UnifrakturMaguntia",serif;font-weight:400;text-transform:capitalize;letter-spacing:0}
.h2{font-size:clamp(36px,4.8vw,62px);line-height:1.04}
.yb .h2{font-size:clamp(44px,5.6vw,76px)}
.wcta .h2{font-size:clamp(48px,7vw,104px);line-height:1.02}
.sl h1,.sl h2{font-size:clamp(50px,6.6vw,100px);line-height:1.02}
.mf .big{font-size:clamp(58px,9vw,140px);line-height:.98}
.ph h1{font-size:clamp(46px,6.6vw,90px);line-height:1}
.ep-side h1{font-size:clamp(36px,4vw,54px);line-height:1.05}
.bio h2{font-size:clamp(40px,5vw,62px)}
.tl b{font-size:25px;line-height:1.1}
.ybl b,.mf .cols b{font-size:27px;line-height:1.08}
.pc b{font-size:27px;line-height:1.05}
.logo b{font-size:25px;text-transform:none}
.c.unlock .th strong{font-size:32px;line-height:1.02}
.player .lock b{font-size:clamp(26px,2.8vw,36px)}
/* v2.2 · the Old English from the 18 Oct "A · The Block" board is Pirata One, sentence case */
.h2,.sl h1,.sl h2,.ph h1,.ph h1.fr,.mf .big,.ep-side h1,.bio h2,.gate h2,.logo b,.pc b,.tl b,.ybl b,.mf .cols b,.c.unlock .th strong,.player .lock b,.banner h2{font-family:"Pirata One","UnifrakturMaguntia",serif;text-transform:none;letter-spacing:0}
.h2{font-size:clamp(40px,4.6vw,60px);line-height:.98}
.yb .h2{font-size:clamp(48px,5.6vw,80px);line-height:.95}
.wcta .h2{font-size:clamp(52px,7vw,108px);line-height:.95}
.sl h1,.sl h2{font-size:clamp(56px,6.8vw,104px);line-height:.95}
.mf .big{font-size:clamp(64px,10vw,156px);line-height:.9}
.ph h1{font-size:clamp(52px,7vw,96px);line-height:.95}
.ep-side h1{font-size:clamp(40px,4.2vw,58px);line-height:1}
.tl b{font-size:26px;line-height:1.05}
.ybl b,.mf .cols b{font-size:28px;line-height:1.02}
.pc b{font-size:30px;line-height:1}
.logo b{font-size:26px}
.c.unlock .th strong{font-size:34px;line-height:1}
.player .lock b{font-size:clamp(28px,3vw,40px)}
/* now-showing label on video slides, as on the 18 Oct board */
.ns{position:absolute;z-index:3;right:var(--pad);bottom:118px;text-align:left;opacity:0;transition:opacity .8s .5s}
.sl.on .ns{opacity:1}
.ns .k{display:block;margin-bottom:6px;letter-spacing:.3em}
.ns b{display:block;font:400 clamp(26px,2.4vw,36px)/1 "Pirata One",serif;color:#fff;text-shadow:0 3px 20px rgba(0,0,0,.8)}
@media(max-width:1000px){.ns{display:none}}
/* footer wordmark, as on the 18 Oct board */
.ft-wm{font:400 40px/1 "Pirata One",serif;color:#fff;margin:2px 0 12px}
@media(max-width:700px){.player .lock .pl,.player .lock p{display:none}.player .lock b{font-size:30px;margin-bottom:14px}.player .lock .btn{height:44px;font-size:15px}}

/* ===== Trash Man skin (27 Oct 2026): black + toxic lime, Rubik Dirt display, typewriter labels ===== */
:root{--gold:#c3f73a;--gold2:#dbff6b;--red:#c3f73a;--bg:#050505;--bg2:#0c0d0b;--card:#121410;--line:#22251f}
body.tm{background:#050505}
.h2,.sl h1,.sl h2,.ph h1,.ph h1.fr,.mf .big,.ep-side h1,.bio h2,.gate h2,.logo b,.pc b,.tl b,.ybl b,.c.unlock .th strong,.player .lock b,.banner h2,.ft-wm,.ns b,.statbar .st div b,.cd b{font-family:"Rubik Dirt",Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em}
.h2{font-size:clamp(36px,4.4vw,58px);line-height:.98}
.sl h1,.sl h2{font-size:clamp(48px,6.4vw,96px);line-height:.94}
.ph h1{font-size:clamp(48px,6.6vw,92px);line-height:.94}
.yb .h2{font-size:clamp(44px,5.4vw,76px)}
.wcta .h2{font-size:clamp(48px,7vw,104px);line-height:.94}
.ep-side h1{font-size:clamp(34px,3.8vw,52px);line-height:1}
.tl b{font-size:22px;line-height:1.1}
.ybl b{font-size:24px;line-height:1.05}
.c.unlock .th strong{font-size:28px;line-height:1}
.player .lock b{font-size:clamp(24px,2.6vw,36px)}
.k{font:400 13px/1.2 "Special Elite","Courier New",monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.yb .k{color:#000}
.logo img{height:46px;width:46px}
.logo b{font-size:24px;color:var(--gold)}
.ft img.cr{height:64px}
.ft-wm{font-size:38px;line-height:1;color:#fff;margin:4px 0 12px}
.gate img{height:84px}
.btn-gold{background:var(--gold);color:#000}
.bd.lk{background:#000;color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.bd.ep{background:rgba(0,0,0,.78)}
/* VHS label on each tape card */
.c.tape .lbl{position:absolute;z-index:2;left:10px;bottom:10px;background:#f2f0e6;color:#111;font:400 15px/1 "Special Elite","Courier New",monospace;letter-spacing:.04em;padding:6px 10px 5px;transform:rotate(-1.2deg);box-shadow:0 2px 0 rgba(0,0,0,.4)}
.c.tape .lbl:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--gold)}
.c .noimg.tkt{background:#0b0b0b center/cover no-repeat;filter:saturate(.9)}
.c .noimg.tkt:before{display:none}
.c .noimg.tkt:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}
/* month strip */
.months{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}
.months a{display:flex;flex-direction:column;gap:6px;padding:18px 12px;border:1px solid var(--line);background:var(--bg2);transition:border-color .2s,background .2s}
.months a:hover{border-color:var(--gold);background:#141a08}
.months b{font:400 30px/1 "Rubik Dirt",Anton,sans-serif;color:var(--gold);text-transform:uppercase}
.months span{font:400 12px/1.3 "Special Elite",monospace;color:var(--mut);letter-spacing:.06em}
@media(max-width:1000px){.months{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* story art */
.story .ph2.tk{background-size:cover;background-position:center;border-color:var(--gold)}
/* prev / next on tape pages */
.pn{display:flex;justify-content:space-between;gap:12px;margin:18px 0 0;font:400 14px/1.2 "Special Elite",monospace;letter-spacing:.04em}
.pn a{color:var(--gold);border-bottom:1px solid transparent}.pn a:hover{border-color:var(--gold)}
/* yellow band becomes the lime band */
.yb{background:var(--gold)}
.yb:before{background:repeating-linear-gradient(-45deg,rgba(0,0,0,.06) 0 2px,transparent 2px 12px)}
.ybl div{background:var(--gold)}
.btn-blk{background:#000;color:var(--gold)}
.statbar .st div b{color:var(--gold)}
.ns b{font-size:clamp(24px,2.2vw,34px)}
.nt i{font:400 10px/1 "Special Elite",monospace}
.story>*{min-width:0}
@media(max-width:1000px){.story{grid-template-columns:minmax(0,1fr)}}
.tl b{overflow-wrap:anywhere}
@media(max-width:700px){.btn{white-space:normal;text-align:center;line-height:1.1}}
/* ===== v2 palette (Tom, 27 Oct 21:43): drained, stained, cold. Bone white, near-black navy, sickly olive, a little dried-blood burgundy ===== */
:root{--bone:#e6e0cf;--navy:#0a0e16;--olive:#a39f4c;--olive2:#b9b45f;--blood:#6b1c22;--gold:#a39f4c;--gold2:#b9b45f;--red:#6b1c22;--bg:#0a0e16;--bg2:#10151f;--card:#141a26;--line:#222a38;--tx:#e6e0cf;--mut:#9a978a;--dim:#68665d}
body.tm{background:var(--navy);color:var(--tx)}
body.tm:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
body.tm>main,body.tm>header,body.tm>footer,body.tm>.strip{position:relative;z-index:1}
.strip{background:var(--blood);color:var(--bone)}
.strip a{color:var(--bone)}
.hdr{background:rgba(10,14,22,.88);border-bottom-color:rgba(230,224,207,.06)}
.logo b{color:var(--bone)}
.nav a:hover,.nav a[aria-current]{color:var(--bone);border-color:var(--olive)}
.h2,.sl h1,.sl h2,.ph h1,.ep-side h1,.ft-wm,.ns b{color:var(--bone)}
.h2 em,.sl h1 em,.sl h2 em{color:var(--olive)}
.k{color:var(--olive)}
.btn-gold{background:var(--olive);color:var(--navy)}.btn-gold:hover{background:var(--bone);color:var(--navy)}
.btn-line{border-color:rgba(230,224,207,.35);color:var(--bone)}.btn-line:hover{background:var(--bone);border-color:var(--bone);color:var(--navy)}
.more{color:var(--olive);border-color:var(--olive)}.more:hover{background:var(--bone);border-color:var(--bone);color:var(--navy)}
.sl:after{background:linear-gradient(90deg,rgba(10,14,22,.95) 0%,rgba(10,14,22,.74) 36%,rgba(10,14,22,.15) 70%),linear-gradient(0deg,var(--navy) 0%,rgba(10,14,22,0) 38%),radial-gradient(60% 50% at 80% 20%,rgba(107,28,34,.18),rgba(0,0,0,0) 70%)}
.sl-media{filter:saturate(.55) contrast(1.06) brightness(.92)}
.hs-dots button i{background:var(--olive)}
.hs-arr:hover{background:var(--bone);border-color:var(--bone);color:var(--navy)}
.statbar{background:#080b12;border-color:var(--line)}
.statbar .st div b{color:var(--olive)}
.statbar .tr i{color:var(--olive)}
/* cards: drained until hovered */
.c .th{background:#0d121b}
.c .th img{filter:saturate(.55) contrast(1.05) brightness(.9)}
.c:hover .th img{filter:saturate(.85) brightness(.95)}
.bd.lk{background:var(--blood);color:var(--bone);box-shadow:none}
.bd.ep{background:rgba(10,14,22,.82);color:var(--bone)}
.c.tape .lbl{background:var(--bone);color:#1b1a16}
.c.tape .lbl:before{background:var(--blood)}
.c:hover .play{background:var(--bone);border-color:var(--bone)}
.c:hover .play:before{border-left-color:var(--navy)}
.c.unlock .th{background:linear-gradient(135deg,#1a1216,#0d121b);border-color:var(--blood)}
.c.unlock .th strong{color:var(--bone)}
.months a{background:var(--bg2);border-color:var(--line)}
.months a:hover{border-color:var(--olive);background:#151a14}
.months b{color:var(--bone)}
/* the benefits band: a bone-white wall with a burgundy edge */
.yb{background:var(--bone);color:var(--navy)}
.yb:before{background:radial-gradient(40% 60% at 92% 10%,rgba(163,159,76,.18),rgba(0,0,0,0) 70%),radial-gradient(30% 50% at 6% 95%,rgba(107,28,34,.14),rgba(0,0,0,0) 70%),repeating-linear-gradient(-45deg,rgba(10,14,22,.035) 0 2px,transparent 2px 12px)}
.yb .k{color:var(--blood)}
.yb .h2{color:var(--navy)}
.yb .h2 em{color:var(--blood)}
.yb .sub{color:#2a2b2c}
.ybl{background:var(--navy);border-color:var(--navy)}
.ybl div{background:var(--bone)}
.ybl svg{color:var(--blood)}
.ybl b{color:var(--navy)}
.ybl p{color:#33342f}
.btn-blk{background:var(--navy);color:var(--bone)}.btn-blk:hover{background:var(--blood);color:var(--bone)}
.story .ph2.tk{border-color:var(--bone);filter:saturate(.6)}
.tl{border-left-color:var(--olive)}
.tl li:before{background:var(--blood)}
.tl b{color:var(--olive)}
.wcta:after{background:radial-gradient(ellipse at center,rgba(10,14,22,.6) 0%,rgba(10,14,22,.9) 72%),linear-gradient(0deg,var(--navy) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 78%,var(--navy) 100%)}
.wall img{filter:grayscale(.6) sepia(.15) contrast(1.05)}
.player{border-color:var(--line)}
.player .lock{background:linear-gradient(0deg,rgba(10,14,22,.86),rgba(10,14,22,.4))}
.player .lock .pl{border-color:var(--bone)}
.player .lock .pl:before{border-left-color:var(--bone)}
.facts span{border-color:var(--line);color:var(--bone)}
.pn a{color:var(--olive)}
.chip[aria-pressed=true]{background:var(--olive);border-color:var(--olive);color:var(--navy)}
.ft{background:#070a10;border-top-color:var(--line)}
.ft a:hover{color:var(--bone)}
.gate{background:rgba(6,8,13,.92)}
.gate .box{background:#0e131c;border-color:var(--line)}
.nt:hover{border-color:var(--c)}