@font-face{font-family:Barlow Condensed;src:url('/fonts/BarlowCondensed-ExtraBold.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
:root{color-scheme:dark;--night:#0c0d1b;--cream:#fff9cb;--pink:#ffb2c6;--peach:#ffc58b;font-family:Arial,Helvetica,sans-serif;background:var(--night);color:#fff6ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,#db6c9130 0,transparent 48%),linear-gradient(165deg,#14152e 0%,#241a3c 48%,#101020 100%)}
.scene{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:.85}.page{min-height:100svh;position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;padding:32px clamp(22px,4vw,72px)}header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:24px}.mini-brand{font-family:Barlow Condensed,Impact,sans-serif;font-size:23px;letter-spacing:-.4px}.mini-brand span{color:var(--pink)}.domain{color:#dbcbdc;font-size:10px;letter-spacing:2.2px;text-transform:uppercase}
main{display:grid;place-content:center;text-align:center;padding:75px 0 90px;position:relative}.kicker{font-size:10px;letter-spacing:4px;color:#e8cbdb;text-transform:uppercase;margin:0 0 24px}.logo{width:min(750px,78vw);height:auto;display:block;margin:0 auto;filter:drop-shadow(0 16px 34px #08091680);animation:arrive 950ms cubic-bezier(.2,.75,.25,1) both}h1{margin:0}.sunline{display:flex;align-items:center;justify-content:center;gap:18px;margin:20px auto 22px}.sunline span{width:55px;height:1px;background:linear-gradient(90deg,transparent,#ffb2c68c)}.sunline span:last-child{transform:rotate(180deg)}.sunline i{height:7px;width:7px;border:1px solid var(--peach);transform:rotate(45deg)}
h2{font-family:Barlow Condensed,Impact,sans-serif;font-weight:800;font-size:clamp(30px,4vw,52px);line-height:1;letter-spacing:5px;margin:0;background:linear-gradient(110deg,#fff9cb,#ffb2c6);background-clip:text;-webkit-background-clip:text;color:transparent}.tagline{font-size:14px;line-height:1.6;letter-spacing:.4px;color:#e0cedf;margin:18px 0 0}.tiny{margin:12px 0 0;font-size:11px;color:#bfaac9;line-height:1.7}
footer{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-top:24px;border-top:1px solid #c995b320;font-size:9px;letter-spacing:1.5px;color:#c4b4cf;text-transform:uppercase}.independent{max-width:480px;text-align:right;font-size:9px;line-height:1.7;text-transform:none;letter-spacing:.2px}
@keyframes arrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.page{padding:24px 22px}.kicker{font-size:8px;letter-spacing:2.8px;margin-bottom:26px}.logo{width:92vw;max-width:600px;margin-left:-4vw}.domain{font-size:8px;letter-spacing:1.5px}.mini-brand{font-size:20px}main{padding:85px 0 95px}.sunline{margin:20px auto 26px}h2{font-size:36px;letter-spacing:4px}.tagline{font-size:13px}.tiny{font-size:10px}footer{align-items:center;flex-direction:column;gap:12px}.independent{text-align:center;max-width:300px;font-size:8px}}
@media(max-height:650px) and (min-width:601px){main{padding:35px 0}.logo{width:min(530px,60vw)}.kicker{margin-bottom:10px}.sunline{margin:10px auto 18px}h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.logo{animation:none}}

/* Night Run identity and the outlined entrance. */
.site-nav{display:flex;align-items:center;gap:8px}
.site-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;color:#e0cedf;text-decoration:none;font-size:12px;letter-spacing:.5px;border-bottom:2px solid transparent}
.site-nav a[aria-current=page]{color:#fff0dc;border-bottom-color:#ffb2c6}
.site-nav a:hover{color:#ffb2c6}
.button-link{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:48px;padding:14px 22px;background:#fff0dc;color:#191222;text-decoration:none;font-size:12px;letter-spacing:.3px;border-radius:3px}
.button-link:hover{background:#ffb2c6}
.home-news-link{margin:24px auto 0}
.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:#fff0dc;color:#191222;padding:15px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.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}
[hidden]{display:none!important}
.mini-brand{display:block;line-height:0;flex:none}
.mini-brand img{display:block;width:104px;height:auto}
.logo{width:min(900px,82vw);max-width:100%;height:auto;margin:0 auto;animation:none}
.page{transition:opacity 800ms ease,transform 1000ms cubic-bezier(.2,.7,.25,1)}
.scene{transition:opacity 1000ms ease,transform 1400ms cubic-bezier(.2,.7,.25,1)}
main:focus{outline:none}
.footer-brand{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.replay-intro,.skip-intro{appearance:none;border:0;background:none;color:#c9bbd6;font:inherit;cursor:pointer;min-height:44px;padding:10px 0}
.replay-intro{font-size:10px;letter-spacing:1px;text-transform:uppercase}
.replay-intro span{font-size:16px;margin-left:5px}
.replay-intro:hover,.skip-intro:hover{color:#fff8ed}
button:focus-visible,a:focus-visible{outline:2px solid var(--pink);outline-offset:6px;border-radius:2px}
.intro{position:fixed;inset:0;z-index:50;display:none;place-items:center;background:linear-gradient(155deg,#19192d,#0c0d1b 75%);opacity:1;transition:opacity 750ms ease}
.intro-pending .intro:not([hidden]){display:grid}
.intro-pending:not(.intro-revealing) .page{opacity:0;transform:translateY(10px);pointer-events:none}
.intro-pending:not(.intro-revealing) .scene{opacity:0;transform:scale(1.025)}
.intro-center{text-align:center;transform:translateY(-8px)}
.intro-mark{position:relative;width:clamp(230px,30vw,420px);max-width:78vw;aspect-ratio:1793/495;transform:scale(.98);transition:transform 800ms cubic-bezier(.2,.7,.25,1)}
.intro-outline,.intro-color{position:absolute;inset:0;display:block;width:100%;height:100%}
.intro-outline{overflow:visible;transition:opacity 550ms ease}
.intro-trace-base{fill:none;stroke:#b7adcf;stroke-width:2.3;opacity:.16}
.intro-trace-light{fill:none;stroke:url(#intro-sweep);stroke-width:4.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:18 82;animation:trace-night-run 1800ms linear infinite}
.intro-trace-light use:nth-child(2n){stroke-dashoffset:22}
.intro-trace-light use:nth-child(3n){stroke-dashoffset:48}
.intro-color{opacity:0;transition:opacity 600ms ease}
.intro-caption{margin:23px 0 0;color:#c2b4ce;font-size:8px;letter-spacing:3.6px;opacity:0;animation:intro-caption-in 750ms 300ms ease forwards;transition:opacity 450ms ease}
.intro-filled .intro-color{opacity:1}
.intro-filled .intro-outline{opacity:0}
.intro-filled .intro-mark{transform:scale(1.06)}
.intro-revealing .intro{opacity:0;pointer-events:none}
.skip-intro{position:absolute;right:clamp(22px,4vw,72px);top:22px;font-size:10px;letter-spacing:1px}
.skip-intro span{margin-left:6px}
@keyframes trace-night-run{from{stroke-dashoffset:100;opacity:.35}40%{opacity:1}to{stroke-dashoffset:0;opacity:.35}}
@keyframes intro-caption-in{to{opacity:.55}}
@media(max-width:600px){.logo{width:100%;margin:0}.mini-brand img{width:86px}.footer-brand{justify-content:center;gap:16px}.intro-caption{font-size:7px;letter-spacing:2.7px}}
@media(max-height:650px) and (min-width:601px){.logo{width:min(660px,65vw)}}
@media(prefers-reduced-motion:reduce){
  .intro{display:none!important}
  .page,.scene,.intro-mark,.intro-outline,.intro-color{transition:none!important;transform:none!important}
  .intro-pending .page{opacity:1!important;pointer-events:auto!important}
  .intro-pending .scene{opacity:.85!important}
  .intro-trace-light,.intro-caption{animation:none!important}
}
/* Shared navigation: compact channel labels and a visible active destination. */
.site-nav{gap:10px}
.site-nav a{position:relative;gap:10px;min-height:46px;padding:10px 20px;border:1px solid #bc91ad33;border-radius:4px;background:#23182e66;transition:background .2s,transform .2s,color .2s,border-color .2s;overflow:hidden}
.site-nav a[aria-current=page]{background:#fff0dc;color:#24172e;border-color:#fff0dc}
.site-nav a:hover{background:#ffb2c6;color:#24172e;border-color:#ffb2c6;transform:translateY(-2px)}
.nav-index{font-size:8px;opacity:.55;font-variant-numeric:tabular-nums}.nav-spark{font-size:16px;margin-left:3px;transition:transform .2s}.site-nav a:hover .nav-spark{transform:translate(2px,-2px)}
@media(max-width:600px){.site-nav{gap:6px}.site-nav a{padding:10px 13px;font-size:11px;gap:7px}.nav-spark{display:none}}
@media(max-width:420px){.nav-index{display:none}}
@media(prefers-reduced-motion:reduce){.site-nav a,.nav-spark{transition:none}.site-nav a:hover{transform:none}}
