:root{
  --ink:#0b0b0a;
  --paper:#f0ede4;
  --paper-2:#e6e0d3;
  --signal:#ffdf43;
  --red:#d93a2f;
  --white:#fff;
  --muted:#8f8d87;
  --display-font:"Rubik Dirt", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--ink);color:var(--ink);overflow-x:hidden}
a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}

/* Navigation — reduced, poster-like */
.navbar{padding:.9rem 0;background:rgba(11,11,10,.08);border-bottom:1px solid rgba(255,255,255,.35);backdrop-filter:blur(5px);transition:.25s ease}
.navbar.scrolled{background:rgba(240,237,228,.97);border-bottom-color:#111;box-shadow:none}
.wordmark{font-weight:900;letter-spacing:-.075em;font-size:1.5rem;color:#fff!important;text-transform:uppercase}
.wordmark span:not(.brand-star){color:var(--signal)}
.brand-star{font-size:.7em;letter-spacing:0;color:var(--signal)!important;vertical-align:.08em}
.nav-link{position:relative;color:#fff!important;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;font-weight:900;padding-left:0!important;padding-right:0!important}
.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:.25rem;height:2px;background:var(--signal);transition:.18s ease}
.nav-link:hover:after,.nav-link.active:after{right:0}
.navbar.scrolled .wordmark,.navbar.scrolled .nav-link{color:#111!important}
.navbar.scrolled .wordmark span:not(.brand-star){color:#111}.navbar.scrolled .brand-star{color:var(--red)!important}
.navbar-toggler{border:1px solid currentColor;border-radius:0;color:#fff}.navbar.scrolled .navbar-toggler{color:#111}
.navbar-toggler-icon{filter:none}

/* Hero — full bleed photograph + oversized masthead */
.hero{min-height:100svh;padding-top:92px;position:relative;overflow:hidden;color:#fff;background:#111 url('https://i.scdn.co/image/2e8f0f4087334306fca675733189197ed7e9514f') center 28%/cover no-repeat;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.15) 42%,rgba(0,0,0,.93) 100%);z-index:-1}
.hero:after{content:"★";position:absolute;right:-.045em;top:9vh;font-size:clamp(14rem,34vw,35rem);line-height:.7;color:rgba(255,223,67,.72);mix-blend-mode:multiply;transform:rotate(7deg);z-index:-1}
.hero-noise{position:absolute;inset:0;opacity:.20;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.eyebrow,.section-kicker{font-weight:900;letter-spacing:.19em;font-size:.7rem;text-transform:uppercase}
.hero-title{font-size:clamp(6.2rem,18vw,15rem);font-weight:900;letter-spacing:-.105em;line-height:.67;text-transform:uppercase;text-shadow:none;margin-left:-.06em}
.hero-title span{color:var(--signal)}
.hero-copy{max-width:760px;color:#fff;font-size:clamp(1.05rem,1.8vw,1.45rem);font-weight:700;line-height:1.35}
.hero-card{background:transparent;border-top:4px solid #fff;border-bottom:1px solid rgba(255,255,255,.7);padding:0;backdrop-filter:none}
.stat{display:grid;grid-template-columns:95px 1fr;gap:1rem;align-items:center;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.45)}.stat:last-child{border-bottom:0}
.stat strong{font-size:2rem;letter-spacing:-.06em;color:var(--signal)}.stat span{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:#fff;font-weight:800}
.btn{border-radius:0;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;padding:.85rem 1.1rem}.btn-lg{padding:1rem 1.35rem;font-size:.78rem}.btn-accent{background:var(--signal);border-color:var(--signal);color:#000}.btn-accent:hover{background:#fff;border-color:#fff;color:#000}.btn-outline-light:hover{color:#111;background:#fff}

.poster-strip{background:var(--signal);border-top:2px solid #111;border-bottom:2px solid #111;overflow:hidden;white-space:nowrap;color:#111;font-weight:900;font-size:clamp(1.1rem,2.4vw,2.2rem);letter-spacing:-.04em;text-transform:uppercase;line-height:1;padding:.65rem 0}
.poster-strip div{width:max-content;animation:posterMove 28s linear infinite}
@keyframes posterMove{to{transform:translateX(-30%)}}
@media(prefers-reduced-motion:reduce){.poster-strip div{animation:none}}

/* Global editorial sections */
.section-pad{padding:clamp(5.5rem,9vw,9rem) 0}.bg-paper{background:var(--paper)}.bg-signal{background:var(--signal)}.bg-dark{background:var(--ink)!important}.text-accent{color:var(--signal)!important}
.section-title{font-weight:900;letter-spacing:-.072em;line-height:.86;margin-top:.65rem;text-transform:uppercase;font-size:clamp(3.2rem,6vw,6.6rem)}
.story-copy{border-top:5px solid #111;padding-top:1.35rem}.story-copy p{line-height:1.68;font-size:1.05rem}.story-copy p:first-child{font-size:clamp(1.25rem,2.1vw,1.7rem);line-height:1.43;font-weight:700}.story-copy p:not(:first-child){color:#292929}
#story{position:relative;overflow:hidden}#story:after{content:"1984";position:absolute;left:-.03em;bottom:-.22em;font-weight:900;font-size:clamp(10rem,28vw,28rem);letter-spacing:-.1em;color:rgba(0,0,0,.035);line-height:.8;pointer-events:none}

/* Line-ups — list/editorial instead of card UI */
.lineup-block{margin-top:5rem;padding-top:1rem;border-top:5px solid #fff}.lineup-block:first-of-type{margin-top:0}.lineup-block-last{margin-bottom:0}
.lineup-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.lineup-head h3{margin:0;font-size:clamp(2.2rem,4vw,4.5rem);font-weight:900;letter-spacing:-.065em;text-transform:uppercase;line-height:.9}
.member-card{position:relative;border:0;border-top:1px solid #777;background:transparent;padding:1.2rem 0 1.4rem;min-height:200px;overflow:hidden}
.member-no{display:block;color:var(--signal);font-size:.7rem;letter-spacing:.14em;margin-bottom:3.1rem;font-weight:900}.member-card h3{position:relative;z-index:1;font-size:clamp(1.55rem,2.5vw,2.45rem);font-weight:900;letter-spacing:-.055em;line-height:.95;text-transform:uppercase}.member-card p{position:relative;z-index:1;color:var(--signal);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.member-card small{position:relative;z-index:1;color:#aaa;line-height:1.45}.member-card:after{content:attr(data-ghost);position:absolute;right:-.04em;bottom:-.22em;font-size:8rem;font-weight:900;color:rgba(255,255,255,.025);letter-spacing:-.1em}

/* Discography — poster blocks */
#music{border-top:2px solid #111;border-bottom:2px solid #111}.disc-intro{max-width:500px;font-weight:700}.album-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:0;border-top:5px solid #111;border-left:1px solid #111}.album{grid-column:span 4;background:transparent;color:#111;padding:1.4rem;min-height:280px;display:flex;flex-direction:column;border-right:1px solid #111;border-bottom:1px solid #111}.album:nth-child(2n){transform:none}.album.featured{background:#111;color:#fff}.album .year{font-size:.72rem;letter-spacing:.16em;font-weight:900;margin-bottom:auto}.album h3{font-size:clamp(2rem,3.5vw,3.4rem);font-weight:900;letter-spacing:-.075em;line-height:.9;text-transform:uppercase;margin-top:3rem}.album p{margin-bottom:0;color:inherit;opacity:.78;font-size:.86rem}.album:hover{background:#fff;color:#111}.album.featured:hover{background:#111;color:#fff}

/* Timeline */
.timeline{border:0;margin-left:0}.timeline-item{display:grid;grid-template-columns:120px 1fr;gap:1.5rem;position:relative;padding:1.25rem 0 1.7rem;border-top:1px solid #111}.timeline-item:last-child{border-bottom:1px solid #111}.timeline-item:before{display:none}.timeline-item>span{font-weight:900;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.07em;color:var(--red);line-height:.9}.timeline-item h3{font-weight:900;font-size:1.35rem;letter-spacing:-.035em;text-transform:uppercase;margin:0 0 .4rem}.timeline-item p{margin:0;color:#3b3b39;line-height:1.55}

/* Quote as full-bleed band poster */
.quote-band{position:relative;background:#111 url('https://i.scdn.co/image/2e8f0f4087334306fca675733189197ed7e9514f') center 48%/cover no-repeat;color:#fff;border:0;isolation:isolate;overflow:hidden}.quote-band:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.76);z-index:-1}.quote-band:after{content:"★";position:absolute;left:-.08em;bottom:-.35em;font-size:28rem;color:rgba(255,223,67,.25);mix-blend-mode:screen;z-index:-1}.quote-mark{font-size:7rem;color:var(--signal);font-weight:900;line-height:.5;margin-bottom:1rem}.quote-band blockquote{font-weight:900;letter-spacing:-.065em;text-transform:uppercase;font-size:clamp(2.5rem,5vw,5.4rem);line-height:.9}

/* Links / footer */
.link-list{border-top:4px solid #fff}.link-list a{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#fff;text-decoration:none;padding:1.05rem 0;border-bottom:1px solid #555;font-size:clamp(1rem,1.8vw,1.3rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em}.link-list a b{color:var(--signal);font-size:1.5rem}.link-list a:hover{color:var(--signal);padding-left:.5rem}.footer{background:#050505;color:#eee;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #333}

/* Video archive */
.video-page{background:var(--ink)}
.video-hero{position:relative;min-height:72svh;display:flex;align-items:end;padding:clamp(9rem,16vw,13rem) 0 clamp(4rem,8vw,7rem);background:#0a0a0a;color:#fff;overflow:hidden;border-bottom:0;isolation:isolate}.video-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#0c0c0c 0 54%,#171717 54%);z-index:-2}.video-hero:after{content:"WATCH ★";position:absolute;right:-.04em;bottom:-.20em;font-size:clamp(8rem,24vw,24rem);font-weight:900;letter-spacing:-.1em;color:rgba(255,223,67,.11);line-height:.8;pointer-events:none;z-index:-1}.video-title{font-size:clamp(5.2rem,14vw,12rem);font-weight:900;letter-spacing:-.095em;line-height:.7;margin:0;text-transform:uppercase}.video-title span{color:var(--signal)}
.video-feature{border-top:5px solid #111;padding-top:2rem}.video-consent{aspect-ratio:16/9;background:#101010;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:0;isolation:isolate}.video-consent:before{content:"PLAN B";position:absolute;right:-.04em;bottom:-.18em;font-size:clamp(5rem,16vw,13rem);font-weight:900;letter-spacing:-.09em;color:rgba(255,223,67,.13);line-height:.8}.video-consent:after{content:"★";position:absolute;left:-.05em;top:-.24em;font-size:13rem;color:rgba(255,255,255,.06);transform:rotate(-8deg);z-index:-1}.video-consent-dark{background:#151515}.video-consent-inner{position:relative;z-index:2;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.video-index{font-size:.67rem;letter-spacing:.18em;font-weight:900;color:var(--signal)}.video-play{width:82px;height:82px;border-radius:0;border:3px solid var(--signal);background:var(--signal);color:#111;font-size:1.65rem;line-height:1;transform:rotate(-2deg)}.video-play:hover{transform:rotate(2deg) scale(1.04);background:#fff;border-color:#fff}.video-consent-inner strong{display:block;font-size:clamp(1.8rem,3.5vw,3.5rem);font-weight:900;letter-spacing:-.065em;text-transform:uppercase}.video-consent-inner div span{display:block;color:#aaa;font-size:.78rem;margin-top:.3rem;text-transform:uppercase;letter-spacing:.08em}.video-consent iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.source-box{border:0;border-top:4px solid #111;padding:1.2rem 0;background:transparent}.source-box span,.archive-meta{display:block;font-size:.67rem;letter-spacing:.16em;font-weight:900;margin-bottom:.65rem;text-transform:uppercase}.source-box p{margin:0;font-size:.86rem;line-height:1.5}.archive-card{background:transparent;padding:0;border:0;border-top:5px solid #111}.archive-card h3{font-size:clamp(2.2rem,4.5vw,4.6rem);font-weight:900;letter-spacing:-.07em;line-height:.88;margin:1rem 0 1.4rem;text-transform:uppercase}.archive-card p{line-height:1.65}.nyc-note{border-top:5px solid #111;padding-top:2rem}.nyc-stamp{display:inline-block;background:#111;color:var(--signal);font-size:.67rem;letter-spacing:.14em;font-weight:900;padding:.55rem .7rem;margin-bottom:1.5rem;transform:rotate(-1.5deg);text-transform:uppercase}

@media(max-width:991.98px){
  .hero{min-height:88svh}.hero:after{right:-.2em;top:15vh;opacity:.5}.hero-card{margin-top:1rem}.album{grid-column:span 6}.lineup-head{display:block}.lineup-head h3{margin-top:.55rem}.navbar-collapse{background:rgba(11,11,10,.96);padding:1rem;margin-top:.75rem;border:1px solid rgba(255,255,255,.15)}.navbar.scrolled .navbar-collapse{background:var(--paper);border-color:#111}
}
@media(max-width:575.98px){
  .hero-title{font-size:5.7rem}.album{grid-column:1/-1;min-height:210px}.timeline-item{grid-template-columns:78px 1fr;gap:1rem}.section-pad{padding:4.5rem 0}.video-hero{padding-top:8rem}.video-play{width:66px;height:66px}.video-consent-inner{padding:1rem}.video-consent-inner strong{font-size:1.6rem}.poster-strip{font-size:1rem}.stat{grid-template-columns:76px 1fr}
}


/* Display type — Rubik Dirt for the large poster headlines only */
.section-title,
.lineup-head h3,
.quote-band blockquote,
.video-title,
.archive-card h3{
  font-family:var(--display-font);
  font-weight:400;
  letter-spacing:-.035em;
}
.video-title{letter-spacing:-.045em}
