:root{
    --bg:#0a0a09;
    --panel:#141310;
    --panel2:#1b1a15;
    --hazard:#e8b923;
    --hazard-dim:#b6911b;
    --red:#d6362b;
    --text:#edeae1;
    --muted:#948f80;
    --line:#2b2922;
    --maxw:1120px;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:'Inter',sans-serif;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:2000;
    opacity:.035;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }
  .skip-link{
    position:absolute;left:-999px;top:auto;
    background:var(--hazard);color:#0a0a09;padding:12px 18px;
    font-family:'JetBrains Mono',monospace;font-weight:700;z-index:5000;
  }
  .skip-link:focus{left:12px;top:12px;}

  h1,h2,h3,.wordmark{
    font-family:'Anton',sans-serif;
    text-transform:uppercase;
    letter-spacing:.01em;
    margin:0;
  }
  .mono{font-family:'JetBrains Mono',monospace;}
  a{color:inherit;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
  section{padding:96px 0;}
  .eyebrow{
    font-family:'JetBrains Mono',monospace;
    font-size:.78rem;
    letter-spacing:.18em;
    color:var(--hazard);
    text-transform:uppercase;
    margin-bottom:14px;
    display:flex;align-items:center;gap:10px;
  }
  .eyebrow::before{content:"";width:22px;height:2px;background:var(--hazard);display:inline-block;}

  /* ---------- HAZARD STRIPE ---------- */
  .hazard{
    background-image:repeating-linear-gradient(135deg,var(--hazard) 0 18px,#0a0a09 18px 36px);
    height:10px;
    width:100%;
  }

  /* ---------- RIBBON (XENOMEDIA) ---------- */
  .ribbon{
    background:#000;
    text-align:center;
    padding:7px 12px;
    font-family:'JetBrains Mono',monospace;
    font-size:.7rem;
    letter-spacing:.22em;
    color:var(--hazard-dim);
    text-transform:uppercase;
    border-bottom:1px solid var(--line);
  }
  .ribbon strong{color:var(--hazard);}

  /* ---------- MARQUEE ---------- */
  .marquee{
    background:#000;
    border-bottom:1px solid var(--line);
    overflow:hidden;
    white-space:nowrap;
    padding:10px 0;
  }
  .marquee__track{
    display:inline-block;
    animation:scroll 24s linear infinite;
    font-family:'JetBrains Mono',monospace;
    font-weight:700;
    font-size:.82rem;
    letter-spacing:.14em;
    color:var(--hazard);
  }
  .marquee__track span{margin:0 22px;}
  .marquee__track .dim{color:var(--muted);}
  @keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

  /* ---------- NAV ---------- */
  nav{
    position:sticky;top:0;z-index:100;
    background:rgba(10,10,9,.92);
    backdrop-filter:blur(6px);
    border-bottom:1px solid var(--line);
  }
  nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;}
  .wordmark{font-size:1.25rem;color:var(--text);}
  .wordmark .dot{color:var(--red);}
  nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0;flex-wrap:wrap;}
  nav a{
    text-decoration:none;font-size:.78rem;letter-spacing:.06em;
    text-transform:uppercase;color:var(--muted);font-weight:600;
    transition:color .15s;
  }
  nav a:hover,nav a:focus-visible{color:var(--hazard);}
  .navlinks{display:flex;align-items:center;}
  .navlinks>li{position:relative;}
  .navlinks>li>a[aria-current="page"]{color:var(--hazard);}

  /* ---------- DROPDOWN (desktop) ---------- */
  .has-dropdown>a{display:flex;align-items:center;gap:6px;}
  .caret{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .15s;}
  .has-dropdown.open .caret,.has-dropdown:focus-within .caret{transform:rotate(-135deg);margin-top:2px;}
  .dropdown{
    list-style:none;margin:0;padding:8px;position:absolute;top:calc(100% + 14px);left:50%;
    transform:translateX(-50%);min-width:220px;background:var(--panel);
    border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.45);
    opacity:0;visibility:hidden;translate:0 6px;transition:opacity .15s,translate .15s,visibility .15s;
  }
  .has-dropdown:hover .dropdown,.has-dropdown:focus-within .dropdown,.has-dropdown.open .dropdown{
    opacity:1;visibility:visible;translate:0 0;
  }
  .dropdown li a{display:block;padding:10px 12px;white-space:nowrap;}
  .dropdown li a:hover,.dropdown li a:focus-visible{background:var(--panel2);}

  /* ---------- NAV TOGGLE (mobile) ---------- */
  .nav-toggle{
    display:none;background:none;border:1px solid var(--line);color:var(--text);
    font-family:'JetBrains Mono',monospace;font-size:.75rem;letter-spacing:.08em;
    text-transform:uppercase;padding:9px 14px;cursor:pointer;
  }
  .nav-toggle:hover{border-color:var(--hazard);color:var(--hazard);}

  @media(max-width:900px){
    .nav-toggle{display:block;}
    .navlinks{
      display:none;flex-direction:column;align-items:stretch;gap:0;
      position:fixed;top:0;right:0;height:100%;width:min(320px,85vw);
      background:var(--panel);border-left:1px solid var(--line);
      padding:80px 8px 24px;overflow-y:auto;
    }
    .navlinks.open{display:flex;}
    .navlinks>li{border-bottom:1px solid var(--line);}
    .navlinks>li>a{display:block;padding:16px 12px;}
    .dropdown{
      position:static;transform:none;opacity:1;visibility:visible;translate:0;
      display:none;box-shadow:none;border:none;border-top:1px solid var(--line);
      background:var(--panel2);padding:0;
    }
    .has-dropdown.open>.dropdown{display:block;}
    .dropdown li a{padding:12px 12px 12px 24px;}
    .nav-scrim{
      display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99;
    }
    .nav-scrim.open{display:block;}
  }

  /* ---------- PAGE HEADER (subpages) ---------- */
  .page-header{padding:64px 0 40px;border-bottom:1px solid var(--line);}
  .page-header h1{font-size:clamp(2.2rem,5vw,3.4rem);}
  .page-header p{color:var(--muted);max-width:640px;margin-top:14px;}
  .breadcrumbs{font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-bottom:18px;}
  .breadcrumbs a{color:var(--muted);text-decoration:none;}
  .breadcrumbs a:hover{color:var(--hazard);}

  /* ---------- EXPLORE GRID (home) ---------- */
  .explore-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
  .explore-card{background:var(--bg);padding:28px;text-decoration:none;color:var(--text);transition:background .15s;}
  .explore-card:hover{background:var(--panel2);}
  .explore-card .icon{font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.14em;color:var(--hazard);text-transform:uppercase;}
  .explore-card h3{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:1.3rem;margin:10px 0 8px;}
  .explore-card p{color:var(--muted);font-size:.92rem;margin:0;}

  /* ---------- TOC CHIPS ---------- */
  .toc{
    display:flex;gap:10px;overflow-x:auto;padding:18px 24px 6px;
    max-width:var(--maxw);margin:0 auto;
    scrollbar-width:thin;
  }
  .toc a{
    flex:0 0 auto;
    font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.08em;
    text-transform:uppercase;text-decoration:none;color:var(--muted);
    border:1px solid var(--line);padding:8px 14px;white-space:nowrap;
    transition:.15s;
  }
  .toc a:hover,.toc a:focus-visible{border-color:var(--hazard);color:var(--hazard);}

  /* ---------- HERO ---------- */
  .hero{
    position:relative;
    padding:80px 0 70px;
    overflow:hidden;
    border-bottom:1px solid var(--line);
  }
  .eq{
    position:absolute;inset:0;
    display:flex;align-items:flex-end;justify-content:center;
    gap:6px;opacity:.5;filter:blur(.3px);
    pointer-events:none;
  }
  .eq span{
    width:10px;
    background:linear-gradient(180deg,var(--red),var(--hazard));
    animation:bounce 1.1s ease-in-out infinite;
    opacity:.35;
  }
  @keyframes bounce{
    0%,100%{height:18px;}
    50%{height:220px;}
  }
  .hero-inner{position:relative;z-index:2;text-align:center;}
  .hero h1{
    font-size:clamp(3rem,10vw,7rem);
    line-height:.92;
    color:var(--text);
    text-shadow:3px 3px 0 var(--red);
  }
  .hero .sub{
    max-width:600px;margin:24px auto 0;
    color:var(--muted);font-size:1.05rem;
  }
  .hero .ctas{display:flex;gap:16px;justify-content:center;margin-top:34px;flex-wrap:wrap;}
  .btn{
    display:inline-block;padding:14px 26px;
    font-family:'JetBrains Mono',monospace;font-weight:700;
    font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;
    text-decoration:none;border:2px solid var(--hazard);color:var(--hazard);
    transition:.15s;background:transparent;cursor:pointer;
  }
  .btn:hover,.btn:focus-visible{background:var(--hazard);color:#0a0a09;}
  .btn.solid{background:var(--red);border-color:var(--red);color:#0a0a09;}
  .btn.solid:hover{background:transparent;color:var(--red);}

  /* ---------- NEWS BANNER ---------- */
  .news{
    background:var(--panel);
    border:1px solid var(--hazard-dim);
    border-left:6px solid var(--hazard);
    padding:24px 28px;margin-top:-1px;
  }
  .news .tag{
    font-family:'JetBrains Mono',monospace;font-weight:700;font-size:.75rem;
    letter-spacing:.14em;color:var(--red);text-transform:uppercase;
  }
  .news p{margin:10px 0 0;color:var(--text);font-size:.98rem;}
  .news p + p{margin-top:8px;color:var(--muted);}

  /* ---------- SECTION HEADS ---------- */
  .head{max-width:680px;margin-bottom:44px;}
  .head h2{font-size:clamp(1.9rem,4vw,2.8rem);}
  .head p{color:var(--muted);margin-top:14px;font-size:1.02rem;}

  /* ---------- QUICK FACTS ---------- */
  .facts{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:56px;
  }
  .facts > div{background:var(--panel);padding:20px 22px;}
  .facts dt{
    font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.12em;
    color:var(--hazard);text-transform:uppercase;margin:0 0 6px;
  }
  .facts dd{margin:0;font-weight:600;font-size:.98rem;color:var(--text);}

  /* ---------- BIO ---------- */
  .bio{display:grid;grid-template-columns:1fr;gap:6px;}
  .bio h3{font-family:'Inter',sans-serif;text-transform:none;font-weight:800;font-size:1.2rem;margin:34px 0 12px;color:var(--hazard);}
  .bio h3:first-child{margin-top:0;}
  .bio-text p{margin:0 0 18px;color:var(--text);font-size:1.02rem;}
  .bio-text strong{color:var(--hazard);}
  .quote-strip{
    background:var(--panel);border:1px solid var(--line);
    padding:22px 26px;margin:10px 0 28px;border-left:4px solid var(--red);
  }
  .quote-strip p{margin:0;color:var(--text);font-style:italic;}

  /* ---------- TIMELINE ---------- */
  .timeline{border-left:2px solid var(--line);margin-left:8px;}
  .tl-item{position:relative;padding:0 0 38px 34px;}
  .tl-item:last-child{padding-bottom:0;}
  .tl-item::before{
    content:"";position:absolute;left:-7px;top:2px;
    width:12px;height:12px;background:var(--hazard);
    border:2px solid var(--bg);
  }
  .tl-year{
    font-family:'JetBrains Mono',monospace;color:var(--red);
    font-weight:700;font-size:.95rem;margin-bottom:6px;display:block;
  }
  .tl-item h3{font-family:'Inter',sans-serif;text-transform:none;font-weight:700;font-size:1.06rem;margin-bottom:6px;color:var(--text);}
  .tl-item p{margin:0;color:var(--muted);font-size:.95rem;}

  /* ---------- GRID / CARDS ---------- */
  .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;}
  .card{
    background:var(--panel);border:1px solid var(--line);
    padding:26px;transition:.15s;
  }
  .card:hover{border-color:var(--hazard-dim);transform:translateY(-2px);}
  .card .icon{font-family:'JetBrains Mono',monospace;color:var(--hazard);font-size:.72rem;letter-spacing:.12em;margin-bottom:14px;display:block;}
  .card h3{font-family:'Inter',sans-serif;text-transform:none;font-size:1.1rem;font-weight:700;margin-bottom:10px;color:var(--text);}
  .card p{margin:0;color:var(--muted);font-size:.94rem;}
  .card a.more{display:inline-block;margin-top:12px;color:var(--hazard);font-size:.82rem;text-decoration:none;font-weight:600;}
  .card a.more:hover{text-decoration:underline;}

  /* ---------- DISCOGRAPHY ---------- */
  .stat-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:36px;}
  .stat{
    background:var(--panel2);border:1px solid var(--line);padding:16px 22px;flex:1 1 180px;
  }
  .stat .n{font-family:'Anton',sans-serif;font-size:1.9rem;color:var(--hazard);display:block;}
  .stat .l{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;}
  .tracklist{border-top:1px solid var(--line);}
  .track{
    display:flex;align-items:baseline;justify-content:space-between;gap:16px;
    padding:20px 0;border-bottom:1px solid var(--line);
  }
  .track .name{font-weight:700;font-size:1.05rem;}
  .track .meta{font-family:'JetBrains Mono',monospace;color:var(--muted);font-size:.8rem;text-align:right;white-space:nowrap;}

  /* ---------- FESTIVALS ---------- */
  .taglist{display:flex;flex-wrap:wrap;gap:10px;}
  .taglist span{
    border:1px solid var(--line);padding:9px 16px;font-size:.86rem;
    font-family:'JetBrains Mono',monospace;color:var(--text);background:var(--panel);
  }
  .tour-schedule{margin-top:28px;border-top:1px solid var(--line);}
  .tour-schedule .row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:.94rem;}
  .tour-schedule .row span:first-child{color:var(--muted);font-family:'JetBrains Mono',monospace;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;}

  /* ---------- FAQ ---------- */
  .faq details{
    border:1px solid var(--line);background:var(--panel);
    margin-bottom:12px;padding:0;
  }
  .faq summary{
    padding:20px 24px;cursor:pointer;font-weight:700;font-size:1rem;
    list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;
  }
  .faq summary::-webkit-details-marker{display:none;}
  .faq summary::after{content:"+";font-family:'JetBrains Mono',monospace;color:var(--hazard);font-size:1.2rem;flex-shrink:0;}
  .faq details[open] summary::after{content:"–";}
  .faq .a{padding:0 24px 22px;color:var(--muted);font-size:.96rem;margin:0;}

  /* ---------- TOUR / SOCIAL ---------- */
  .split{display:grid;grid-template-columns:1fr;gap:20px;}
  @media(min-width:800px){ .split{grid-template-columns:1.1fr .9fr;} }
  .panel-box{background:var(--panel);border:1px solid var(--line);padding:32px;}
  .panel-box h3{font-family:'Inter',sans-serif;text-transform:none;font-size:1.2rem;font-weight:800;margin-bottom:12px;}
  .panel-box p{color:var(--muted);margin:0 0 18px;font-size:.96rem;}
  .linklist{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
  .linklist a{
    display:flex;justify-content:space-between;align-items:center;
    padding:14px 16px;background:var(--panel2);border:1px solid var(--line);
    text-decoration:none;font-weight:600;font-size:.92rem;transition:.15s;
  }
  .linklist a:hover,.linklist a:focus-visible{border-color:var(--hazard);color:var(--hazard);}
  .linklist .arrow{font-family:'JetBrains Mono',monospace;color:var(--muted);}

  /* ---------- FOOTER ---------- */
  footer{border-top:1px solid var(--line);padding:52px 0 60px;background:#000;}
  footer .wrap{display:flex;flex-direction:column;gap:16px;}
  footer .brand{font-family:'Anton',sans-serif;font-size:1.4rem;color:var(--hazard);text-transform:uppercase;}
  footer .brand span{color:var(--text);font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.14em;display:block;margin-top:4px;}
  footer .disclaimer{color:var(--muted);font-size:.84rem;max-width:640px;}
  footer .sources{color:#5a574c;font-size:.78rem;line-height:1.7;}
  footer nav ul{list-style:none;display:flex;gap:20px;padding:0;flex-wrap:wrap;}
  footer nav a{font-size:.8rem;color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.06em;}
  footer nav a:hover{color:var(--hazard);}

  ::selection{background:var(--hazard);color:#0a0a09;}
  a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--hazard);outline-offset:2px;}

  @media (prefers-reduced-motion: reduce){
    .marquee__track,.eq span{animation:none;}
  }