/* RadioSyndicate: services first, with a full-width artist-network entrance. */
.network-home { --stage-blue:#247dff; --stage-cyan:#82e7ff; }
.arcade-entry { display:flex; align-items:center; justify-content:space-between; gap:28px; max-width:1680px; margin:24px auto 0; padding:28px 32px; border:1px solid #927849; background:radial-gradient(ellipse at 90% 50%,#5f471b55,transparent 55%),linear-gradient(115deg,#111c31,#11101c); }
.arcade-entry-kicker { margin:0 0 9px; color:#f4cf8f; font-size:10px; font-weight:800; letter-spacing:.13em; }
.arcade-entry h2 { margin:0 0 10px; font:clamp(30px,4vw,48px)/1.06 "Archivo Black",Inter,sans-serif; letter-spacing:-.045em; }
.arcade-entry h2 span { color:#f4cf8f; }
.arcade-entry p:last-child { max-width:65ch; margin:0; color:#c4d1e2; font-size:14px; line-height:1.65; }
.arcade-entry-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; flex-shrink:0; min-height:50px; padding:15px 22px; background:#f4cf8f; color:#141825; font-size:12px; font-weight:800; letter-spacing:.04em; }
.arcade-entry-button:hover { background:#ffe3af; }
@media(max-width:720px) { .arcade-entry { align-items:stretch; flex-direction:column; padding:24px 20px; gap:20px; } .arcade-entry-button { align-self:flex-start; } }
.skip-link { position:fixed; top:8px; left:8px; padding:14px 20px; background:#fff; color:#09101c; z-index:100; transform:translateY(-180%); font-weight:800; }
.skip-link:focus { transform:translateY(0); }
.network-home a:focus-visible,.network-home button:focus-visible { outline:3px solid #a6edff; outline-offset:5px; }
.network-home .nav { position:relative; height:76px; padding:0 4vw; background:#080d16; border-bottom:1px solid #243045; }
.network-home .nav nav { gap:clamp(14px,2vw,30px); }
.network-home .nav nav a { font-size:13px; }
.network-home .nav nav a:hover { color:var(--stage-cyan); }
.network-home .nav-cta { display:inline-flex; align-items:center; gap:8px; background:transparent; border:1px solid #40516b; padding:12px 15px; white-space:nowrap; color:#fff; }
.network-home .nav-cta span { margin:0; }
.nav-onair,.strip-live-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:#82e7ff; box-shadow:0 0 12px #56acff; }
.creator-stage { padding:42px 4vw 0; background:#080d16; position:relative; overflow:hidden; scroll-margin-top:12px; }
.stage-heading { display:flex; justify-content:space-between; align-items:center; gap:32px; max-width:1680px; margin:0 auto 30px; }
.stage-kicker { font-size:10px; font-weight:800; letter-spacing:.18em; margin:0 0 16px; color:#b4c5dc; display:flex; align-items:center; gap:10px; }
.stage-kicker>span { display:block; width:25px; height:3px; background:var(--stage-blue); }
.stage-heading h1 { font-family:"Archivo Black",Inter,sans-serif; font-size:clamp(34px,4.2vw,70px); line-height:.99; letter-spacing:-.055em; margin:0; }
.stage-heading h1 span { color:var(--stage-cyan); }
.stage-intro { font-size:15px; line-height:1.7; color:#b6c2d3; margin:0 0 3px; }
.welcome-tour { flex:0 1 440px; min-width:310px; padding:0 0 0 28px; border-left:1px solid #354964; }
.tour-kicker { margin:0 0 8px; color:#98caff; font-size:9px; font-weight:800; letter-spacing:.14em; }
.welcome-tour h2 { margin:0 0 9px; font-family:"Archivo Black",Inter,sans-serif; font-size:18px; letter-spacing:-.025em; }
.tour-intro { color:#b7c6dc; font-size:12px; line-height:1.55; margin:0 0 15px; }
.tour-play { display:flex; align-items:center; gap:12px; width:100%; min-height:54px; padding:10px 15px; border:1px solid #7dbcf5; border-radius:0; background:#d2edff; color:#0b2d58; font:800 13px Inter,Arial,sans-serif; text-align:left; cursor:pointer; transition:background .2s; }
.tour-play:hover { background:#fff; }
.tour-play:disabled { cursor:wait; opacity:.85; }
.tour-play-icon { width:30px; height:30px; border-radius:50%; background:#1665ee; color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:11px; }
.tour-wave { display:flex; margin-left:auto; align-items:center; gap:3px; height:22px; }
.tour-wave i { width:3px; height:8px; background:#1b69bb; transform-origin:center; }
.tour-wave i:nth-child(2n) { height:17px; }
.tour-wave i:nth-child(3) { height:22px; }
.is-speaking .tour-wave i { animation:tour-wave .65s ease-in-out infinite alternate; }
.is-speaking .tour-wave i:nth-child(2n) { animation-delay:-.35s; }
.is-speaking .tour-wave i:nth-child(3) { animation-delay:-.15s; }
@keyframes tour-wave { to { transform:scaleY(.35); } }
.tour-progress { display:flex; gap:12px; align-items:center; margin-top:10px; }
.tour-progress progress { appearance:none; border:none; width:100%; height:3px; border-radius:0; background:#2a3e58; color:#8fddff; }
.tour-progress progress::-webkit-progress-bar { background:#2a3e58; }
.tour-progress progress::-webkit-progress-value { background:#8fddff; }
.tour-progress progress::-moz-progress-bar { background:#8fddff; }
#guide-time { flex-shrink:0; color:#b1c7e4; font-size:10px; font-variant-numeric:tabular-nums; }
.tour-status { color:#96abc5; font-size:10px; line-height:1.5; margin:8px 0; min-height:15px; }
.tour-transcript { font-size:11px; color:#b1c7e4; line-height:1.65; }
.tour-transcript summary { cursor:pointer; text-decoration:underline; text-underline-offset:3px; width:max-content; }
.tour-transcript[open] { padding-top:5px; }
.tour-transcript p { margin:10px 0; font-size:13px; }
.welcome-tour noscript audio { max-width:100%; margin-top:12px; }
.creator-lanes { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); max-width:1680px; margin:auto; }
.creator-lane { position:relative; min-width:0; overflow:hidden; display:flex; flex-direction:column; padding:24px 32px 0; min-height:400px; }
.dsp-lane { background:#1665ee; color:#fff; }
.dsp-lane::before { content:""; position:absolute; inset:0; background:radial-gradient(ellipse at 95% 30%,#60d8ff66,transparent 60%),linear-gradient(135deg,transparent,#00399275); pointer-events:none; }
.lane-top { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 14px; align-items:center; position:relative; z-index:2; font-size:9px; letter-spacing:.13em; font-weight:800; }
.lane-mode { border-bottom:1px solid #ffffff50; padding-bottom:5px; color:#e0efff; }
.lane-content { z-index:2; position:relative; padding:24px 0 22px; flex:1; }
.lane-brand { margin:0 0 3px; font-weight:800; letter-spacing:.17em; font-size:10px; }
.lane-content h2 { font-family:"Archivo Black",Inter,sans-serif; font-size:clamp(45px,5.5vw,90px); line-height:1.07; letter-spacing:-.065em; margin:0 0 14px; white-space:nowrap; }
.dsp-period { color:#94ecff; }
.lane-promise { font-size:12px; letter-spacing:.06em; font-weight:800; margin:0 0 9px; }
.lane-description { font-size:14px; line-height:1.65; max-width:37ch; margin:0 0 20px; color:#e3efff; text-wrap:pretty; }
.lane-button { display:inline-flex; align-items:center; justify-content:center; min-height:49px; padding:13px 23px; background:#fff; border:1px solid #fff; color:#092962; font-size:13px; font-weight:800; transition:background .2s,transform .2s; }
.lane-button:hover { background:#d9f4ff; transform:translateY(-2px); }
.lane-availability { font-size:10px; line-height:1.6; max-width:40ch; margin:11px 0 0; color:#e0ecff; }
.lane-foot { position:relative; z-index:2; border-top:1px solid #ffffff45; display:flex; gap:12px 24px; flex-wrap:wrap; padding:15px 0; font-size:9px; font-weight:800; letter-spacing:.12em; }
.signal-field { position:absolute; right:-24px; top:20%; width:49%; height:67%; display:flex; align-items:center; gap:4px; transform:rotate(-15deg); opacity:.27; pointer-events:none; }
.signal-field i { display:block; flex:1; height:calc(var(--level) * 1%); background:#a5ecff; transform:scaleY(.72); animation:signal-breathe 3.8s ease-in-out infinite alternate; animation-delay:var(--beat); transform-origin:center; }
@keyframes signal-breathe { to { transform:scaleY(1); opacity:.65; } }
.studio-lane { color:#fff; background:#16102e; }
.studio-backdrop { position:absolute; width:100%; height:100%; inset:0; object-fit:cover; object-position:62% center; opacity:.85; }
.studio-lane::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#100b22f0 0%,#100b22b8 49%,#100b221f 100%),linear-gradient(0deg,#100b22bf,transparent 55%); pointer-events:none; }
.studio-lane .lane-top,.studio-lane .lane-content,.studio-lane .lane-foot { z-index:3; }
.studio-lane .lane-content h2 { font-size:clamp(36px,4.15vw,70px); margin-top:8px; margin-bottom:18px; }
.studio-lane .lane-content h2 span { color:#b69cff; }
.studio-lane .lane-description { color:#e4dff2; }
.studio-lane .lane-button { background:#bbacff; border-color:#bbacff; color:#170d32; }
.studio-lane .lane-button:hover { background:#d2c7ff; }
.studio-lane .lane-availability { color:#d1c8e8; }
.network-strip { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px 20px; max-width:1680px; margin:auto; padding:21px 0; font-size:10px; font-weight:800; letter-spacing:.05em; }
.network-strip-label { color:#7f90a8; font-size:9px; letter-spacing:.12em; }
.network-strip a { display:flex; align-items:center; gap:8px; color:#d6e4f6; }
.network-strip a:hover { color:var(--stage-cyan); }
.network-home .featured-video { padding:44px 4vw 0; border-top:1px solid #263043; background:#06090f; }
.network-home .featured-video-heading,.network-home .featured-video-frame,.network-home .video-playlist-controls { width:100%; max-width:1680px; margin-left:auto; margin-right:auto; }
.network-home .featured-video-heading h2 { font-size:clamp(32px,4vw,58px); }
.network-home .featured-video-heading .section-number { color:#90b7ee; }
.network-home .featured-video-frame { border:1px solid #27374b; }
.network-home .video-live-strip { margin-top:26px; }
.network-home .radio-desk { padding-top:55px; border-top:1px solid #263043; }
.network-home .radio-desk h2 { font-family:"Archivo Black",Inter,sans-serif; font-size:clamp(32px,6vw,82px); line-height:1; letter-spacing:-.055em; margin:15px 0 25px; overflow-wrap:anywhere; }
.network-home .radio-desk h2>span { color:var(--stage-blue); }
.network-home .mobile-action { display:none; }
@media(min-width:1600px) {
  .creator-stage { padding-top:50px; }
  .creator-lane { min-height:450px; padding:30px 40px 0; }
  .lane-content { padding-top:32px; }
  .lane-description { font-size:16px; }
  .lane-availability { font-size:12px; }
}
@media(max-width:1100px) {
  .network-home .nav { padding:0 3vw; }
  .network-home .nav nav { gap:17px; }
  .network-home .nav nav a { font-size:11px; }
  .network-home .nav .brand { font-size:.9rem; }
  .creator-lane { padding:23px 25px 0; }
  .stage-intro { font-size:13px; }
  .lane-top { font-size:8px; }
  .lane-mode { letter-spacing:.08em; }
}
@media(max-width:820px) {
  .network-home .nav nav { display:none; }
  .stage-heading { gap:20px; }
  .stage-heading h1 { font-size:38px; }
  .stage-intro { max-width:210px; }
  .welcome-tour { min-width:290px; padding-left:20px; }
  .welcome-tour h2 { font-size:15px; }
  .lane-content h2 { font-size:58px; }
  .studio-lane .lane-content h2 { font-size:34px; }
  .creator-lane { padding:21px 22px 0; }
  .lane-top { gap:8px; }
  .lane-promise { font-size:10px; }
  .lane-description { font-size:13px; }
  .lane-foot { gap:9px 15px; font-size:8px; }
  .network-strip { justify-content:flex-start; gap:15px 23px; }
  .network-strip-label { display:none; }
}
@media(max-width:620px) {
  .network-home { padding-bottom:72px; }
  .network-home .nav { height:64px; padding:0 18px; }
  .network-home .nav .brand { gap:7px; font-size:.88rem; }
  .network-home .nav .brand-mark { gap:2px; }
  .network-home .nav-cta { font-size:10px; padding:9px 10px; }
  .creator-stage { padding:24px 0 0; }
  .stage-heading { display:block; margin:0 20px 22px; }
  .stage-kicker { font-size:8px; letter-spacing:.14em; margin-bottom:12px; gap:8px; }
  .stage-kicker>span { width:18px; }
  .stage-heading h1 { font-size:clamp(31px,8.5vw,49px); line-height:1.01; }
  .stage-intro { max-width:none; font-size:12px; line-height:1.5; margin:12px 0 0; }
  .stage-intro br { display:none; }
  .welcome-tour { min-width:0; padding:18px 0 0; border-left:0; border-top:1px solid #354964; margin-top:18px; }
  .tour-kicker { font-size:8px; margin-bottom:7px; }
  .welcome-tour h2 { font-size:17px; }
  .tour-intro { font-size:12px; margin-bottom:12px; }
  .tour-intro br { display:none; }
  .tour-play { min-height:55px; font-size:13px; }
  .tour-status { font-size:10px; }
  .creator-lanes { grid-template-columns:1fr; }
  .creator-lane { padding:20px 22px 0; min-height:0; }
  .lane-top { font-size:8px; flex-wrap:nowrap; }
  .lane-mode { font-size:7px; }
  .lane-content { padding:18px 0 14px; }
  .lane-brand { font-size:8px; margin-bottom:2px; }
  .lane-content h2 { font-size:66px; margin-bottom:9px; }
  .lane-promise { font-size:10px; margin-bottom:8px; letter-spacing:.055em; }
  .lane-description { font-size:13px; line-height:1.5; max-width:35ch; margin-bottom:16px; }
  .lane-button { min-height:45px; padding:12px 20px; font-size:12px; }
  .lane-availability { max-width:none; font-size:10px; margin-top:10px; }
  .lane-foot { padding:12px 0; font-size:8px; gap:22px; }
  .signal-field { width:44%; right:-15px; top:18%; height:70%; opacity:.23; }
  .studio-lane { border-top:1px solid #ffffff25; }
  .studio-lane .lane-content h2 { font-size:clamp(40px,11vw,58px); margin:4px 0 13px; }
  .studio-backdrop { object-position:70% center; }
  .studio-lane::after { background:linear-gradient(90deg,#100b22ec,#100b2290 60%,#100b2238),linear-gradient(0deg,#100b22b0,transparent 70%); }
  .network-strip { display:grid; grid-template-columns:1fr 1fr; gap:17px 15px; padding:22px; font-size:9px; }
  .network-home .featured-video { padding:32px 0 0; }
  .network-home .featured-video-heading { padding:0 20px; margin-bottom:20px; }
  .network-home .featured-video-heading .section-number { font-size:8px; letter-spacing:.12em; }
  .network-home .featured-video-heading h2 { font-size:34px; }
  .network-home .video-playlist-controls { padding:0 15px; }
  .network-home .video-playlist-controls .button { min-height:44px; }
  .network-home .radio-desk { padding:38px 20px; }
  .network-home .radio-desk h2 { font-size:clamp(27px,8vw,45px); }
  .network-home .mobile-action { display:grid; grid-template-columns:1fr 1fr; gap:1px; height:auto; min-height:65px; padding:0 0 env(safe-area-inset-bottom); position:fixed; z-index:20; inset:auto 0 0; background:#080d16; border-top:1px solid #547093; box-shadow:0 -5px 25px #0005; }
  .network-home .mobile-action a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-height:64px; padding:10px 5px; font-size:11px; font-weight:600; background:#123971; color:#e8f2ff; }
  .network-home .mobile-action a:last-child { background:#2c204b; color:#eee7ff; }
  .network-home .mobile-action span { font-size:10px; letter-spacing:.12em; font-weight:800; }
}
@media(max-width:360px) {
  .network-home .nav { padding:0 13px; }
  .network-home .nav .brand { font-size:.78rem; }
  .stage-heading { margin-left:18px; margin-right:18px; }
  .creator-lane { padding-left:18px; padding-right:18px; }
  .lane-top { font-size:7px; }
  .lane-mode { font-size:6px; }
  .lane-foot { gap:14px; }
  .network-strip { padding:19px 18px; font-size:8px; }
}
@media(prefers-reduced-motion:reduce) {
  .network-home { scroll-behavior:auto; }
  html { scroll-behavior:auto; }
  .signal-field i { animation:none; }
  .is-speaking .tour-wave i { animation:none; }
  .lane-button { transition:none; }
}