/* The Vindicators — black, police-tape yellow, off-white */
:root{
  --ink:#0b0b0b; --ink2:#161616; --line:#2b2b2b;
  --tape:#FFD500; --tape-d:#c9a700;
  --paper:#f3efe4; --paper2:#e6e0d0; --muted:#a8a396;
  --head:"Anton","Impact","Haettenschweiler","Arial Narrow Bold",sans-serif;
  --lab:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;
  --body:"Bitter",Georgia,"Times New Roman",serif;
  --hazard:repeating-linear-gradient(-45deg,var(--tape) 0 14px,var(--ink) 14px 28px);
  --wrap:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--ink);color:var(--paper);font:400 1.0625rem/1.65 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--tape);text-underline-offset:3px}
a:hover{color:#fff}
:focus-visible{outline:3px solid var(--tape);outline-offset:3px}
.wrap{width:min(var(--wrap),100% - 32px);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:8px;top:-60px;background:var(--tape);color:#000;padding:10px 16px;font-family:var(--lab);font-weight:700;z-index:100}
.skip:focus{top:8px}

/* hazard tape */
.tape{height:14px;background:var(--hazard)}
.tape.thick{height:22px}

/* header */
.top{position:sticky;top:0;z-index:50;background:var(--ink);border-bottom:0}
.bar{display:flex;align-items:center;gap:20px;min-height:64px}
.logo{font:400 1.7rem/1 var(--head);letter-spacing:.04em;text-transform:uppercase;color:var(--paper);text-decoration:none;white-space:nowrap}
.logo span{color:var(--tape)}
.nav{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap;align-items:center}
.nav a{white-space:nowrap;font:600 1rem/1 var(--lab);letter-spacing:.12em;text-transform:uppercase;color:var(--paper);text-decoration:none;padding:10px 11px;border-bottom:3px solid transparent}
.nav a:hover{color:var(--tape)}
.nav a[aria-current=page]{border-bottom-color:var(--tape);color:var(--tape)}
.lang{display:flex;gap:0;border:2px solid var(--tape);margin-left:8px}
.lang a{font:700 .9rem/1 var(--lab);letter-spacing:.1em;padding:7px 10px;text-decoration:none;color:var(--tape)}
.lang a[aria-current=true]{background:var(--tape);color:#000}
.burger{display:none;margin-left:auto;background:none;border:2px solid var(--tape);color:var(--tape);font:700 .95rem var(--lab);letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;cursor:pointer}
@media (max-width:1220px){
  .js .burger{display:block}
  .js .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ink);flex-direction:column;align-items:stretch;padding:8px 16px 16px;border-bottom:14px solid var(--tape);margin:0}
  .js .nav.open{display:flex}
  .js .nav a{padding:14px 4px;border-bottom:1px solid var(--line)}
  .js .lang{margin:12px 0 0;align-self:flex-start}
  .bar{position:relative}
  html:not(.js) .nav{margin-left:0;width:100%}
  html:not(.js) .bar{flex-wrap:wrap}
}

/* type */
h1,h2,h3{font-family:var(--head);font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:1.02;margin:0 0 .5em}
h1{font-size:clamp(2.6rem,7vw,5rem)}
h2{font-size:clamp(2rem,4.6vw,3.2rem)}
h3{font-size:1.5rem}
.kicker{display:inline-block;background:var(--tape);color:#000;font:700 .95rem/1 var(--lab);letter-spacing:.16em;text-transform:uppercase;padding:6px 10px;margin-bottom:14px}
.lead{font-size:1.25rem;max-width:62ch}
.sub{color:var(--muted);font:600 1rem var(--lab);letter-spacing:.12em;text-transform:uppercase}
p{margin:0 0 1em}
.prose{max-width:68ch}
.srcline{font-size:.9rem;color:var(--muted)}

/* sections */
section{padding:clamp(44px,7vw,84px) 0}
.paper{background:var(--paper);color:var(--ink)}
.paper a{color:#000;text-decoration-thickness:2px;text-decoration-color:var(--tape-d)}
.paper a:hover{background:var(--tape)}
.paper .sub,.paper .srcline{color:#5b574c}
.page-head{padding:clamp(40px,6vw,72px) 0 clamp(24px,4vw,40px);border-bottom:0}
.page-head h1{margin-bottom:.25em}
.page-head h1::after{content:"";display:block;width:140px;height:14px;margin-top:14px;background:var(--hazard)}

/* buttons */
.btn{display:inline-block;font:700 1.05rem/1 var(--lab);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#000;background:var(--tape);padding:14px 20px 17px;border:0;cursor:pointer;position:relative;margin:0 8px 8px 0}
.btn::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--hazard);background-size:auto}
.btn:hover{background:#fff;color:#000}
.btn.ghost{background:transparent;color:var(--tape);box-shadow:inset 0 0 0 2px var(--tape)}
.btn.ghost:hover{background:var(--tape);color:#000}
.btn.sm{padding:10px 14px 13px;font-size:.95rem}
.paper .btn{color:#000}

/* HERO */
.hero{position:relative;padding:0;background:#000;color:#fff;overflow:hidden}
.hero-stage{position:relative;height:min(78vh,720px);min-height:460px}
.hero-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.4s ease}
.hero-slide.on{opacity:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.hero-slide:first-child img{object-position:50% 25%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.92) 100%);pointer-events:none}
.hero-copy{position:absolute;left:0;right:0;bottom:0;padding-bottom:40px;z-index:3}
.hero-copy h1{margin:0 0 .15em;color:#fff;text-shadow:0 3px 0 #000;font-size:clamp(3rem,10vw,7.5rem)}
.hero-copy h1 em{font-style:normal;color:var(--tape)}
.hero-copy p{max-width:50ch;font-size:1.15rem;text-shadow:0 1px 8px #000}
.hero-row{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}
.nextdate{background:var(--tape);color:#000;padding:14px 18px 20px;position:relative;min-width:250px;max-width:340px}
.nextdate::after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:var(--hazard)}
.nextdate small{display:block;font:700 .85rem var(--lab);letter-spacing:.18em;text-transform:uppercase}
.nextdate b{display:block;font:400 1.7rem/1.1 var(--head);text-transform:uppercase;letter-spacing:.02em}
.nextdate>span{display:block;font:600 1rem var(--lab);letter-spacing:.05em}
.count{font:400 1rem var(--lab);letter-spacing:.08em;text-transform:uppercase;display:flex;gap:10px;align-items:baseline}
.count b{font:400 3rem/1 var(--head);color:var(--tape)}
.hero-ctl{position:absolute;right:16px;top:16px;z-index:4;display:flex;gap:8px;align-items:center}
.hero-ctl button,.car-btn{width:44px;height:44px;border:2px solid var(--tape);background:rgba(0,0,0,.6);color:var(--tape);font:700 1.3rem/1 var(--lab);cursor:pointer}
.hero-ctl button:hover,.car-btn:hover{background:var(--tape);color:#000}
.dots{display:flex;gap:6px;margin-right:6px}
.dots button{width:14px;height:14px;padding:0;border:2px solid var(--tape);background:transparent;border-radius:0}
.dots button[aria-current=true]{background:var(--tape)}
@media (prefers-reduced-motion:reduce){
  .hero-slide{transition:none}
  .hero-slide:not(:first-child){display:none}
  .hero-ctl{display:none}
}

/* cards / grid */
.grid{display:grid;gap:24px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}
.tile{display:block;border:2px solid var(--tape);padding:22px 20px 26px;text-decoration:none;color:var(--paper);position:relative;background:var(--ink2)}
.tile b{display:block;font:400 1.9rem/1 var(--head);text-transform:uppercase;color:var(--tape);margin-bottom:8px}
.tile span{font-size:.98rem;color:var(--paper)}
.tile:hover{background:var(--tape);color:#000}.tile:hover b{color:#000}
.tile::after{content:"→";position:absolute;right:16px;top:18px;font:700 1.4rem var(--lab);color:var(--tape)}
.tile:hover::after{color:#000}

.news-card{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:32px;align-items:start;border:2px solid var(--ink);background:#fff;padding:24px;position:relative}
.news-card::before{content:"";position:absolute;left:-2px;right:-2px;top:-2px;height:12px;background:var(--hazard)}
.news-card{padding-top:36px}
.news-card img{border:1px solid #bbb}
@media (max-width:720px){.news-card{grid-template-columns:1fr}.news-card img{max-width:260px}}
dl.facts{margin:0 0 18px;display:grid;grid-template-columns:auto 1fr;gap:6px 18px}
dl.facts dt{font:700 .95rem/1.7 var(--lab);letter-spacing:.14em;text-transform:uppercase;color:#6b6659}
dl.facts dd{margin:0}
.dark dl.facts dt{color:var(--tape)}

/* band cards */
.card-line{border-top:0;padding-top:10px}
.member{border:2px solid var(--tape);background:var(--ink2);position:relative;padding:22px 20px 24px}
.member::before{content:"";position:absolute;left:-2px;right:-2px;top:-2px;height:10px;background:var(--hazard)}
.member{padding-top:32px}
.member h3{color:var(--tape);margin:0 0 6px;font-size:1.8rem}
.member .role{font:700 1rem var(--lab);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px}
.member .yrs{color:var(--muted);font-size:.95rem;margin:0}
.member.memo{border-style:dashed}
.member.memo h3{color:var(--paper)}
.collage{max-width:520px;margin-inline:auto;border:6px solid #fff;box-shadow:0 14px 40px rgba(0,0,0,.6)}

/* story timeline */
.timeline{list-style:none;margin:0;padding:0;border-left:6px solid var(--tape)}
.timeline li{padding:0 0 28px 24px;position:relative}
.timeline li::before{content:"";position:absolute;left:-14px;top:6px;width:22px;height:22px;background:var(--ink);border:4px solid var(--tape);transform:rotate(45deg)}
.timeline b{display:block;font:400 2rem/1 var(--head);color:var(--tape);margin-bottom:4px}
.paper .timeline li::before{background:var(--paper)}
.paper .timeline b{color:var(--ink)}
.paper .timeline{border-left-color:var(--ink)}
.paper .timeline li::before{border-color:var(--ink)}
.story-hero{position:relative;background:#000}
.story-hero img{width:100%;height:min(52vh,460px);object-fit:cover;object-position:50% 25%;opacity:.9}
.story-hero .wrap{position:absolute;left:50%;transform:translateX(-50%);bottom:0;padding-bottom:30px;color:#fff}
.story-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.85));pointer-events:none}
.story-hero .wrap{z-index:2}
.story-hero h1{margin:0;text-shadow:0 3px 0 #000}

/* RECORDS */
.rec{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:clamp(20px,4vw,48px);align-items:center;margin-bottom:clamp(30px,5vw,56px)}
.rec:last-child{margin-bottom:0}
.sleeve{aspect-ratio:1;width:100%;border:0;padding:0;cursor:pointer;display:block;background:#000;position:relative;box-shadow:0 14px 36px rgba(0,0,0,.55)}
.sleeve:hover{transform:translateY(-4px) rotate(-1deg)}
.sleeve{transition:transform .25s ease}
@media (prefers-reduced-motion:reduce){.sleeve{transition:none}.sleeve:hover{transform:none}}
.sleeve img{width:100%;height:100%;object-fit:cover}
.sleeve.typo{background:var(--hazard);display:grid;place-items:center;padding:14px}
.sleeve.typo .in{background:#000;color:var(--tape);width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:16px;text-align:left}
.sleeve.typo .in small{font:700 .9rem var(--lab);letter-spacing:.18em;color:var(--paper)}
.sleeve.typo .in b{font:400 clamp(1.9rem,5vw,2.6rem)/.95 var(--head);text-transform:uppercase;letter-spacing:.02em}
.sleeve.typo .in i{font:600 .95rem var(--lab);font-style:normal;letter-spacing:.14em;color:var(--paper);text-transform:uppercase}
.rec-card{border:2px solid var(--tape);padding:24px 26px 28px;background:var(--ink2);position:relative}
.rec-card h2{font-size:clamp(1.9rem,4vw,2.6rem);margin:0 0 .4em;color:var(--tape)}
.rec-card .year{font:400 1.2rem var(--head);color:#000;background:var(--tape);display:inline-block;padding:2px 10px;margin-bottom:12px;letter-spacing:.06em}
@media (max-width:720px){.rec{grid-template-columns:1fr}.sleeve{max-width:340px}}

/* dialogs */
dialog{color:var(--paper);background:var(--ink);border:3px solid var(--tape);padding:0;max-width:min(96vw,760px);max-height:94vh;overflow:auto;overscroll-behavior:contain}
dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(2px)}
dialog[open]{animation:pop .22s ease}
@keyframes pop{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){dialog[open]{animation:none}}
.dlg-x{position:absolute;right:8px;top:8px;z-index:5;width:44px;height:44px;border:2px solid var(--tape);background:#000;color:var(--tape);font:700 1.5rem/1 var(--lab);cursor:pointer}
.dlg-x:hover{background:var(--tape);color:#000}
.dlg-body{padding:28px 26px 30px}
.dlg-body header{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center;margin:0 0 20px;padding-right:48px}
.dlg-body header .sleeve{box-shadow:none;cursor:default}
.dlg-body header .sleeve:hover{transform:none}
.dlg-body h2{font-size:clamp(1.7rem,4vw,2.4rem);color:var(--tape);margin:0 0 4px}
.tracks{list-style:none;margin:0;padding:0;counter-reset:t;border-top:1px solid var(--line)}
.tracks li{counter-increment:t;border-bottom:1px solid var(--line)}
.tr{display:flex;align-items:center;gap:12px;padding:9px 0}
.tr::before{content:counter(t,decimal-leading-zero);font:700 .95rem var(--lab);color:var(--muted);width:2ch}
.tr .nm{flex:1}
.tr .len{color:var(--muted);font-size:.9rem}
.play{width:38px;height:38px;border:2px solid var(--tape);background:transparent;color:var(--tape);cursor:pointer;font-size:.95rem;flex:none}
.play:hover,.play[aria-pressed=true]{background:var(--tape);color:#000}
.player{aspect-ratio:16/9;margin:0 0 12px;background:#000}
.player iframe{width:100%;height:100%;border:0;display:block}
.disc-h{font:700 1rem var(--lab);letter-spacing:.16em;text-transform:uppercase;color:var(--tape);margin:22px 0 8px}
.spot{border:0;width:100%;height:152px;border-radius:12px;margin:0 0 6px}
.note{font-size:.92rem;color:var(--muted)}
@media (max-width:520px){.dlg-body header{grid-template-columns:90px 1fr}.dlg-body{padding:22px 16px 24px}}

/* lightbox */
dialog.lb{max-width:96vw;background:#000;border-color:#fff;width:fit-content}
.lb figure{margin:0;position:relative}
.lb img{max-width:min(94vw,1200px);max-height:80vh;width:auto;height:auto;margin:0 auto;background:#111}
.lb figcaption{padding:12px 64px 14px 16px;font:600 1.05rem var(--lab);letter-spacing:.06em;color:var(--paper);display:flex;justify-content:space-between;gap:16px}
.lb .nav-b{position:absolute;top:calc(50% - 40px);width:48px;height:64px;border:2px solid var(--tape);background:rgba(0,0,0,.7);color:var(--tape);font:700 1.6rem var(--lab);cursor:pointer}
.lb .prev{left:8px}.lb .next{right:8px}
.lb .nav-b:hover{background:var(--tape);color:#000}
.lb .nav-b[hidden]{display:none}

/* POLAROIDS */
.event{margin-bottom:clamp(36px,6vw,64px)}
.event:last-child{margin-bottom:0}
.event-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.event-head h2{margin:0;font-size:clamp(1.7rem,3.6vw,2.4rem)}
.event-head h2 small{display:block;font:600 1rem var(--lab);letter-spacing:.14em;color:var(--tape);margin-top:6px}
.car{position:relative}
.rail{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:22px 16px 30px;scrollbar-width:thin;scrollbar-color:var(--tape) var(--ink2);overscroll-behavior-x:contain}
.polaroid{flex:0 0 min(300px,72vw);scroll-snap-align:center;margin:0}
.polaroid button{display:block;width:100%;background:#fff;border:0;padding:14px 14px 0;cursor:pointer;color:#111;text-align:left;box-shadow:0 10px 26px rgba(0,0,0,.55);transform:rotate(var(--tilt,0deg));transition:transform .25s ease}
.polaroid:nth-child(4n+1) button{--tilt:-2deg}.polaroid:nth-child(4n+2) button{--tilt:1.5deg}
.polaroid:nth-child(4n+3) button{--tilt:-1deg}.polaroid:nth-child(4n+4) button{--tilt:2deg}
.polaroid button:hover{transform:rotate(0) scale(1.03)}
.polaroid img{width:100%;aspect-ratio:1;object-fit:cover;background:#222;filter:contrast(1.04)}
.polaroid .cap{display:block;padding:12px 2px 18px;font:600 1rem/1.25 var(--lab);letter-spacing:.04em;min-height:4.6em}
.polaroid .cap b{display:block;font:700 1.15rem var(--lab);color:#000}
@media (prefers-reduced-motion:reduce){.polaroid button{transform:none;transition:none}.polaroid button:hover{transform:none}}
.car-btn{position:absolute;top:calc(50% - 22px);z-index:3}
.car-btn.p{left:2px}.car-btn.n{right:2px}
.car .dots{justify-content:center;margin:0}
@media (max-width:640px){.car-btn{display:none}}

/* press */
.press{display:grid;grid-template-columns:150px 1fr;gap:26px;padding:26px 0;border-bottom:2px dashed #b9b29b;align-items:start}
.paper .press:last-child{border-bottom:0}
.press .clip{border:1px solid #888;background:#fff;padding:0;cursor:zoom-in;display:block;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.press .clip img{width:100%}
.press h3{margin:0 0 4px;font-size:1.7rem}
.press .by{font:700 1rem var(--lab);letter-spacing:.12em;text-transform:uppercase;color:#5b574c;margin:0 0 8px}
@media (max-width:560px){.press{grid-template-columns:96px 1fr;gap:16px}}

/* videos */
.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media (max-width:900px){.videos{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.videos{grid-template-columns:1fr}}
.vid h3{font-size:1.25rem;margin:10px 0 2px}
.vid .meta{font-size:.9rem;color:var(--muted)}
.vid.featured{grid-column:1/-1}
.yt{display:block;width:100%;aspect-ratio:16/9;background:#000;border:0;padding:0;position:relative;cursor:pointer;overflow:hidden}
.yt img{width:100%;height:100%;object-fit:cover}
.yt iframe{width:100%;height:100%;border:0}
.play-ic{position:absolute;inset:0;margin:auto;width:68px;height:68px;background:var(--tape);display:grid;place-items:center;pointer-events:none}
.play-ic::before{content:"";border-left:22px solid #000;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}
.yt:hover .play-ic{background:#fff}
.tagl{display:inline-block;background:var(--tape);color:#000;font:700 .85rem var(--lab);letter-spacing:.14em;text-transform:uppercase;padding:4px 8px;margin-top:12px}

/* dates list */
.dates{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.dates li{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:12px 0;border-bottom:1px solid #b9b29b}
.dates b{font:700 1.05rem var(--lab);letter-spacing:.1em;text-transform:uppercase}
@media (max-width:560px){.dates li{grid-template-columns:1fr;gap:2px}}

/* footer */
footer{background:var(--ink);padding:0 0 34px;color:var(--muted);font-size:.95rem}
footer .wrap{padding-top:26px;display:flex;gap:18px 40px;flex-wrap:wrap;justify-content:space-between}
footer a{color:var(--paper)}
footer nav{display:flex;gap:6px 18px;flex-wrap:wrap}

.err404{min-height:60vh;display:grid;place-items:center;text-align:center}

/* fixes */
.dots[hidden],.car-btn[hidden]{display:none}
.dlg-body header .sleeve.typo{width:130px;padding:6px}
.dlg-body header .sleeve.typo .in{padding:8px}
.dlg-body header .sleeve.typo .in small{display:none}
.dlg-body header .sleeve.typo .in b{font-size:1.05rem!important}
.dlg-body header .sleeve.typo .in i{font-size:.75rem;letter-spacing:.08em}
@media (min-width:1221px){
  .nav{flex-wrap:nowrap}
  .nav a{padding:10px 8px;letter-spacing:.09em;font-size:.95rem}
  .bar{gap:12px}
}
@media (max-width:640px){
  .hero-stage{height:auto;min-height:640px}
  .hero-copy{position:absolute}
  .hero-copy h1{font-size:clamp(2.4rem,13vw,3.4rem)}
  .hero-ctl{right:8px;top:8px}
  .nextdate{max-width:none;width:100%}
}

.dlg-body header .sleeve{width:130px}
.covers{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.covers figure{margin:0;flex:1 1 150px;max-width:240px}.covers img{display:block;width:100%;height:auto;border:2px solid var(--tape)}.covers figcaption{font:600 .85rem var(--lab);letter-spacing:.1em;text-transform:uppercase;color:var(--paper);margin-top:6px}
.aplayer{display:flex;align-items:center;gap:12px;padding:0 0 12px 3.4ch}.aplayer .seek{flex:1;accent-color:var(--tape);height:24px;cursor:pointer}.aplayer .time{font:600 .85rem var(--lab);letter-spacing:.06em;color:var(--muted);min-width:9ch;text-align:right}
.hero-slide.crop img{object-position:50% 0}
/* buttons: idle = yellow bg + black text; hover / focus / active = white bg + black text */
.btn,.btn.ghost,.play,.car-btn,.hero-ctl>button,.dlg-x,.lb .nav-b,.burger{background:var(--tape);color:#000;border-color:var(--tape)}
.btn.ghost{box-shadow:none}
.btn:hover,.btn:focus-visible,.btn:active,.btn.ghost:hover,.btn.ghost:focus-visible,.btn.ghost:active,
.play:hover,.play:focus-visible,.play:active,.play[aria-pressed=true],
.car-btn:hover,.car-btn:focus-visible,.car-btn:active,
.hero-ctl>button:hover,.hero-ctl>button:focus-visible,.hero-ctl>button:active,
.dlg-x:hover,.dlg-x:focus-visible,.dlg-x:active,
.lb .nav-b:hover,.lb .nav-b:focus-visible,.lb .nav-b:active,
.burger:hover,.burger:focus-visible,.burger:active,.burger[aria-expanded=true]{background:#fff;color:#000;border-color:#fff}
.paper .btn,.paper .btn.ghost{background:var(--tape);color:#000;text-decoration:none}
.paper .btn:hover,.paper .btn:focus-visible,.paper .btn:active,.paper .btn.ghost:hover,.paper .btn.ghost:focus-visible,.paper .btn.ghost:active{background:#fff;color:#000}
.tile:hover b{color:#000}.tile:hover span{color:#3a3a3a}
.tracks li[data-mp3] .nm,.tracks li[data-yt] .nm{cursor:pointer}
.tracks li[data-mp3] .nm:hover,.tracks li[data-yt] .nm:hover{color:var(--tape);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}