:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#14040c;--paper:#fff4e6;--red:#ee2b2a;--yellow:#ffe14a;--magenta:#e0147a;--cyan:#6ad4ff;--muted:#f0b7c8;--display:"Oswald", "Arial Narrow", Impact, sans-serif;--sans:"Barlow", "Helvetica Neue", Helvetica, Arial, sans-serif;--wide:72rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 500px at 10% -10%, #e0147a59, transparent 55%), radial-gradient(900px 400px at 100% 0%, #ee2b2a47, transparent 50%), var(--ink);color:var(--paper);font-family:var(--sans);margin:0;font-size:1.12rem;line-height:1.55}body:before{content:"";pointer-events:none;z-index:20;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}img{max-width:100%;height:auto;display:block}a{color:var(--cyan);text-underline-offset:.15em}a:hover{color:var(--yellow)}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.skip-link{z-index:30;background:var(--yellow);color:#111;padding:.5rem .8rem;font-weight:700;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:15;border-bottom:4px solid var(--yellow);background:#14040ceb;position:sticky;top:0}.header-inner{width:min(100% - 1.5rem, var(--wide));justify-content:space-between;align-items:center;gap:1rem;min-height:3.4rem;margin-inline:auto;display:flex}.wordmark{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--yellow);text-shadow:2px 2px 0 var(--red);font-size:1.35rem;font-weight:700;text-decoration:none}.nav-toggle{background:var(--red);color:#fff;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:0;padding:.45rem .75rem}.site-nav{border-bottom:4px solid var(--red);background:#2a0814;flex-direction:column;gap:.75rem;padding:1rem 1.25rem 1.2rem;display:none;position:absolute;top:3.4rem;left:0;right:0}.site-nav.is-open{display:flex}.site-nav a{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--paper);font-size:1rem;text-decoration:none}.site-nav a:hover{color:var(--yellow)}.hero,.listen,.band,.press-wrap,.site-footer{width:min(100% - 1.5rem, var(--wide));margin-inline:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{gap:1.5rem;padding:1.2rem 0 1.35rem;display:grid}.kicker{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin:0 0 .45rem;font-size:.85rem}.hero h1{font-family:var(--display);text-transform:uppercase;letter-spacing:-.02em;color:var(--yellow);text-shadow:5px 5px 0 var(--red);margin:0;font-size:clamp(3.4rem,14vw,7.2rem);font-weight:700;line-height:.86}.lede{max-width:28rem;margin:.55rem 0 0;font-size:1.25rem}.hero-actions{margin:.9rem 0 0}.btn{background:var(--yellow);color:#14040c;min-height:2.8rem;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--magenta);border:0;justify-content:center;align-items:center;padding:.45rem 1.1rem;font-size:1.05rem;text-decoration:none;display:inline-flex}.btn:hover{background:var(--paper);color:#14040c}.btn-small{width:fit-content;min-height:1.85rem;padding:.25rem .7rem;font-size:.78rem;box-shadow:2px 2px 0 var(--magenta)}.hero-photo{margin:0}.hero-photo img{border:4px solid var(--yellow);width:100%;height:auto;box-shadow:10px 10px 0 var(--red);display:block}.hero-photo figcaption{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-top:.5rem;font-size:.85rem}.listen,.band,.press-wrap{border-top:4px solid var(--red);padding:1.1rem 0 1.15rem}.prose{max-width:40rem}.prose p{margin:.65rem 0 0}.prose p:first-child{margin-top:0}.later-line{color:var(--muted);font-size:1.02rem}.feature{border:3px solid var(--yellow);box-shadow:8px 8px 0 var(--red);background:#2a0814;grid-template-columns:6.5rem 1fr;align-items:center;gap:1rem;margin:0 0 1.1rem;padding:.9rem;display:grid}.feature img{border:2px solid var(--paper);width:100%}.feature h3{font-family:var(--display);text-transform:uppercase;margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:.95}.feature p{color:var(--muted);margin:.25rem 0 .7rem}.album-row{gap:1.2rem;display:grid}.album img{border:4px solid var(--yellow);width:100%;box-shadow:10px 10px 0 var(--red)}.album h3{font-family:var(--display);text-transform:uppercase;margin:.75rem 0 .2rem;font-size:1.7rem}.album p{color:var(--muted);margin:0 0 .8rem}.press{gap:.85rem;margin-top:0;display:grid}.press figure{margin:0}.press img{object-fit:contain;border:3px solid var(--yellow);width:100%;height:15rem;box-shadow:6px 6px 0 var(--magenta);background:#090005}.press figure.heat img{object-fit:cover}.press figure.iso img{object-fit:contain;background:#090005;height:18rem}.press figcaption{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-top:.45rem;font-size:.78rem}.site-footer{border-top:4px solid var(--yellow);padding:1rem 0 1.4rem}.footer-mark{font-family:var(--display);text-transform:uppercase;color:var(--yellow);margin:0 0 .7rem;font-size:1.35rem}.footer-contacts{gap:.65rem;margin-bottom:1rem;display:grid;max-width:28rem}.footer-contacts article{border:2px solid var(--yellow);background:#2a0814;padding:.55rem .7rem .65rem}.footer-contacts article:last-child{border-color:var(--red)}.footer-contacts h2{font-family:var(--display);text-transform:uppercase;color:var(--yellow);margin:0 0 .35rem;font-size:1rem}.footer-contacts p{color:var(--muted);margin:0 0 .9rem}.footer-links{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;gap:.7rem 1.1rem;margin:0 0 1rem;padding:0;font-size:.85rem;list-style:none;display:flex}.footer-legal{color:var(--muted);max-width:40rem;font-size:.92rem}@media (width>=840px){.nav-toggle{display:none}.site-nav,.site-nav.is-open{background:0 0;border:0;flex-direction:row;gap:1.2rem;padding:0;display:flex;position:static}.hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:1.6rem;padding:1.4rem 0 1.5rem}.feature{grid-template-columns:8.5rem 1fr}.album-row{grid-template-columns:1fr 1fr}.press{grid-template-columns:repeat(3,1fr)}.press figure:first-child{grid-column:1/span 2}.press figure:first-child img{height:18rem}.footer-contacts{grid-template-columns:1fr 1fr;gap:.65rem;max-width:28rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:before{display:none}}
.listen-icons{display:flex;flex-direction:row;flex-wrap:wrap;gap:.45rem;align-items:center;margin-top:.35rem}
.listen-icon{display:inline-flex;width:1.15rem;height:1.15rem;min-width:1.15rem;min-height:1.15rem;max-width:1.15rem;max-height:1.15rem;overflow:hidden;border:0;background:transparent;color:var(--cyan);box-shadow:none;border-radius:0;justify-content:center;align-items:center;text-decoration:none;opacity:.92;flex:0 0 1.15rem}
.listen-icon:hover{background:transparent;color:var(--yellow);opacity:1}
.listen-icon svg{width:1.15rem!important;height:1.15rem!important;max-width:1.15rem;max-height:1.15rem;display:block;flex:none}
.hero-actions .listen-icons{margin-top:.15rem}
.footer-contact-links{margin:0 0 .85rem}
.footer-credit{color:var(--muted);margin:1rem 0 0;font-size:.78rem;letter-spacing:.04em}
.footer-row{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 1.1rem;margin:0 0 .85rem}.footer-row .footer-listen-icons{margin:0}.footer-row .footer-links{margin:0}.footer-row .footer-contact-links{margin:0}
.site-nav{align-items:center}
.site-nav .header-listen-icons{margin:0;gap:.4rem}
.site-nav .listen-icon{color:var(--cyan)}
.site-nav a{display:inline-flex;align-items:center}
@media (width>=840px){
  .site-nav{align-items:center;gap:1rem}
}
.site-nav > a{color:var(--cyan)}
.site-nav > a:hover{color:var(--yellow)}
.album-cassette img{width:auto;max-width:min(100%,18rem);height:auto;aspect-ratio:auto;object-fit:contain;display:block;margin-inline:0}
.album-row{align-items:start}
@media (width>=840px){
  .album-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
}
.page-title{font-family:var(--display);text-transform:uppercase;letter-spacing:-.02em;color:var(--yellow);text-shadow:4px 4px 0 var(--red);margin:0 0 1.1rem;font-size:clamp(2.6rem,9vw,4.6rem);font-weight:700;line-height:.9}
.listen.music-listen{border-top:0;padding-top:1.35rem;width:min(100% - 2.5rem, 58rem)}
.music-listen .album-row{gap:1rem 1.05rem}
.music-listen .album img{width:100%;aspect-ratio:1;object-fit:contain;background:#090005;border-width:3px;box-shadow:5px 5px 0 var(--red)}
.music-listen .album-cassette img{width:100%;max-width:none;margin-inline:0}
.music-listen .album h3{font-size:1rem;margin:.45rem 0 .08rem;line-height:1.15}
.music-listen .album p{font-size:.85rem;margin:0}
@media (width>=640px){
  .music-listen .album-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (width>=960px){
  .music-listen .album-row{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.catalog-row{gap:1.2rem;margin-top:1.75rem;display:grid;align-items:start}
.press-photos figure:first-child{grid-column:auto}
@media (width>=840px){
  .catalog-row{grid-template-columns:1fr 1fr}
  .press-photos{grid-template-columns:repeat(3,1fr)}
  .press-photos figure:first-child{grid-column:auto}
  .press-photos figure:first-child img{height:15rem}
}
.press-wrap.about-page{border-top:0;padding-top:1.35rem}
.about-page .press{margin-bottom:1.2rem}

@media (min-width: 1100px) {
  :root { --wide: 90rem; }
  body { font-size: 1.25rem; }
  .header-inner { min-height: 4.5rem; }
  .wordmark { font-size: 1.9rem; }
  .site-nav { gap: 1.6rem; }
  .site-nav a { font-size: 1.2rem; }
  .listen-icon {
    width: 1.5rem;
    height: 1.5rem;
    max-width: 1.5rem;
    max-height: 1.5rem;
  }
  .listen-icon svg {
    width: 1.5rem !important;
    height: 1.5rem !important;
    max-width: 1.5rem;
    max-height: 1.5rem;
  }
  .hero h1 { font-size: clamp(5rem, 11vw, 10.5rem); }
  .footer-mark { font-size: 1.7rem; }
  .footer-links { font-size: 1.05rem; }
  .footer-credit { font-size: .9rem; }
}
