
/* v0.6 — tagline lockup + first functional Twitch state */
:root { --tagline-max: min(860px, 100%); }
body.light{--surface:#d6d2da;--surface2:#c9c4cf;}
.hero-bottom .eyebrow {display:block;margin-bottom:7px;}
.intro-tagline {margin:14px 0 16px;max-width:460px;width:100%;} 
.tagline-lockup {display:block;width:min(100%, var(--tagline-max));height:auto;}
.tagline-signoff {max-width:420px;margin-top:2px;} 
.footer-tagline {max-width:520px;margin:8px auto 22px;} 
body.light .intro-tagline,body.light .tagline-signoff,body.light .footer-tagline{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));}
#liveStatusBadge.is-live {color:#b8f6d8;}
#liveStatusBadge.is-live .status-dot {background:#39d98a; box-shadow:0 0 0 6px rgba(57,217,138,.15);} 
.twitch-live .live-card {border-color:rgba(90,198,229,.42); box-shadow:0 0 0 1px rgba(90,198,229,.08), 0 18px 50px rgba(7,14,24,.28);} 
.twitch-live .live-info::after {background:linear-gradient(90deg,rgba(10,26,33,.40),rgba(8,17,25,.72) 78%);} 
.twitch-live #live::before {filter:blur(8px) brightness(.66) saturate(1.2);} 
.twitch-live .live-info .btn {border-color:var(--blue);} 
.twitch-live .live-info .btn:hover {background:var(--blue);color:#081016;} 
.socials-section .eyebrow {letter-spacing:.2em;}
.philosophy-signoff small {display:block;margin-top:8px;}
footer > p {display:none;}
@media(max-width:600px){
  .intro-tagline {margin:10px 0 14px;}
  .footer-tagline {max-width:100%;}
}
