/* Resolution-independent smoked glass. Reflections remain below the text. */
body{background:#050608}
body::before{
 background:
  linear-gradient(90deg,#050608ed,#050608ae 65%,#050608c4),
  repeating-linear-gradient(90deg,transparent 0px,#ffffff03 20px,#ffffff09 27px,#00000050 29px,#ffffff05 30px,transparent 33px),
  radial-gradient(ellipse at var(--light-x) var(--light-y),#343942 0%,#14181e 29%,#07090c 64%,#050608 100%);
}
.hero{background:#06080a}
.hero::before{
 background:
  linear-gradient(90deg,#06080afb 0%,#06080af5 18%,#06080ae8 31%,#06080acf 42%,#06080a99 55%,#06080a50 72%,#06080a40 100%),
  repeating-linear-gradient(90deg,transparent 0px,#ffffff03 22px,#ffffff0c 31px,#00000075 34px,#ffffff07 35px,transparent 39px),
  radial-gradient(ellipse at var(--light-x) var(--light-y),#414750 0%,#242930 19%,#10141a 42%,#07090c 77%);
 background-position:0 0,0 0,0 var(--glass-shift);
 opacity:1;
}
.hero::after{background:linear-gradient(135deg,#ffffff03,transparent 30%,transparent 80%,#ffffff02)}
.hero-soundtrack{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff16;max-width:470px}
.music-toggle{position:static;right:auto;bottom:auto;z-index:auto;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 16px;background:linear-gradient(145deg,#22272e,#12161b);border:1px solid #ffffff35;border-radius:12px;color:#e7ebf0;font-size:13px;font-weight:500;box-shadow:inset 0 1px 0 #ffffff09;backdrop-filter:none;-webkit-backdrop-filter:none;white-space:nowrap}
.music-toggle::before{content:"";display:block;flex:0 0 21px;width:21px;height:20px;background:linear-gradient(#aeb9c6,#aeb9c6) 1px center/2px 6px no-repeat,linear-gradient(#aeb9c6,#aeb9c6) 5px center/2px 12px no-repeat,linear-gradient(#aeb9c6,#aeb9c6) 9px center/2px 18px no-repeat,linear-gradient(#aeb9c6,#aeb9c6) 13px center/2px 10px no-repeat,linear-gradient(#aeb9c6,#aeb9c6) 17px center/2px 5px no-repeat;opacity:.55}
.music-toggle[aria-pressed=true]::before{opacity:1}
.music-toggle:hover{background:linear-gradient(145deg,#303640,#1c2229);border-color:#ffffff60}
.soundtrack-title{display:flex;flex-direction:column;gap:3px;color:#c6ccd4;font-size:12px;line-height:1.4}.soundtrack-title small{color:#939da9;font-size:10px;letter-spacing:1.8px}
.hero-index{margin-top:24px}
@media(max-width:760px){
 .hero::before{background:linear-gradient(180deg,#06080af9 0%,#06080af0 30%,#06080ad4 48%,#06080a99 65%,#06080a70 100%),repeating-linear-gradient(90deg,transparent 0px,#ffffff03 17px,#ffffff0b 24px,#00000070 26px,transparent 29px),radial-gradient(ellipse at var(--light-x) var(--light-y),#383e48,#171c23 30%,#07090c 75%);background-position:0 0,0 0,0 var(--glass-shift)}
 .hero-soundtrack{gap:13px;margin-top:20px;padding-top:18px}.music-toggle{right:auto;bottom:auto;min-height:44px;padding:10px 13px;font-size:12px}.soundtrack-title{font-size:11px}.soundtrack-title small{font-size:9px}
}