@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@400;500;600;700&display=swap');
:root{--bg:#06040a;--panel:#0c0812;--ink:#f1f0f4;--muted:#a9a4b2;--purple:#9d42ff;--purple2:#6720bc;--line:rgba(174,92,255,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Rajdhani,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,rgba(137,44,231,.11),transparent 36%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:auto,44px 44px,44px 44px;z-index:-1}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.1;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.topbar{height:74px;position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:linear-gradient(#050308e8,#0503089c,transparent);z-index:20}
.brand{font:900 23px Orbitron;text-decoration:none;color:white;letter-spacing:.09em}.topbar nav{display:flex;gap:28px}.topbar nav a{font:600 12px Orbitron;color:#d5cfda;text-decoration:none;letter-spacing:.2em}.topbar nav a:hover{color:var(--purple)}
.hero{min-height:100vh;position:relative;display:grid;align-items:center;padding:110px 7vw 70px;isolation:isolate}
.hero-bg{position:absolute;inset:0;background:url('assets/4kr4h-portal.jpg') 70% center/cover no-repeat;z-index:-3}
.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050308 0%,#050308e8 33%,rgba(5,3,8,.38) 66%,#05030885 100%),linear-gradient(0deg,#050308 0%,transparent 25%,transparent 78%,#050308 100%)}
.hero-grid{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,transparent 49.9%,rgba(183,101,255,.17) 50%,transparent 50.1%)}
.hero-copy{max-width:850px}.eyebrow,.section-heading span{font:600 12px Orbitron;letter-spacing:.34em;color:#bf78ff}
h1{margin:12px 0 22px;font-family:Orbitron;line-height:.77;text-transform:uppercase;letter-spacing:-.055em}h1 span{display:block;font-size:clamp(68px,10vw,155px);color:#eee;text-shadow:0 0 32px #000}h1 small{display:block;font-size:clamp(20px,2.4vw,38px);font-weight:500;letter-spacing:.56em;color:#c675ff;margin:18px 0 20px 10px}h1 strong{display:block;font-size:clamp(82px,12vw,180px);color:#8f35e9;text-shadow:0 0 46px rgba(152,55,255,.33)}
.live-line{font:500 clamp(17px,2vw,27px) Orbitron;letter-spacing:.18em}.live-line b{color:white}.schedule{display:inline-block;border:1px solid var(--line);padding:18px 28px;font:500 clamp(19px,2.2vw,31px) Orbitron;letter-spacing:.18em;background:#08050dc7;box-shadow:0 0 26px rgba(119,33,200,.18)}.schedule em{color:var(--purple);font-style:normal}.cta{display:block;width:max-content;margin-top:21px;color:white;text-decoration:none;border-left:3px solid var(--purple);padding:12px 18px;font:600 12px Orbitron;letter-spacing:.22em;background:#a03fff18}
.panel{max-width:1320px;margin:0 auto;padding:110px 5vw}.section-heading{display:grid;gap:8px;margin-bottom:32px}.section-heading h2{font:800 clamp(32px,5vw,72px) Orbitron;margin:0;letter-spacing:-.04em}
.video-shell{position:relative;aspect-ratio:16/9;border:1px solid var(--line);background:#030205;overflow:hidden;box-shadow:0 0 80px rgba(114,28,194,.15)}video{width:100%;height:100%;object-fit:cover;background:#000}.offline{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(#08050da8,#08050de6),url('assets/4kr4h-portal.jpg') center/cover}.offline.hidden{display:none}.offline strong{font:700 18px Orbitron;letter-spacing:.2em}.offline p{margin:7px 0 0;color:#c4bdca}.pulse{width:12px;height:12px;border-radius:50%;background:var(--purple);box-shadow:0 0 20px var(--purple);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.3;transform:scale(.7)}}
.microcopy{color:var(--muted);font-size:14px;letter-spacing:.08em}.microcopy code{color:#ca8cff}
.chat-shell{border:1px solid var(--line);background:#08050dd9;box-shadow:inset 0 0 40px rgba(121,42,201,.08)}.messages{min-height:330px;max-height:480px;overflow:auto;padding:24px}.message{border-left:2px solid var(--purple);padding:8px 12px;margin:0 0 12px;background:#a246ff0d}.message b{font:600 11px Orbitron;color:#c985ff;letter-spacing:.12em}.message p{margin:5px 0 0;font-size:18px}.system-message{font:500 12px Orbitron;letter-spacing:.2em;color:#8f8698}.chat-form{display:grid;grid-template-columns:170px 1fr 110px;border-top:1px solid var(--line)}.chat-form input,.chat-form button{border:0;border-right:1px solid var(--line);background:#050308;color:white;padding:17px;font:600 12px Orbitron;letter-spacing:.1em;outline:none}.chat-form button{border:0;background:linear-gradient(135deg,#7322c7,#a842ff);cursor:pointer}
.social-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.social-grid a{min-height:170px;padding:25px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:white;background:linear-gradient(135deg,#a93eff12,transparent);transition:.2s}.social-grid a:hover{transform:translateY(-4px);box-shadow:0 0 30px rgba(141,48,233,.2)}.social-grid span{font:500 11px Orbitron;letter-spacing:.3em;color:#ae6ee9}.social-grid b{font:700 25px Orbitron}.tagline{text-align:center;margin:70px 0 0;font:500 clamp(18px,2.5vw,34px) Orbitron;letter-spacing:.24em}
footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:28px 5vw;color:#8e8796;font:500 10px Orbitron;letter-spacing:.15em}
@media(max-width:760px){.topbar nav{gap:13px}.topbar nav a{font-size:9px}.hero{padding-left:6vw;padding-right:6vw;align-items:end}.hero-bg{background-position:64% center}.hero-bg:after{background:linear-gradient(0deg,#050308 0%,rgba(5,3,8,.1) 45%,#050308a8 100%)}.hero-copy{padding-bottom:40px}h1 span{font-size:15vw}h1 strong{font-size:20vw}.live-line{font-size:14px;line-height:1.7}.schedule{font-size:16px;padding:14px}.panel{padding:80px 5vw}.chat-form{grid-template-columns:1fr}.chat-form input,.chat-form button{border-right:0;border-bottom:1px solid var(--line)}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.social-grid a{min-height:110px}footer{flex-direction:column;text-align:center}}

.subscribe-section{padding-top:60px}.subscribe-card{position:relative;overflow:hidden;border:1px solid var(--line);padding:clamp(30px,6vw,78px);background:linear-gradient(120deg,rgba(8,5,13,.98),rgba(55,17,91,.72)),url('assets/4kr4h-portal.jpg') 72% center/cover;box-shadow:0 0 70px rgba(143,53,233,.18)}
.subscribe-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,rgba(197,125,255,.12) 50%,transparent 50.2%)}
.subscribe-card>*{position:relative;z-index:1}.subscribe-copy{max-width:650px;color:#c7c0cd;font-size:20px;line-height:1.55}
.subscribe-form{display:grid;grid-template-columns:minmax(0,1fr) 190px;max-width:760px;margin-top:30px;border:1px solid var(--line);background:#050308e6}
.subscribe-form input{min-width:0;border:0;background:transparent;color:white;padding:20px;font:600 13px Orbitron;letter-spacing:.12em;outline:none}
.subscribe-form input:focus{box-shadow:inset 0 0 0 1px #b96fff}.subscribe-form button{border:0;border-left:1px solid var(--line);background:linear-gradient(135deg,#7220c5,#a941ff);color:white;font:700 12px Orbitron;letter-spacing:.2em;cursor:pointer;padding:18px}
.subscribe-form button:disabled{opacity:.6;cursor:wait}.form-status{min-height:20px;color:#d09cff;font-size:14px;letter-spacing:.08em}.hidden-field{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(2,1,4,.86);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(620px,100%);padding:55px 42px;border:1px solid #b05fff;background:linear-gradient(145deg,#0c0713,#190c28);text-align:center;box-shadow:0 0 100px rgba(151,55,240,.35),inset 0 0 50px rgba(151,55,240,.08)}
.modal-card:before,.modal-card:after{content:"";position:absolute;width:50px;height:50px;border-color:#b05fff}.modal-card:before{left:12px;top:12px;border-left:2px solid;border-top:2px solid}.modal-card:after{right:12px;bottom:12px;border-right:2px solid;border-bottom:2px solid}.modal-kicker{font:600 10px Orbitron;letter-spacing:.34em;color:#b96dff}.modal-card h2{font:800 clamp(28px,5vw,52px) Orbitron;line-height:1.05;margin:18px 0;color:white}.modal-card p{font-size:20px;color:#c8c0ce}.modal-close{position:absolute;right:17px;top:13px;border:0;background:none;color:#c8b8d4;font-size:29px;cursor:pointer;z-index:2}.modal-button{margin-top:24px;border:1px solid var(--line);background:#9b3aff;color:#fff;padding:15px 22px;font:700 10px Orbitron;letter-spacing:.18em;cursor:pointer}
body.modal-open{overflow:hidden}
@media(max-width:760px){.subscribe-form{grid-template-columns:1fr}.subscribe-form button{border-left:0;border-top:1px solid var(--line)}.subscribe-card{padding:38px 22px}.modal-card{padding:48px 22px}}

.footer-center{display:flex;flex-direction:column;align-items:center;gap:7px}.privacy-flag{position:relative;border:0;background:transparent;padding:0 10px;color:white;font-size:25px;cursor:pointer;line-height:1}.privacy-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,6px);opacity:0;pointer-events:none;white-space:nowrap;padding:9px 11px;border:1px solid var(--line);background:#0b0711;color:#d7cde0;font:600 9px Orbitron;letter-spacing:.17em;box-shadow:0 0 25px rgba(157,66,255,.25);transition:.18s}.privacy-tooltip:after{content:"";position:absolute;left:50%;top:100%;border:6px solid transparent;border-top-color:#9d42ff;transform:translateX(-50%)}.privacy-flag:hover .privacy-tooltip,.privacy-flag:focus-visible .privacy-tooltip{opacity:1;transform:translate(-50%,0)}
.text-link{border:0;background:none;color:#c47bff;text-decoration:underline;text-underline-offset:3px;padding:0;font:inherit;cursor:pointer}.chat-policy-note{margin:12px 0 0;color:#938a9c;font-size:13px}
.privacy-modal{align-items:center}.privacy-card{position:relative;width:min(880px,100%);max-height:min(88vh,900px);overflow:auto;padding:52px clamp(22px,5vw,62px);border:1px solid #a34df1;background:linear-gradient(145deg,#0b0711f8,#160b23f8);box-shadow:0 0 110px rgba(151,55,240,.3),inset 0 0 60px rgba(151,55,240,.06)}.privacy-card h2{font:800 clamp(34px,6vw,66px) Orbitron;letter-spacing:-.04em;margin:16px 0 4px}.policy-date{margin:0 0 36px;color:#a99daf;font:500 11px Orbitron;letter-spacing:.12em}.policy-content{border-top:1px solid var(--line);padding-top:20px}.policy-content section{padding:18px 0;border-bottom:1px solid rgba(174,92,255,.14)}.policy-content h3{margin:0 0 9px;color:#c87dff;font:700 14px Orbitron;letter-spacing:.08em}.policy-content p{margin:8px 0;color:#cbc4d0;font-size:16px;line-height:1.65}.policy-content strong{color:#fff}.policy-disclaimer{margin-top:26px!important;padding:18px;border-left:2px solid #9d42ff;background:rgba(157,66,255,.07);font-size:14px!important}.privacy-card>.modal-button{display:block;margin:30px auto 0}
@media(max-width:760px){.privacy-tooltip{display:none}.privacy-card{max-height:92vh;padding-top:48px}footer .footer-center{order:2}}


/* FINAL MOBILE OVERRIDES: preserve the desktop composition, scaled cleanly */
@media(max-width:760px){
  .topbar{height:64px;padding:0 4vw;background:linear-gradient(#050308f2,#050308b8,transparent)}
  .brand{font-size:17px}
  .topbar nav{gap:12px}
  .topbar nav a{font-size:8px;letter-spacing:.14em}

  .hero{min-height:100svh;display:grid;align-items:center;padding:88px 5vw 46px}
  .hero-bg{background-position:70% center}
  .hero-bg:after{background:linear-gradient(90deg,#050308 0%,#050308e8 33%,rgba(5,3,8,.38) 66%,#05030885 100%),linear-gradient(0deg,#050308 0%,transparent 25%,transparent 78%,#050308 100%)}
  .hero-copy{max-width:92vw;padding-bottom:0}
  .eyebrow{font-size:8px;letter-spacing:.24em}
  h1{margin:10px 0 18px;line-height:.78}
  h1 span{font-size:14.5vw}
  h1 small{font-size:4.4vw;letter-spacing:.4em;margin:11px 0 13px 3px}
  h1 strong{font-size:18.5vw}
  .live-line{font-size:11px;line-height:1.55;letter-spacing:.11em;max-width:88vw}
  .schedule{font-size:13px;padding:12px 14px;letter-spacing:.11em}
  .cta{width:max-content;max-width:100%;font-size:9px;letter-spacing:.14em;padding:11px 14px}

  .panel{padding:76px 5vw}
  .section-heading h2{font-size:9.5vw;line-height:1.05}
  .video-shell{aspect-ratio:16/9}

  .chat-form{grid-template-columns:1fr}
  .chat-form input,.chat-form button{border-right:0;border-bottom:1px solid var(--line)}
  .chat-form button{border-bottom:0}

  .subscribe-form{grid-template-columns:1fr}
  .subscribe-form button{border-left:0;border-top:1px solid var(--line)}
  .subscribe-card{padding:38px 22px}

  .social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .social-grid a{min-height:110px}

  .privacy-tooltip{display:none}
  .privacy-card{max-height:92vh;padding-top:48px}
  .modal-card{padding:48px 22px}

  footer{flex-direction:column;text-align:center}
  footer .footer-center{order:2}
}

video{display:block}
.video-shell:focus-within{box-shadow:0 0 0 1px #b96fff,0 0 80px rgba(114,28,194,.2)}

@media(max-width:430px){.social-grid{grid-template-columns:1fr}}

@media(max-width:1100px) and (min-width:761px){.social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* DIGITAL RENAISSANCE + SELECTED WORKS */
.album-section,.works-section{position:relative}
.album-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:clamp(30px,6vw,88px);align-items:center}
.album-art-frame{position:relative;overflow:hidden;aspect-ratio:1/1;border:1px solid var(--line);background:#050308;box-shadow:0 0 70px rgba(142,49,232,.18)}
.album-art-frame:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(5,3,8,.85),transparent 45%),linear-gradient(90deg,rgba(5,3,8,.25),transparent);pointer-events:none}
.album-art-frame img,.album-art-frame video{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.02) contrast(1.04);display:block}
.album-stamp{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;padding:13px;border:1px solid rgba(196,123,255,.55);background:rgba(5,3,8,.78);color:#fff;font:700 10px Orbitron;letter-spacing:.18em;text-align:center;backdrop-filter:blur(8px)}
.album-copy h3{margin:10px 0 25px;font:800 clamp(31px,5vw,66px) Orbitron;line-height:1.02;letter-spacing:-.045em}
.album-copy>p:not(.eyebrow){max-width:720px;color:#c8c0ce;font-size:clamp(18px,2vw,23px);line-height:1.6}
.album-note{font-size:16px!important;color:#958b9f!important;border-left:2px solid var(--purple);padding-left:18px;margin:25px 0 32px}
.outline-cta{display:inline-block;padding:15px 19px;border:1px solid #a34df1;color:#fff;text-decoration:none;font:700 10px Orbitron;letter-spacing:.16em;background:rgba(157,66,255,.08);transition:.2s}
.outline-cta:hover{background:#9538e8;box-shadow:0 0 30px rgba(157,66,255,.3)}
.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.work-card{position:relative;min-height:330px;padding:30px;border:1px solid var(--line);color:white;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 100% 0%,rgba(167,60,255,.2),transparent 42%),linear-gradient(145deg,#0b0711,#07040b);transition:.25s}
.work-card:after{content:"";position:absolute;width:180px;height:180px;right:-90px;bottom:-90px;border:1px solid rgba(190,112,255,.24);border-radius:50%;box-shadow:0 0 45px rgba(145,47,230,.18)}
.work-card:hover{transform:translateY(-5px);border-color:#af64ef;box-shadow:0 20px 70px rgba(83,24,133,.25)}
.work-index{font:600 10px Orbitron;letter-spacing:.25em;color:#ae6ee9}
.work-card h3{margin:0 0 13px;font:800 clamp(29px,4vw,52px) Orbitron;letter-spacing:-.04em}
.work-card p{max-width:500px;margin:0;color:#bbb2c2;font-size:18px;line-height:1.55}
.work-card b{font:700 10px Orbitron;letter-spacing:.15em;color:#d29aff}
.youtube-shell{position:relative;aspect-ratio:16/9;border:1px solid var(--line);box-shadow:0 0 80px rgba(114,28,194,.16);background:#000;overflow:hidden}
.youtube-shell iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:900px){.album-grid{grid-template-columns:1fr}.album-art-frame{max-width:620px;width:100%;margin:auto;aspect-ratio:1/1}.works-grid{grid-template-columns:1fr}.work-card{min-height:270px}}
@media(max-width:760px){.topbar nav a:nth-child(n+5){display:none}.album-copy h3{font-size:10vw}.album-art-frame{aspect-ratio:1/1}.work-card{padding:24px;min-height:245px}}


/* Weekly live-show countdown */
.show-countdown{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:16px;padding:22px 26px;border:1px solid var(--line);background:linear-gradient(110deg,rgba(7,4,11,.98),rgba(66,20,105,.48));box-shadow:inset 0 0 34px rgba(151,55,238,.08),0 0 34px rgba(112,32,183,.10)}
.countdown-copy{display:grid;gap:8px}.countdown-copy span{font:600 10px Orbitron;letter-spacing:.28em;color:#b96ff2}.countdown-copy strong{font:700 clamp(14px,1.7vw,21px) Orbitron;letter-spacing:.13em;color:#f3edf7}
.countdown-digits{display:flex;align-items:flex-start;justify-content:flex-end;gap:11px;font-family:Orbitron}.countdown-digits div{display:grid;justify-items:center;min-width:68px}.countdown-digits b{font-size:clamp(29px,4vw,54px);line-height:1;color:#fff;text-shadow:0 0 18px rgba(171,75,255,.42);font-variant-numeric:tabular-nums}.countdown-digits small{margin-top:8px;font-size:9px;letter-spacing:.22em;color:#9e91aa}.countdown-digits i{font-size:clamp(24px,3vw,43px);line-height:1;color:#8f35e9;font-style:normal}
@media(max-width:760px){.show-countdown{align-items:stretch;flex-direction:column;padding:18px 14px;gap:18px}.countdown-copy{text-align:center}.countdown-copy span{font-size:9px}.countdown-copy strong{font-size:13px}.countdown-digits{justify-content:center;gap:5px}.countdown-digits div{min-width:52px}.countdown-digits b{font-size:9vw}.countdown-digits small{font-size:7px;letter-spacing:.14em}.countdown-digits i{font-size:7vw}}
@media(max-width:390px){.countdown-digits div{min-width:45px}.countdown-digits{gap:2px}}

/* Social in-app browser and modern mobile viewport hardening */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:74px}
body{min-height:100%;min-height:100dvh}
.hero{min-height:100vh;min-height:100svh}
.youtube-shell{min-height:1px}
.social-video-fallback{position:absolute;inset:0;z-index:3;background:#020103;overflow:hidden}
.social-video-fallback[hidden]{display:none}
.social-video-fallback img{width:100%;height:100%;object-fit:cover;display:block;opacity:.62}
.social-video-fallback:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,1,6,.96),rgba(3,1,6,.2) 58%,rgba(3,1,6,.55))}
.social-video-overlay{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:15px}
.social-video-overlay span{font:600 10px Orbitron;letter-spacing:.3em;color:#c47aff}
.social-video-overlay strong{max-width:620px;font:800 clamp(21px,4vw,44px) Orbitron;line-height:1.12}
.social-video-overlay button,.social-video-overlay a{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid rgba(202,130,255,.7);padding:13px 20px;color:#fff;background:linear-gradient(135deg,#7220c5,#a941ff);font:700 10px Orbitron;letter-spacing:.17em;text-decoration:none;cursor:pointer}
.social-video-overlay a{background:rgba(4,2,7,.84)}
@media(max-width:760px){
  .topbar{height:auto;min-height:64px;padding:max(10px,env(safe-area-inset-top)) 5vw 10px;align-items:center}
  .topbar nav{max-width:72vw;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 0}
  .topbar nav::-webkit-scrollbar{display:none}
  .topbar nav a{white-space:nowrap;flex:0 0 auto}
  .hero{padding-top:calc(88px + env(safe-area-inset-top));padding-bottom:max(56px,env(safe-area-inset-bottom))}
  .panel{overflow:hidden}
  .youtube-shell{aspect-ratio:16/9;width:100%}
  .section-heading h2{overflow-wrap:anywhere}
  .album-stamp{font-size:8px;letter-spacing:.12em;padding:9px 10px;max-width:calc(100% - 24px)}
  .social-video-overlay{gap:11px;padding:18px}
  .social-video-overlay strong{font-size:18px}
  .social-video-overlay button,.social-video-overlay a{width:min(270px,100%)}
}

/* SOFT NEON PANEL SYSTEM — shared by desktop and mobile */
:root{
  --neon-edge:rgba(190,112,255,.62);
  --neon-soft:rgba(157,66,255,.22);
  --neon-deep:rgba(103,32,188,.14);
}

@keyframes softNeonPulse{
  0%,100%{
    border-color:rgba(174,92,255,.38);
    box-shadow:
      0 0 10px rgba(157,66,255,.10),
      0 0 28px rgba(157,66,255,.08),
      inset 0 0 20px rgba(157,66,255,.035);
  }
  50%{
    border-color:var(--neon-edge);
    box-shadow:
      0 0 15px rgba(190,112,255,.22),
      0 0 42px var(--neon-soft),
      inset 0 0 28px rgba(157,66,255,.07);
  }
}

/* One visual treatment across every device and every primary box. */
.video-shell,
.youtube-shell,
.show-countdown,
.chat-shell,
.subscribe-card,
.subscribe-form,
.album-art-frame,
.work-card,
.social-grid a,
.schedule,
.modal-card,
.privacy-card{
  border-color:rgba(174,92,255,.42);
  animation:softNeonPulse 4.8s ease-in-out infinite;
  will-change:box-shadow,border-color;
}

/* Offset timing keeps the page alive without flashing in unison. */
.show-countdown,.subscribe-card,.work-card:nth-child(even),.social-grid a:nth-child(even){animation-delay:-2.4s}
.chat-shell,.album-art-frame,.social-grid a:nth-child(3n){animation-delay:-1.2s}

/* Keep interactions slightly brighter, but still soft. */
.video-shell:hover,
.youtube-shell:hover,
.chat-shell:hover,
.subscribe-card:hover,
.album-art-frame:hover,
.work-card:hover,
.social-grid a:hover{
  border-color:rgba(210,154,255,.78);
  box-shadow:
    0 0 18px rgba(202,130,255,.28),
    0 0 54px rgba(157,66,255,.24),
    inset 0 0 30px rgba(157,66,255,.075);
}

/* Accessibility and lower-power mobile browsers. */
@media (prefers-reduced-motion:reduce){
  .video-shell,.youtube-shell,.show-countdown,.chat-shell,.subscribe-card,
  .subscribe-form,.album-art-frame,.work-card,.social-grid a,.schedule,
  .modal-card,.privacy-card{animation:none}
}

@media(max-width:760px){
  /* Same design and content as desktop, only scaled to the viewport. */
  .video-shell,.youtube-shell,.show-countdown,.chat-shell,.subscribe-card,
  .album-art-frame,.work-card,.social-grid a{
    box-shadow:0 0 22px rgba(157,66,255,.15),inset 0 0 18px rgba(157,66,255,.045);
  }
}

/* MOBILE HERO ART FIX — show the complete desktop artwork on phones */
@media (max-width:760px){
  .hero{
    min-height:auto;
    display:block;
    padding:calc(64px + 83.8vw) 5vw 54px;
    background:#050308;
  }
  .hero-bg{
    top:64px;
    bottom:auto;
    width:100%;
    height:83.8vw;
    background-image:url('assets/4kr4h-portal.jpg');
    background-size:100% 100%;
    background-position:center top;
    background-repeat:no-repeat;
  }
  .hero-bg:after{
    background:linear-gradient(0deg,#050308 0%,rgba(5,3,8,.05) 22%,transparent 52%,rgba(5,3,8,.08) 100%);
  }
  .hero-grid{top:64px;height:83.8vw;bottom:auto}
  .hero-copy{
    position:relative;
    max-width:100%;
    padding:30px 0 0;
  }
}

@media (max-width:430px){
  .hero{padding-top:calc(64px + 83.8vw)}
}

/* FINAL MOBILE HERO PARITY — same full-bleed composition as desktop */
@media (max-width:760px){
  .hero{
    min-height:100vh;
    min-height:100svh;
    display:grid;
    align-items:center;
    padding:calc(88px + env(safe-area-inset-top)) 6vw max(56px,env(safe-area-inset-bottom));
    background:transparent;
    overflow:hidden;
  }
  .hero-bg{
    inset:0;
    width:auto;
    height:auto;
    background-image:url('assets/4kr4h-portal.jpg');
    background-size:cover;
    background-position:70% center;
    background-repeat:no-repeat;
  }
  .hero-bg:after{
    background:
      linear-gradient(90deg,#050308 0%,#050308e8 33%,rgba(5,3,8,.38) 66%,#05030885 100%),
      linear-gradient(0deg,#050308 0%,transparent 25%,transparent 78%,#050308 100%);
  }
  .hero-grid{inset:0;height:auto}
  .hero-copy{
    position:relative;
    max-width:92vw;
    padding:0;
  }
}


/* Stay Inside the Signal: name + email + smoke confirmation */
.subscribe-form{grid-template-columns:minmax(0,.78fr) minmax(0,1fr) 190px}
.subscribe-form input+input{border-left:1px solid var(--line)}
.smoke-modal .modal-backdrop{background:radial-gradient(circle at 50% 45%,rgba(116,31,188,.22),rgba(0,0,0,.88) 66%);backdrop-filter:blur(8px)}
.smoke-card{isolation:isolate;overflow:visible;max-width:680px;text-align:center;border-color:rgba(202,137,255,.52);background:linear-gradient(145deg,rgba(11,7,18,.96),rgba(48,14,79,.92));box-shadow:0 0 35px rgba(168,66,255,.35),0 0 110px rgba(111,27,186,.25)}
.smoke-card:before,.smoke-card:after{content:"";position:absolute;inset:-36px;z-index:-1;pointer-events:none;background:radial-gradient(circle at 30% 40%,rgba(202,128,255,.22),transparent 32%),radial-gradient(circle at 72% 58%,rgba(117,54,180,.24),transparent 38%);filter:blur(18px);opacity:.7;animation:smokeDrift 4.5s ease-in-out infinite alternate}
.smoke-card:after{inset:-55px;animation-delay:-2.1s;animation-direction:alternate-reverse;opacity:.44}
.smoke-orb{width:58px;height:58px;margin:0 auto 22px;border-radius:50%;background:radial-gradient(circle,#f0d7ff 0 8%,#b45dff 24%,rgba(125,34,204,.26) 54%,transparent 72%);box-shadow:0 0 25px #bb65ff,0 0 75px rgba(150,53,235,.65);animation:orbPulse 1.8s ease-in-out infinite}
.smoke-progress{height:2px;max-width:360px;margin:28px auto 0;background:rgba(255,255,255,.1);overflow:hidden}
.smoke-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#7d2bc8,#e2b6ff);transform-origin:left;animation:signalCountdown 5s linear forwards}
.smoke-modal.is-dissolving .modal-card{animation:smokeDissolve .9s cubic-bezier(.2,.8,.2,1) forwards}
.smoke-modal.is-dissolving .modal-backdrop{animation:backdropFade .9s ease forwards}
@keyframes signalCountdown{to{transform:scaleX(0)}}
@keyframes orbPulse{50%{transform:scale(1.08);filter:brightness(1.25)}}
@keyframes smokeDrift{from{transform:translate3d(-10px,5px,0) scale(.96) rotate(-2deg)}to{transform:translate3d(14px,-10px,0) scale(1.08) rotate(3deg)}}
@keyframes smokeDissolve{0%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}55%{opacity:.62;filter:blur(7px);transform:translateY(-12px) scale(1.025)}100%{opacity:0;filter:blur(24px);transform:translateY(-34px) scale(1.09)}}
@keyframes backdropFade{to{opacity:0}}
@media(max-width:760px){.subscribe-form{grid-template-columns:1fr}.subscribe-form input+input{border-left:0;border-top:1px solid var(--line)}.smoke-card{margin:18px;padding:44px 22px}.smoke-card h2{font-size:clamp(26px,8vw,42px)}}
@media(prefers-reduced-motion:reduce){.smoke-card:before,.smoke-card:after,.smoke-orb,.smoke-progress span{animation:none}.smoke-modal.is-dissolving .modal-card{animation:backdropFade .35s ease forwards}}

/* Required Web3Forms message field used for subscription routing. */
.subscription-message-field {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.web3forms-sink{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;border:0!important;clip-path:inset(50%)!important;}


/* Temporary live-show schedule notice */
.show-break-notice{position:relative;overflow:hidden;display:grid;justify-items:center;text-align:center;gap:12px;margin-top:16px;padding:clamp(26px,4vw,48px) clamp(18px,5vw,60px);border:1px solid rgba(194,109,255,.62);background:radial-gradient(circle at 50% 0%,rgba(169,66,255,.22),transparent 52%),linear-gradient(120deg,rgba(7,4,11,.98),rgba(55,16,91,.72));box-shadow:inset 0 0 42px rgba(151,55,238,.10),0 0 34px rgba(137,45,222,.20);animation:breakNoticePulse 4.5s ease-in-out infinite}
.show-break-notice:before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 180deg,transparent,rgba(183,91,255,.10),transparent 35%);animation:breakNoticeDrift 10s linear infinite;pointer-events:none}
.show-break-notice>*{position:relative;z-index:1}
.break-kicker{font:600 10px Orbitron;letter-spacing:.32em;color:#c98aff}
.show-break-notice strong{font:800 clamp(22px,4vw,48px) Orbitron;line-height:1.08;letter-spacing:.04em;color:#fff;text-shadow:0 0 24px rgba(184,88,255,.48)}
.show-break-notice p{margin:0;font:600 clamp(12px,1.7vw,18px) Orbitron;line-height:1.55;letter-spacing:.15em;color:#d8c7e5}
@keyframes breakNoticePulse{0%,100%{box-shadow:inset 0 0 42px rgba(151,55,238,.10),0 0 26px rgba(137,45,222,.16)}50%{box-shadow:inset 0 0 52px rgba(151,55,238,.16),0 0 48px rgba(161,61,247,.30)}}
@keyframes breakNoticeDrift{to{transform:rotate(360deg)}}
@media(max-width:760px){.show-break-notice{padding:28px 16px;gap:10px}.break-kicker{font-size:8px;letter-spacing:.24em}.show-break-notice strong{font-size:8.2vw}.show-break-notice p{font-size:11px;letter-spacing:.10em}}
@media(prefers-reduced-motion:reduce){.show-break-notice,.show-break-notice:before{animation:none}}

/* Temporary no-live transmission notice */
.no-live-notice{justify-content:center;text-align:center;min-height:118px}
.no-live-notice .countdown-copy{justify-items:center;max-width:920px}
.no-live-notice .countdown-copy span{font-size:clamp(11px,1.25vw,15px);color:#e8cbff;text-shadow:0 0 16px rgba(190,100,255,.48)}
.no-live-notice .countdown-copy strong{font-size:clamp(15px,2vw,25px);line-height:1.45;text-shadow:0 0 22px rgba(171,75,255,.35)}
@media(max-width:760px){.no-live-notice{min-height:132px;padding:22px 16px}.no-live-notice .countdown-copy span{font-size:10px;line-height:1.6}.no-live-notice .countdown-copy strong{font-size:14px;line-height:1.6}}

/* v18 automatic YouTube countdown / Sunday HLS switch */
.signal-player-shell{position:relative;width:100%}
.signal-player-shell>[hidden]{display:none!important}
.hls-shell{position:relative}
.live-badge{position:absolute;top:14px;right:14px;z-index:4;padding:8px 11px;border:1px solid rgba(255,92,141,.75);background:rgba(13,3,9,.82);color:#ff74a3;font:700 10px Orbitron;letter-spacing:.18em;box-shadow:0 0 24px rgba(255,42,119,.34);backdrop-filter:blur(8px)}
.countdown-digits{display:flex;align-items:center;gap:9px;flex-shrink:0}
.countdown-digits div{min-width:66px;text-align:center}
.countdown-digits b{display:block;font:700 clamp(25px,4vw,47px)/1 Orbitron;letter-spacing:.03em;color:#fff;text-shadow:0 0 18px rgba(181,88,255,.55)}
.countdown-digits small{display:block;margin-top:7px;font:600 8px Orbitron;letter-spacing:.19em;color:#a99db4}
.countdown-digits i{font:400 25px Orbitron;color:#7e549d;font-style:normal}
@media(max-width:760px){.countdown-digits{width:100%;gap:4px}.countdown-digits div{min-width:0;flex:1}.countdown-digits b{font-size:clamp(25px,9vw,38px)}.countdown-digits i{font-size:7vw}}


/* v21 Digital Renaissance Vol. I release countdown */
.release-countdown{margin:22px 0 24px;padding:18px 20px;border:1px solid rgba(183,99,244,.42);background:linear-gradient(120deg,rgba(9,5,14,.94),rgba(67,22,104,.42));box-shadow:inset 0 0 28px rgba(154,60,232,.08),0 0 28px rgba(112,32,183,.10)}
.release-countdown-label{display:block;margin-bottom:15px;font:600 9px Orbitron;letter-spacing:.22em;color:#c886f5}
.release-countdown-digits{display:flex;align-items:center;justify-content:flex-start;gap:7px;font-family:Orbitron}
.release-countdown-digits div{min-width:58px;text-align:center}
.release-countdown-digits b{display:block;font-size:clamp(25px,3.2vw,43px);line-height:1;color:#fff;text-shadow:0 0 16px rgba(181,88,255,.52);font-variant-numeric:tabular-nums}
.release-countdown-digits small{display:block;margin-top:7px;font-size:7px;letter-spacing:.16em;color:#a99db4}
.release-countdown-digits i{font-size:clamp(20px,2.5vw,32px);font-style:normal;color:#8252a3}
.release-live-message{display:block;font:700 clamp(14px,1.8vw,20px) Orbitron;letter-spacing:.12em;color:#fff;text-shadow:0 0 20px rgba(181,88,255,.65)}
@media(max-width:760px){.release-countdown{padding:16px 12px;text-align:center}.release-countdown-digits{justify-content:center;gap:3px}.release-countdown-digits div{min-width:0;flex:1}.release-countdown-digits b{font-size:clamp(24px,8.5vw,36px)}.release-countdown-digits i{font-size:6vw}.release-countdown-digits small{font-size:6px;letter-spacing:.10em}}

/* v24 — stronger neon-purple glow for all existing purple interface boxes */
:root{
  --neon-edge:rgba(211,145,255,.88);
  --neon-soft:rgba(176,70,255,.40);
  --neon-deep:rgba(117,27,209,.24);
}

@keyframes neonPurpleBoxGlow{
  0%,100%{
    border-color:rgba(190,105,255,.62);
    box-shadow:
      0 0 8px rgba(192,92,255,.28),
      0 0 24px rgba(160,49,255,.24),
      0 0 52px rgba(113,24,210,.13),
      inset 0 0 22px rgba(185,80,255,.08);
  }
  50%{
    border-color:rgba(226,176,255,.94);
    box-shadow:
      0 0 12px rgba(220,152,255,.48),
      0 0 34px rgba(184,74,255,.38),
      0 0 72px rgba(126,31,224,.22),
      inset 0 0 30px rgba(194,99,255,.13);
  }
}

.video-shell,
.youtube-shell,
.show-countdown,
.release-countdown,
.chat-shell,
.subscribe-card,
.subscribe-form,
.album-art-frame,
.work-card,
.social-grid a,
.schedule,
.modal-card,
.privacy-card{
  animation-name:neonPurpleBoxGlow;
  animation-duration:4.6s;
  animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;
}

.video-shell:hover,
.youtube-shell:hover,
.show-countdown:hover,
.release-countdown:hover,
.chat-shell:hover,
.subscribe-card:hover,
.subscribe-form:focus-within,
.album-art-frame:hover,
.work-card:hover,
.social-grid a:hover,
.schedule:hover{
  border-color:rgba(235,196,255,.98);
  box-shadow:
    0 0 14px rgba(229,174,255,.58),
    0 0 42px rgba(191,84,255,.50),
    0 0 90px rgba(126,31,224,.28),
    inset 0 0 34px rgba(202,112,255,.15);
}

@media (prefers-reduced-motion:reduce){
  .video-shell,.youtube-shell,.show-countdown,.release-countdown,.chat-shell,
  .subscribe-card,.subscribe-form,.album-art-frame,.work-card,.social-grid a,
  .schedule,.modal-card,.privacy-card{
    animation:none;
    box-shadow:0 0 28px rgba(172,66,255,.30),inset 0 0 22px rgba(172,66,255,.08);
  }
}

/* V25 — glowing neon-purple platform logos */
.neon-logo-grid a{
  align-items:center;
  justify-content:center;
  gap:18px;
  text-align:center;
  min-height:178px;
  padding:24px 16px;
  background:radial-gradient(circle at 50% 42%,rgba(178,78,255,.16),transparent 52%),linear-gradient(145deg,rgba(14,8,22,.96),rgba(5,3,9,.98));
}
.neon-logo-grid .social-logo{
  width:68px;
  height:68px;
  overflow:visible;
  fill:none;
  stroke:#c56cff;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 4px rgba(213,139,255,.95)) drop-shadow(0 0 13px rgba(171,61,255,.85)) drop-shadow(0 0 25px rgba(128,31,235,.58));
  transition:transform .22s ease,filter .22s ease;
}
.neon-logo-grid .social-logo .logo-fill{
  fill:#c56cff;
  stroke:none;
}
.neon-logo-grid a span{
  color:#e4baff;
  font:700 10px Orbitron;
  letter-spacing:.22em;
  text-shadow:0 0 7px rgba(209,129,255,.9),0 0 18px rgba(155,49,243,.66);
}
.neon-logo-grid a:hover .social-logo,
.neon-logo-grid a:focus-visible .social-logo{
  transform:scale(1.08);
  filter:drop-shadow(0 0 6px rgba(236,199,255,1)) drop-shadow(0 0 18px rgba(190,90,255,.98)) drop-shadow(0 0 34px rgba(133,35,244,.8));
}
.neon-logo-grid a:focus-visible{outline:2px solid #d38cff;outline-offset:4px}
@media(max-width:760px){
  .neon-logo-grid a{min-height:136px;gap:13px;padding:19px 12px}
  .neon-logo-grid .social-logo{width:54px;height:54px}
}
@media(max-width:430px){
  .neon-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .neon-logo-grid a{min-height:128px}
}