@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&family=Inter:wght@300;400;600&display=swap');
*{margin:0;padding:0;box-sizing:border-box;}
:root{--red:#FFCD01;--dark:#0a0a0a;--light:#e0e0e0;--mid:#888;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{background:var(--dark);color:var(--light);font-family:'Inter',sans-serif;overflow-x:hidden;position:relative;}

nav{position:fixed;top:0;width:100%;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0.5rem 4rem;background:rgba(0,0,0,0.95);border-bottom:1px solid #1e1e1e;}
body.home nav{border-bottom:none;}
.logo{font-family:'Cinzel',serif;font-size:1.1rem;letter-spacing:.2em;color:#fff;text-transform:uppercase;cursor:pointer;}
nav ul{list-style:none;display:flex;gap:2.5rem;}
nav a{color:var(--mid);text-decoration:none;font-size:.95rem;letter-spacing:.15em;text-transform:uppercase;transition:color .3s;cursor:pointer;font-family:'Cinzel',serif;}
nav a:hover{color:#fff;}

.page{display:none;padding:8rem 6rem 2rem;flex-direction:column;}
.page.active{display:flex;}

#page-home{display:none;min-height:100vh;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;background:#000;padding:0;}
#page-home.active{display:flex;}
.crow-flock{position:absolute;inset:0;z-index:1;pointer-events:none;}
.crow{position:absolute;font-size:1.2rem;opacity:.07;animation:fall linear infinite;color:#FFCD01;}
@keyframes fall{0%{transform:translateY(-60px);}100%{transform:translateY(110vh);}}
.hero-content{position:relative;z-index:2;text-align:center;}
.hero-content h1{margin:0;}
.hero-content .tagline{margin-top:1.2rem;font-size:.9rem;letter-spacing:.4em;text-transform:uppercase;color:var(--mid);}
.hero-line{width:60px;height:2px;background:var(--red);margin:1.5rem auto;}
.hero-btns{display:flex;gap:1rem;justify-content:center;margin-top:2rem;}

.btn{padding:.75rem 2rem;border:none;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:all .3s;display:inline-block;}
.btn-primary{background:#FFCD01;color:#000;}
.btn-primary:hover{background:#e6b800;}
.btn-outline{background:transparent;border:1px solid #555;color:var(--light);}
.btn-outline:hover{border-color:#fff;color:#fff;}
.btn-sm{padding:.5rem 1.2rem;font-size:.7rem;min-width:80px;display:inline-flex;align-items:center;justify-content:center;line-height:1;}

.section-label{font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--red);margin-bottom:.8rem;}
.section-title{font-family:'Cinzel',serif;font-size:clamp(1.8rem,4vw,3rem);margin-bottom:2.5rem;text-transform:uppercase;}
.section-title img{height:clamp(3rem,5vw,4.5rem);width:auto;max-width:100%;}
.divider{width:50px;height:2px;background:var(--red);margin-bottom:3rem;}
.divider.center{margin:0 auto 3rem;}

/* PRIVACY PAGE */
.privacy-h3{font-family:'Cinzel',serif;font-size:1rem;text-transform:uppercase;letter-spacing:.15em;color:#fff;margin:2.5rem 0 .8rem;border-left:2px solid var(--red);padding-left:.8rem;}
.privacy-p{color:#bbb;font-size:.9rem;line-height:1.8;margin-bottom:1rem;}

/* ABOUT */
.about-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0.625rem;align-items:flex-start;}
.about-img{width:100%;position:relative;overflow:hidden;border:none;}
.about-img img{width:80%;height:auto;object-fit:contain;display:block;margin:0 auto;transition:filter .2s ease;}
.about-img::after{content:'';position:absolute;top:0;bottom:0;left:10%;right:10%;background:#000 url('https://cdn.amurderofone.com/assets/AMOO.jpg') center/contain no-repeat;opacity:0;pointer-events:none;z-index:2;}
.about-img.min-ens-desktop::after{left:0;right:0;}
@media (hover: hover) and (pointer: fine){
  .about-img:hover img{animation:glitch 2s steps(1) infinite;}
  .about-img:hover::after{animation:glitch-logo 2s steps(1) infinite;}
}
@keyframes glitch-logo{
  0%  {opacity:0;}
  25% {opacity:1;}
  30% {opacity:0;}
  66% {opacity:1;}
  71% {opacity:0;}
  100%{opacity:0;}
}
@keyframes glitch{
  0%  {filter:none;transform:translate(0,0);clip-path:inset(0);}
  8%  {filter:drop-shadow(3px 0 #ff003c) drop-shadow(-3px 0 #00d9ff) contrast(1.3) saturate(1.6);transform:translate(-3px,0);clip-path:inset(0);}
  14% {filter:hue-rotate(90deg) saturate(2.5) contrast(1.3);transform:translate(3px,-1px);clip-path:polygon(0 0,100% 0,100% 35%,0 35%);}
  18% {filter:none;transform:translate(0,0);clip-path:inset(0);}
  25% {filter:drop-shadow(-3px 0 #ff003c) drop-shadow(3px 0 #00d9ff) invert(.15);transform:translate(-2px,1px);clip-path:inset(0);}
  32% {filter:hue-rotate(-80deg) contrast(1.5) saturate(2);transform:translate(2px,0);clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);}
  38% {filter:none;transform:translate(0,0);clip-path:inset(0);}
  46% {filter:invert(1) hue-rotate(180deg) contrast(1.1);transform:scaleX(-1) translate(0,1px);}
  49% {filter:invert(1) hue-rotate(180deg) contrast(1.1);transform:translate(0,1px);}
  54% {filter:drop-shadow(2px 0 #ff003c) drop-shadow(-2px 0 #00d9ff) hue-rotate(30deg) saturate(2);transform:translate(1px,-1px);clip-path:polygon(0 30%,100% 30%,100% 60%,0 60%);}
  60% {filter:none;transform:translate(0,0);clip-path:inset(0);}
  68% {filter:sepia(.5) hue-rotate(260deg) saturate(3);transform:translate(-3px,0);}
  76% {filter:contrast(2.2) saturate(0);transform:translate(3px,1px);clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%,0 40%,100% 40%,100% 100%,0 100%);}
  82% {filter:none;transform:translate(0,0);clip-path:inset(0);}
  90% {filter:drop-shadow(0 -2px #ff003c) drop-shadow(0 2px #00d9ff) hue-rotate(-30deg);transform:scaleX(-1) translate(-1px,0);}
  93% {filter:drop-shadow(0 -2px #ff003c) drop-shadow(0 2px #00d9ff) hue-rotate(-30deg);transform:translate(-1px,0);}
  100%{filter:none;transform:translate(0,0);clip-path:inset(0);}
}
.min-ens-mobile{display:none;}
.band-photo-mobile{display:none;}
.about-text p{color:#aaa;line-height:1.9;margin-bottom:1.2rem;font-size:.95rem;}
.members{margin-top:2rem;display:flex;flex-direction:column;gap:.6rem;}
.member{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid #1e1e1e;font-size:.85rem;}
.member-name{color:#fff;font-weight:600;}
.member-role{color:var(--mid);letter-spacing:.1em;font-size:.75rem;text-transform:uppercase;}

/* MUSIC */
.music-inner{max-width:1100px;margin:0 auto;}
.albums-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;}
.album-header{margin-bottom:1.2rem;text-align:left;}
.album-row{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:1.25rem;align-items:flex-start;}
.album-cover-col{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;min-width:0;}
.album-large-cover{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px;display:block;}
.album-art-thumb{width:80px;height:80px;flex-shrink:0;overflow:hidden;}
.album-art-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.album-col-title{font-family:'Cinzel',serif;font-weight:700;font-size:.95rem;color:#fff;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.12em;line-height:1;}
.album-col-year{font-size:.72rem;color:#888;}
.soundcloud-tracks{display:flex;flex-direction:column;gap:.55rem;min-width:0;}
.track-label-sp{display:none;}
.custom-sc-player{background:#121212;border-radius:4px;display:block;padding:10px 12px 28px 12px;position:relative;overflow:hidden;}
.cp-art{display:none;}
.cp-body{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:6px;row-gap:6px;min-width:0;}
.cp-top-row,.cp-controls,.cp-progress-row{display:contents;}
.cp-info{grid-column:1;grid-row:1 / span 2;min-width:0;}
.cp-title{color:#fff;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;font-family:'Inter',sans-serif;}
.cp-artist{color:#a7a7a7;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0;font-family:'Inter',sans-serif;}
.cp-preview{display:inline-block;border:1px solid #727272;color:#a7a7a7;font-size:9px;padding:1px 5px;border-radius:2px;letter-spacing:.05em;text-transform:uppercase;font-family:'Inter',sans-serif;}
.cp-icon-btn{color:#a7a7a7;background:none;border:none;cursor:pointer;padding:4px;transition:color .2s;display:flex;align-items:center;justify-content:center;}
.cp-icon-btn:hover{color:#fff;}
.cp-vol-wrap{grid-column:2;grid-row:1 / span 2;display:flex;align-items:center;justify-self:end;}
.cp-vol-btn{color:#a7a7a7;background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;transition:color .2s;}
.cp-vol-btn svg{width:20px;height:20px;}
.cp-vol-btn:hover{color:#fff;}
.cp-vol-range{display:none;}
.cp-play-btn{grid-column:3;grid-row:1 / span 2;width:32px;height:32px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s,background .2s;flex-shrink:0;align-self:center;margin-left:2px;}
.cp-play-btn:hover{transform:scale(1.06);background:#e0e0e0;}
.cp-progress-track{grid-column:1 / -1;grid-row:3;height:3px;background:#535353;border-radius:2px;cursor:pointer;position:relative;transition:height .15s;}
.cp-progress-track:hover{height:5px;}
.cp-progress-fill{height:100%;background:#b3b3b3;border-radius:2px;width:0%;pointer-events:none;}
.cp-progress-track:hover .cp-progress-fill{background:#fff;}
.cp-time{position:absolute;bottom:6px;font-size:10px;color:#a7a7a7;font-family:'Inter',sans-serif;line-height:1;white-space:nowrap;}
.cp-time-dur{right:12px;text-align:left;}
.cp-time-dur::before{content:"/ ";color:#a7a7a7;}
.cp-progress-row > .cp-time:not(.cp-time-dur){right:42px;}
.cp-sc-badge{position:absolute;bottom:5px;left:12px;right:auto;top:auto;opacity:.55;display:inline-flex;align-items:center;text-decoration:none;transition:opacity .2s;}
.cp-sc-badge:hover{opacity:1;}
.album{cursor:pointer;transition:transform .3s;width:220px;}
.album:hover{transform:translateY(-6px);}
.album-art{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:3.5rem;margin-bottom:1rem;position:relative;overflow:hidden;}
.album-art-1{background:linear-gradient(135deg,#1a0505,#3d0c0c);}
.album-art-2{background:linear-gradient(135deg,#050510,#0c0c3d);}
.album-art-3{background:linear-gradient(135deg,#0a0a0a,#2a2a2a);}
.album-overlay{display:none;}
.album-title{font-family:'Cinzel',serif;font-size:1rem;margin-bottom:.3rem;}
.album-year{font-size:.75rem;color:var(--mid);}
@media(max-width:768px){.albums-grid{grid-template-columns:1fr;}}
.tracklist{margin-top:.6rem;}
.track{font-size:.78rem;color:#666;padding:.25rem 0;border-bottom:1px solid #1a1a1a;display:flex;justify-content:space-between;}
.track span:first-child{color:#999;}

/* 404 */
#page-404{min-height:100vh;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;}
.error-code{font-family:'Cinzel',serif;font-size:clamp(5rem,15vw,10rem);font-weight:900;line-height:1;color:#fff;letter-spacing:.05em;opacity:.08;}
.error-label{font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--red);margin-bottom:.8rem;}
.error-title{font-family:'Cinzel',serif;font-size:clamp(1.4rem,3vw,2rem);text-transform:uppercase;margin-bottom:1rem;letter-spacing:.1em;}
.error-text{color:#888;font-size:.9rem;line-height:1.8;max-width:380px;margin:0 auto 1.5rem;}
.redirect-msg{font-size:.8rem;color:var(--mid);margin-bottom:1.5rem;letter-spacing:.05em;}
.redirect-msg em{color:#FFCD01;font-style:normal;font-weight:600;}
.countdown-ring{display:inline-block;position:relative;width:36px;height:36px;vertical-align:middle;margin-right:.4rem;}
.countdown-ring svg{transform:rotate(-90deg);}
.countdown-ring circle{fill:none;stroke:#FFCD01;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 1s linear;}
.countdown-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#FFCD01;font-family:'Inter',sans-serif;}

/* SHOWS */
.tour-inner{width:100%;margin:0 auto;}
.show{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:2rem;padding:1.5rem 0;border-bottom:1px solid #1e1e1e;transition:background .2s;width:100%;}
.show > *{min-width:0;}
.show:hover{background:#111;}
.show-btns{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:flex-end;min-width:0;}
.show-date{text-align:center;}
.show-month{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--red);}
.show-day{font-family:'Cinzel',serif;font-size:2rem;line-height:1;}
.show-venue{font-weight:600;font-size:.95rem;}
.show-city{font-size:.8rem;color:var(--mid);margin-top:.2rem;}
.show.past{opacity:.45;filter:grayscale(30%);}
.show.past:hover{opacity:.65;background:#111;}
.past-shows-divider{display:flex;align-items:center;gap:1rem;padding:1.5rem 0 .5rem;width:100%;}
.past-shows-divider::before,.past-shows-divider::after{content:'';flex:1;height:1px;background:#2a2a2a;}
.past-shows-divider span{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:#444;white-space:nowrap;}

/* COMPACT PAST SHOWS */
.show-compact{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:1.5rem;padding:.55rem 0;border-bottom:1px solid #161616;opacity:.55;transition:opacity .2s, background .2s;font-size:.82rem;}
.show-compact:hover{opacity:.9;background:#0f0f0f;}
.show-compact .sc-date{color:var(--mid);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-variant-numeric:tabular-nums;white-space:nowrap;}
.show-compact .sc-line2{display:contents;}
.show-compact .sc-venue{font-weight:500;color:var(--light);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.show-compact .sc-city{color:var(--mid);font-size:.78rem;white-space:nowrap;text-align:right;}
.archive-link{text-align:center;margin-top:2.5rem;color:#555;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-family:'Cinzel',serif;}
.archive-link a{color:#777;text-decoration:none;border-bottom:1px solid #2a2a2a;padding-bottom:2px;transition:all .2s;cursor:pointer;}
.archive-link a:hover{color:var(--red);border-color:var(--red);}

/* ARCHIVE PAGE */
.archive-top{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #1e1e1e;}
.back-link{font-family:'Cinzel',serif;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mid);text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:color .2s;cursor:pointer;border-bottom:1px solid transparent;padding-bottom:2px;}
.back-link:hover{color:var(--red);border-color:var(--red);}
.year-filters{margin-left:auto;display:flex;gap:.15rem;align-items:center;font-family:'Cinzel',serif;font-size:.825rem;letter-spacing:.2em;text-transform:uppercase;}
.year-filters a{color:#777;text-decoration:none;padding:.2rem .55rem;cursor:pointer;transition:color .2s;border-bottom:1px solid transparent;}
.year-filters a:hover{color:var(--light);}
.year-filters a.active{color:var(--red);border-bottom-color:var(--red);}
.year-filters .dot{color:#333;}
.year-group{margin-top:2.5rem;}
.year-group:first-of-type{margin-top:0;}
.year-group.hidden{display:none;}
.year-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:.5rem;padding-bottom:.6rem;border-bottom:1px solid #2a2a2a;}
.year-header .year{font-family:'Cinzel',serif;font-size:1.4rem;letter-spacing:.15em;color:var(--red);}

/* MERCH */
.merch-grid{display:flex;flex-direction:row;gap:2rem;justify-content:center;}
.merch-item{display:flex;flex-direction:column;align-items:center;flex:1;max-width:300px;}
.merch-img-placeholder{width:100%;aspect-ratio:1;background:#1a1a1a;border:1px solid #2a2a2a;margin-bottom:1rem;position:relative;overflow:hidden;}
.merch-name{font-family:'Cinzel',serif;font-size:.95rem;text-align:center;margin-bottom:.3rem;}
.merch-price{font-size:.85rem;color:var(--mid);}
.sold-out-banner{position:absolute;top:18px;right:-32px;background:#cc0000;color:#fff;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;font-family:'Inter',sans-serif;font-weight:600;padding:5px 44px;transform:rotate(30deg);pointer-events:none;}
.btn-sold-out{background:#2a2a2a;color:#555;cursor:not-allowed;border:1px solid #333;pointer-events:none;}
@media(max-width:768px){.merch-grid{flex-direction:column;align-items:center;}.merch-item{width:100%;max-width:100%;}}

/* HONEYPOT */
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;tabindex:-1;}

/* CONTACT */
.contact-form{display:flex;flex-direction:column;gap:1rem;}
.contact-form input,.contact-form textarea{background:#111;border:1px solid #222;padding:.9rem 1rem;color:#fff;font-size:.9rem;font-family:'Inter',sans-serif;outline:none;transition:border .3s;}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--red);}
.contact-form textarea{height:130px;resize:none;}

.social-bar{background:#0d0d0d;padding:1.5rem;text-align:center;border-top:1px solid #1a1a1a;}
.social-bar a{color:#888;text-decoration:none;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;margin:0 1rem;transition:color .3s;}
.social-bar a:hover{color:#FFCD01;}
.site-footer{text-align:center;padding:2rem;font-size:.75rem;color:#333;border-top:1px solid #1a1a1a;}
.site-footer a,.home-copyright a{color:#555;text-decoration:none;transition:color .3s;}
.site-footer a:hover,.home-copyright a:hover{color:#FFCD01;}

/* HAMBURGER */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none;}
.hamburger span{display:block;width:24px;height:2px;background:#fff;transition:all .3s;}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media(max-width:768px){
  nav{padding:.3rem 1.5rem;}
  nav ul{
    display:none;flex-direction:column;gap:0;
    position:fixed;top:3.8rem;left:0;right:0;
    background:rgba(0,0,0,0.98);
    border-bottom:1px solid #1e1e1e;
    padding:1rem 0;
  }
  nav ul.open{display:flex;}
  nav ul li a{display:block;padding:.85rem 2rem;font-size:.85rem;}
  .hamburger{display:flex;padding:14px 10px;}
  .page{padding:5rem 1.2rem 3rem;}
  .hero-content img{height:clamp(200px,55vw,380px)!important;width:auto!important;max-width:90vw!important;}
  .hero-content .tagline{font-size:.7rem;letter-spacing:.2em;}
  .hero-btns{flex-direction:column;align-items:center;gap:.75rem;}
  .hero-btns .btn{width:220px;text-align:center;}
  .section-title{margin-bottom:1.5rem;}
  .about-inner{grid-template-columns:1fr;gap:2rem;}
  .about-inner > div:first-child{order:2;}
  .about-inner > div:last-child{order:1;}
  .min-ens-desktop{display:none;}
  .min-ens-mobile{display:block;}
  .band-photo-desktop{display:none;}
  .band-photo-mobile{display:block;width:100%;margin:1.5rem 0;aspect-ratio:16/10;overflow:hidden;}
  .band-photo-mobile img{width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block;margin:0;}
  .albums-grid{grid-template-columns:1fr;gap:3rem;}
  .album-art-thumb{width:60px;height:60px;}
  .album-col-title{font-size:.9rem;}
  .soundcloud-tracks iframe{height:80px;}
  /* Keep music players inside page padding on mobile */
  .album-col{min-width:0;}
  .custom-sc-player{box-sizing:border-box;width:100%;max-width:100%;}
  .show{grid-template-columns:60px 1fr auto;gap:.75rem;padding:1.2rem 0;}
  .show-day{font-size:1.5rem;}
  .show-venue{font-size:.85rem;}
  .show-compact{grid-template-columns:1fr;gap:.15rem;padding:.65rem 0;}
  .show-compact .sc-date{font-size:.68rem;}
  .show-compact .sc-line2{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;}
  .show-compact .sc-city{text-align:right;}
  .archive-top{flex-wrap:wrap;}
  .year-filters{margin-left:0;width:100%;margin-top:.75rem;justify-content:flex-start;font-size:.77rem;}
  .btn-sm{width:auto!important;padding:.5rem .9rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:.8rem;}
  .show-btns svg{width:20px;height:20px;}
  .show-btns{gap:.4rem;}
  .merch-grid{flex-direction:column;align-items:center;}
  .merch-item{width:100%;max-width:320px;}
  .contact-form input,.contact-form textarea{font-size:16px;}
}

/* Stack EP cover above tracks on small screens */
@media(max-width:560px){
  .album-row{grid-template-columns:1fr;gap:1rem;}
  .album-cover-col{align-items:stretch;}
  .album-cover-col .album-out-link{align-self:center;text-align:center;}
}

@media(max-width:480px){
  .page{padding:5rem .9rem 2rem;}
  .show{grid-template-columns:50px 1fr auto;gap:.5rem;}
  nav{padding:.3rem 1.2rem;}
  /* Tighter player layout on the narrowest phones */
  .custom-sc-player{padding:8px 10px 24px 10px;}
  .cp-play-btn{width:28px;height:28px;}
}

/* ====== LIVESTREAM BANNER ====== */
.ls-banner{
  position:fixed; top:0; left:0; width:100%; z-index:200;
  background:#FFCD01; color:#0a0a0a;
  font-family:'Inter',sans-serif;
  display:flex; align-items:center; justify-content:center;
  gap:1.25rem; padding:.55rem 1.25rem;
  border-bottom:1px solid #d6ad00;
  box-shadow:0 2px 0 rgba(0,0,0,.25);
}
.ls-banner .ls-pulse{
  display:inline-block; width:8px; height:8px; border-radius:50%;
  background:#cc0000; box-shadow:0 0 0 0 rgba(204,0,0,.7);
  animation:ls-pulse 1.6s infinite;
}
@keyframes ls-pulse{
  0%{box-shadow:0 0 0 0 rgba(204,0,0,.7);}
  70%{box-shadow:0 0 0 10px rgba(204,0,0,0);}
  100%{box-shadow:0 0 0 0 rgba(204,0,0,0);}
}
.ls-banner .ls-eyebrow{
  font-family:'Cinzel',serif; font-weight:700; font-size:.7rem;
  letter-spacing:.25em; text-transform:uppercase; color:#0a0a0a;
}
.ls-banner .ls-msg{ font-size:.85rem; font-weight:400; color:#0a0a0a; }
.ls-banner .ls-msg strong{ font-weight:600; }
.ls-banner .ls-cta{
  background:#0a0a0a; color:#FFCD01; text-decoration:none;
  font-family:'Cinzel',serif; font-size:.72rem; font-weight:700;
  letter-spacing:.18em; text-transform:uppercase;
  padding:.45rem 1rem; display:inline-flex; align-items:center; gap:.45rem;
  transition:background .2s, color .2s, transform .2s;
}
.ls-banner .ls-cta:hover{ background:#1a1a1a; color:#fff; transform:translateY(-1px); }
.ls-banner .ls-cta svg{ width:13px; height:13px; }
.ls-banner .ls-close{
  position:absolute; right:.9rem; top:50%; transform:translateY(-50%);
  background:transparent; border:1.5px solid #0a0a0a; border-radius:3px;
  cursor:pointer; color:#0a0a0a;
  font-family:Arial, sans-serif;
  font-size:.95rem; font-weight:700; line-height:1; padding:0;
  width:1.4rem; height:1.4rem;
  display:inline-flex; align-items:center; justify-content:center;
  text-align:center;
  opacity:.75;
  transition:opacity .2s, background .2s, color .2s;
}
.ls-banner .ls-close:hover{ opacity:1; background:#0a0a0a; color:#fff; }

/* Push the existing fixed nav and mobile dropdown down so they sit below the banner */
body.ls-on nav{ top:var(--ls-h, 42px); }
@media (max-width:768px){
  body.ls-on nav ul{ top: calc(3.8rem + var(--ls-h, 0px)); }
}
@media (max-width:640px){
  .ls-banner{ gap:.6rem; padding:.5rem .8rem; flex-wrap:wrap; }
  .ls-banner .ls-eyebrow{ font-size:.6rem; letter-spacing:.2em; }
  .ls-banner .ls-msg{ font-size:.75rem; }
  .ls-banner .ls-close{ right:.4rem; }
}