@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap";@font-face{font-family:HalftoneJo;src:url(/radio/fonts/HalftoneJo.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}.mobile-marquee{display:none}:root{color:#effcff;font-synthesis:none;background:#02090e;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}.radio-shell{isolation:isolate;background:radial-gradient(circle at 62% 37%,#0b4150 0,#06202a 32%,#020a10 68%,#010507 100%);min-height:100vh;position:relative;overflow:hidden}.ocean{z-index:-2;background:linear-gradient(#0a4d5e47,#0000 36%),repeating-linear-gradient(90deg,#0000 0 159px,#90e3eb06 160px);position:absolute;inset:0;overflow:hidden}.surface{filter:blur(16px);opacity:.55;background:radial-gradient(#9bf6ff8c,#309cac26 34%,#0000 69%);width:72%;height:26%;animation:8s ease-in-out infinite alternate tide;position:absolute;top:-8%;left:18%}.ray{opacity:.13;filter:blur(8px);transform-origin:top;background:linear-gradient(#c5fbff,#0000);width:11%;height:83%;position:absolute;top:-18%}.ray.one{left:45%;transform:rotate(13deg)}.ray.two{opacity:.08;left:68%;transform:rotate(-12deg)}.sonar{border:1px solid #86eef629;border-radius:50%;position:absolute;box-shadow:inset 0 0 80px #38d5df09}.sonar.a{aspect-ratio:1;width:68vw;top:-10vw;right:-16vw}.sonar.b{aspect-ratio:1;width:28vw;top:26%;left:42%}.particles{opacity:.42;background-image:radial-gradient(circle,#bdfcff 0 1px,#0000 1.7px),radial-gradient(circle,#72e0e8 0 1px,#0000 1.7px);background-size:90px 90px,137px 137px;animation:18s linear infinite drift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.topbar{z-index:20;border-bottom:1px solid #9be5eb30;justify-content:space-between;align-items:center;height:100px;margin:0 4.3vw;display:flex;position:relative}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:13px;padding:0;display:flex}.brand-mark{aspect-ratio:1;border:1px solid #71dfe7;border-radius:50%;place-items:center;width:42px;display:grid;box-shadow:inset 0 0 16px #0b6978,0 0 20px #42dde926}.brand strong{letter-spacing:-.03em;font-size:18px;display:block}.brand small{color:#70cbd5;letter-spacing:.23em;margin-top:4px;font:400 9px DM Mono;display:block}nav{align-items:center;gap:30px;display:flex}nav button{letter-spacing:.2em;color:#789aa3;cursor:pointer;background:0 0;border:0;font:500 10px DM Mono}nav button:hover,nav .on{color:#eaffff}.inventory-trigger{align-items:center;gap:8px;display:flex;border:1px solid #87e1e940!important;padding:11px 14px!important}.hero{grid-template-columns:36% 46% 18%;align-items:center;min-height:calc(100vh - 260px);padding:0 4.3vw;display:grid;position:relative}.copy-block{z-index:4;margin-top:-2vh;position:relative}.eyebrow{color:#9fe8ed;letter-spacing:.21em;font:500 10px DM Mono}.eyebrow em{color:#527780;font-style:normal}.live-dot{background:#ffcb6b;border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block;box-shadow:0 0 15px #ffcb6b}h1{letter-spacing:-.07em;margin:26px 0 28px;font-size:clamp(58px,6.4vw,112px);font-weight:300;line-height:.88}h1 i,h2 i{color:#8cecf3;font-family:Playfair Display,serif;font-weight:500}.lede{color:#85a6ad;max-width:470px;font-size:13px;line-height:1.75}.character-stage{cursor:pointer;height:min(71vh,790px);transform:translate(calc(var(--px)*12px),calc(var(--py)*8px));outline:none;place-items:center;transition:transform .18s ease-out;display:grid;position:relative}.character-video{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;mix-blend-mode:screen;filter:contrast(1.05)saturate(.9)drop-shadow(0 0 28px #adf4f829);z-index:2;width:min(49vw,760px);max-width:none;position:relative}.character-aura{aspect-ratio:1;filter:blur(12px);background:radial-gradient(circle,#8beef433,#42b3c00a 47%,#0000 68%);border-radius:50%;width:54%;animation:4s ease-in-out infinite breathe;position:absolute}.character-hit{z-index:3;letter-spacing:.16em;color:#78a3a9;align-items:center;gap:8px;font:400 9px DM Mono;display:flex;position:absolute;bottom:7%}.scene-switcher{z-index:4;border-left:1px solid #93e2e82b;padding-left:27px;position:relative}.rail-label{color:#52747c;letter-spacing:.2em;margin-bottom:18px;font:400 9px DM Mono;display:block}.scene-switcher button{text-align:left;opacity:.38;cursor:pointer;background:0 0;border:0;border-top:1px solid #91dae11c;grid-template-columns:26px 1fr;width:100%;padding:15px 0;transition:all .3s;display:grid}.scene-switcher button:hover,.scene-switcher button.active{opacity:1}.scene-switcher button span{color:#72dce5;grid-row:1/3;font:400 9px DM Mono}.scene-switcher button strong{letter-spacing:.1em;font:500 10px DM Mono}.scene-switcher button small{color:#64818a;margin-top:4px;font-size:10px}.player{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid #9be5eb33;border-bottom:1px solid #9be5eb1f;grid-template-columns:60px 250px 1fr 90px 190px 140px;align-items:center;gap:18px;min-height:104px;margin:0 4.3vw;padding:15px 0;display:grid;position:relative}.play-button{aspect-ratio:1;cursor:pointer;background:#48cdd514;border:1px solid #b6f6f7;border-radius:50%;place-items:center;width:52px;display:grid}.track-meta span{color:#ffce72;letter-spacing:.18em;font:500 8px DM Mono;display:block}.track-meta strong{margin-top:6px;font-size:13px;display:block}.track-meta small{color:#7898a0;font:400 9px DM Mono}.waveform{align-items:center;gap:3px;height:40px;display:flex;overflow:hidden}.waveform i{width:2px;height:calc(4px + (var(--i)%9)*3px);opacity:.2;background:#77dfe6}.is-playing .waveform i{opacity:.75;animation:.9s ease-in-out infinite alternate wave;animation-delay:calc(var(--i)*-37ms)}.time{color:#c6e8eb;font:400 9px DM Mono}.time span{color:#52717a}.volume{color:#76a4ab;grid-template-columns:18px 1fr 24px;align-items:center;gap:8px;display:grid}.volume input{accent-color:#7ae1e8;width:100%}.volume b{font:400 9px DM Mono}.signal{border-left:1px solid #9be5eb29;grid-template-columns:21px 1fr;align-items:center;height:44px;padding-left:17px;display:grid}.signal span,.signal b{letter-spacing:.12em;font:400 8px DM Mono}.signal b{color:#ffce72;grid-column:2}footer{color:#4d7078;letter-spacing:.13em;justify-content:space-between;align-items:center;gap:24px;min-height:55px;margin:0 4.3vw;font:400 8px DM Mono;display:flex}footer strong{color:#789ba2;letter-spacing:.04em;text-align:center;font-weight:400}.inventory-backdrop{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000508b8;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.inventory{background:linear-gradient(145deg,#08242df5,#020c12fa);border:1px solid #8be7ed45;width:min(1040px,94vw);padding:44px;position:relative;box-shadow:0 30px 100px #000}.close{cursor:pointer;background:0 0;border:0;position:absolute;top:22px;right:22px}.inventory h2{letter-spacing:-.05em;margin:14px 0 20px;font-size:clamp(38px,5vw,68px);font-weight:300;line-height:.95}.inventory>p:not(.eyebrow){color:#7898a0;max-width:700px;font-size:13px;line-height:1.7}.inventory-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;display:grid}.inventory-grid button{text-align:left;cursor:pointer;background:#020609;border:1px solid #89dee524;padding:0;overflow:hidden}.inventory-grid video{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;mix-blend-mode:screen;width:100%}.inventory-grid span,.inventory-grid strong,.inventory-grid small{margin:0 15px;display:block}.inventory-grid span{color:#65dce5;font:400 8px DM Mono}.inventory-grid strong{margin-top:5px;font:500 10px DM Mono}.inventory-grid small{color:#60818a;margin-top:4px;margin-bottom:15px;font-size:9px}.inventory-facts{border-top:1px solid #84dbe221;grid-template-columns:repeat(4,1fr);margin-top:25px;padding-top:20px;display:grid}.inventory-facts span{color:#66868d;font:400 9px DM Mono}.inventory-facts b{color:#dcfbfd;margin-right:6px;font-size:18px}@keyframes tide{to{opacity:.75;transform:translate(5%)scale(1.08)}}@keyframes drift{to{background-position:40px -90px,-30px -137px}}@keyframes breathe{50%{opacity:.65;transform:scale(1.16)}}@keyframes wave{to{transform:scaleY(.35)}}@media (width<=980px){nav button:not(.inventory-trigger):not(.on){display:none}.hero{grid-template-columns:42% 58%}.scene-switcher{width:210px;position:absolute;bottom:2%;right:4vw}.player{grid-template-columns:56px 1fr 120px}.waveform,.time,.signal{display:none}.volume{grid-column:3}.character-video{width:62vw}}@media (width<=680px){.topbar{height:76px;margin:0 20px}.brand strong{font-size:14px}.brand small{font-size:7px}.brand-mark{width:36px}nav{gap:8px}nav .on{display:none!important}.inventory-trigger{font-size:0;padding:10px!important}.hero{min-height:calc(100svh - 200px);padding:0 20px;display:block}.copy-block{z-index:5;position:absolute;top:7%}.eyebrow{font-size:8px}h1{margin-top:18px;font-size:clamp(54px,18vw,78px)}.lede{display:none}.character-stage{height:67svh;margin:0 -25vw;padding-top:13vh}.character-video{width:124vw}.character-hit{bottom:4%}.scene-switcher{border-left:0;gap:7px;width:auto;padding:0;display:flex;bottom:1%;left:20px;right:20px}.rail-label{display:none}.scene-switcher button{border:1px solid #91dae124;grid-template-columns:19px 1fr;padding:10px 7px}.scene-switcher button small{display:none}.scene-switcher button strong{font-size:7px}.player{grid-template-columns:48px 1fr;gap:12px;min-height:82px;margin:0 20px}.play-button{width:44px}.volume{display:none}.track-meta strong{font-size:11px}footer{min-height:42px;margin:0 20px}footer strong,footer span:last-child{display:none}.inventory-backdrop{padding:12px}.inventory{max-height:92svh;padding:35px 18px 20px;overflow-y:auto}.inventory-grid{grid-template-columns:1fr}.inventory-grid button{grid-template-columns:45% 12% 1fr;align-items:center;display:grid}.inventory-grid video{grid-row:1/4}.inventory-grid span,.inventory-grid strong,.inventory-grid small{margin-left:8px}.inventory-facts{grid-template-columns:1fr 1fr;gap:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.character-stage{transform:none!important}}.character-video,.inventory-grid video{mix-blend-mode:normal}.ambient-video{-o-object-fit:contain;object-fit:contain;opacity:.13;filter:blur(30px)saturate(1.35);width:136%;height:136%;animation:14s ease-in-out infinite alternate ambient-drift;position:absolute;inset:-18%;transform:scale(1.18)}.brand-mark{background:#082544;border-color:#81dcefc7;overflow:hidden}.brand-mark img{-o-object-fit:cover;object-fit:cover;filter:hue-rotate(5deg)saturate(.78)brightness(1.15);width:100%;height:100%}.copy-block{align-self:center;min-width:0}.bubble-marquee{border-top:1px solid #88e1e93d;border-bottom:1px solid #88e1e929;width:min(30vw,460px);margin:22px 0 12px;padding:18px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{color:#bffaff;letter-spacing:.12em;text-shadow:0 0 3px #74e6ee,0 0 9px #6fe7ef73;gap:40px;width:max-content;font:400 clamp(39px,3.6vw,54px)/1 HalftoneJo,sans-serif;animation:18s linear infinite marquee;display:flex}.marquee-track span{white-space:nowrap}.tech-line{color:#587c84;letter-spacing:.18em;font:400 8px DM Mono}.scene-switcher .auto-mode{border:1px solid #74dae229;margin-top:10px;padding:11px 8px}.character-stage{height:min(75vh,830px)}.character-video{width:min(57vw,880px)}@keyframes marquee{to{transform:translate(-50%)}}@keyframes ambient-drift{to{opacity:.19;transform:scale(1.3)translate(-2%,2%)}}@media (width<=980px){.hero{grid-template-columns:34% 66%}.bubble-marquee{width:31vw}.character-video{width:70vw}}@media (width<=680px){.copy-block{top:5%;left:0;right:0}.bubble-marquee{width:100%;margin-top:14px;padding:13px 0}.marquee-track{font-size:36px}.tech-line{font-size:7px}.character-stage{padding-top:5vh}.character-video{width:130vw}.ambient-video{opacity:.14;width:200%;height:116%;inset:-8% -50%}.brand-mark{width:43px}.scene-switcher .auto-mode{display:none}}.radio-shell{background:radial-gradient(circle at 61% 42%,#082833 0,#03141c 38%,#01070b 72%,#000 100%)}.character-stage:before{content:"";filter:blur(12px);background:radial-gradient(#000 42%,#000000db 61%,#0000 77%);position:absolute;inset:2% -12%}.character-video{mix-blend-mode:normal;opacity:0;pointer-events:none;transition:opacity .62s;position:absolute}.character-video.active{opacity:1}.ambient-video{opacity:0;filter:blur(40px)saturate(.8);transition:opacity .75s}.bubble-transition{z-index:60;pointer-events:none;visibility:hidden;position:fixed;inset:0;overflow:hidden}.bubble-transition.show{visibility:visible}.bubble-transition i{left:var(--x);width:var(--s);height:var(--s);transform:translateX(var(--w));animation:bubble-rise 1.5s cubic-bezier(.2,.72,.28,1) var(--d) both;background:radial-gradient(circle at 30% 27%,#ffffffb3,#7ee8f21a 28%,#1775872e 62%,#0000 66%);border:1px solid #cafaffd1;border-radius:50%;position:absolute;bottom:-70px;box-shadow:inset -3px -4px 8px #44b2c42e,0 0 14px #6fe0eb3d}.water-wipe{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#0000 0,#074f5f21 44%,#2bb1c257 58%,#010f162e 76%,#0000 100%);animation:1.5s ease-in-out both water-wipe;position:absolute;inset:0;transform:translateY(100%)}@keyframes bubble-rise{0%{transform:translate(var(--w),80px) scale(.65);opacity:0}14%{opacity:.95}78%{opacity:.9}to{transform:translate(calc(var(--w) * -1),-115vh) scale(1.12);opacity:0}}@keyframes water-wipe{0%{opacity:0;transform:translateY(100%)}42%,58%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@media (width<=680px){.character-stage:before{filter:blur(8px);inset:8% -28%}.bubble-transition i{animation-duration:1.4s}}.radio-shell,.ocean{background:#000}.hero{isolation:isolate}.character-stage:before{filter:none;z-index:-1;background:#0000002e;inset:-35vh -100vw}.surface{z-index:5;opacity:.22;mix-blend-mode:screen}.ray{z-index:5;opacity:.08;mix-blend-mode:screen}.particles{z-index:6;opacity:.24;pointer-events:none}.character-video{mix-blend-mode:screen;background:#000}.topbar,.player{background:linear-gradient(90deg,#000000e0,#00000047 48%,#000000b8)}@media (width<=680px){.character-stage:before{filter:none;inset:-30vh -100vw}.radio-shell,.ocean{background:#000}}.ambient-video{-o-object-fit:cover;object-fit:cover;filter:blur(24px)brightness(.28)saturate(.78);width:108%;height:108%;transition:opacity .75s;inset:-4%;transform:scale(1.04)}.ambient-video.active{opacity:1}.character-video{aspect-ratio:auto;-o-object-fit:contain;object-fit:contain;background:#000;width:100vw;max-width:none;height:100%}.ocean{z-index:-2;background:#000;position:fixed;inset:0}.scene-background{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#000;width:100%;height:100%;position:absolute;inset:0}.scene-shade{pointer-events:none;background:linear-gradient(90deg,#000000a1 0,#0000001f 36%,#0000000d 68%,#0000005c 100%);position:absolute;inset:0}.scene-spacer{height:min(75vh,830px)}@media (width<=680px){.scene-background{-o-object-position:center;object-position:center}.scene-shade{background:linear-gradient(#0000004d,#0000000a 38%,#00000061)}.scene-spacer{height:67svh}}.hero{grid-template-columns:31% 69%}.scene-switcher{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00080c94;border:1px solid #97e8ef33;border-right:0;border-radius:14px 0 0 14px;flex-direction:column;gap:1px;width:48px;padding:5px 0 5px 5px;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%);box-shadow:-10px 0 38px #0000004d}.scene-switcher button,.scene-switcher .auto-mode{color:#71979e;opacity:.58;cursor:pointer;background:0 0;border:0;border-radius:10px 0 0 10px;place-items:center;width:42px;height:42px;margin:0;padding:0;transition:color .25s,background .25s,opacity .25s,box-shadow .25s;display:grid;position:relative}.scene-switcher button:hover,.scene-switcher button:focus-visible,.scene-switcher button.active{color:#d9fdff;opacity:1;background:#5ed7e11f}.scene-switcher button.active{box-shadow:inset -2px 0 #8ff3f7,0 0 20px #62e1ea1f}.scene-switcher button:focus-visible{outline-offset:-3px;outline:1px solid #9af4f7}.scene-switcher .auto-mode{border-top:1px solid #97e8ef24;border-radius:0 0 0 10px;margin-top:4px}@media (width<=680px){.hero{display:block}.scene-switcher{border-left:1px solid #97e8ef33;gap:1px;width:43px;padding-left:4px;display:flex;inset:50% 0 auto auto;transform:translateY(-50%)}.scene-switcher button,.scene-switcher .auto-mode{width:38px;height:38px;display:grid}.scene-switcher .auto-mode{margin-top:3px}}.scene-current{z-index:1;opacity:1;transition:opacity .9s}.scene-incoming{z-index:2;opacity:0;transition:opacity .9s}.ocean.crossfading .scene-current{opacity:0}.ocean.crossfading .scene-incoming{opacity:1}.scene-shade{z-index:3}.bubble-transition{visibility:hidden;opacity:0}.bubble-transition.show{visibility:visible;opacity:1}.bubble-transition.show i{animation:bubble-rise 1.05s cubic-bezier(.2,.72,.28,1) var(--d) both}@media (width<=980px){nav button:not(.inventory-trigger):not(.on){display:block}.topbar{margin-inline:24px 58px}.topbar nav{gap:16px}.topbar nav button{font-size:9px}}@media (width<=680px){.topbar{grid-template-columns:minmax(0,1fr);align-content:center;gap:10px;height:108px;margin:0 18px;padding:13px 0 10px;display:grid}.topbar .brand{min-width:0}.topbar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,350px);min-width:0;display:grid}.topbar nav .on{display:block!important}.topbar nav button{letter-spacing:.1em;text-align:center;width:100%;min-width:0;padding:4px 0;font-size:8px;display:block}.topbar nav button:first-child{text-align:left}.topbar nav button:last-child{text-align:right}.hero{min-height:calc(100svh - 232px)}}.topbar nav{position:relative}.scene-menu{justify-content:flex-end;align-items:center;min-width:36px;display:flex}.scene-menu-options{opacity:0;pointer-events:none;align-items:center;gap:2px;width:0;transition:width .35s,opacity .22s,transform .35s,margin .35s;display:flex;overflow:hidden;transform:translate(8px)}.scene-menu.open .scene-menu-options{opacity:1;pointer-events:auto;width:210px;margin-right:7px;transform:none}.scene-menu-options button,.scene-menu-trigger{color:#729aa1;background:#00090d5c;border:1px solid #0000;border-radius:50%;flex:none;place-items:center;height:32px;letter-spacing:0!important;width:32px!important;padding:0!important;display:grid!important}.scene-menu-options button:hover,.scene-menu-options button.active{color:#e1feff;background:#54d3dc24;border-color:#89e9ef4d}.scene-menu-trigger{color:#adecf0;border-color:#89e1e940;height:36px;width:36px!important}.scene-menu.open .scene-menu-trigger{color:#fff;background:#54d3dc26}@media (width<=980px){.scene-menu.open .scene-menu-options{width:204px}}@media (width<=680px){.topbar nav{grid-template-columns:repeat(3,minmax(0,1fr)) 36px;width:min(100%,350px);max-width:350px}.scene-menu{position:static}.scene-menu-options{visibility:hidden;background:#00080ce6;border:1px solid #89e1e933;border-radius:18px;padding:5px;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)scale(.97);width:210px!important}.scene-menu.open .scene-menu-options{visibility:visible;opacity:1;margin:0;transform:none}.scene-menu-trigger{text-align:center!important}}.topbar nav{gap:22px}.topbar nav>a{color:#789aa3;letter-spacing:.16em;white-space:nowrap;font:500 10px DM Mono;text-decoration:none}.topbar nav>a:hover,.topbar nav>a:focus-visible{color:#eaffff}.volume-toggle{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.signal-error b{color:#ff827d}.signal-live b{color:#8ff3f7}.live-bulletin{z-index:10;border-top:1px solid #9be5eb1f;position:relative}.live-bulletin b{color:#80e7ed}.live-bulletin a{color:#789ba2;text-decoration:none}.live-bulletin a:hover{color:#eaffff}.brand{color:inherit;text-decoration:none}@media (width<=980px){.topbar nav{gap:12px}.topbar nav>a,.topbar nav button{font-size:8px}}@media (width<=680px){.topbar nav{gap:3px;width:min(100%,350px);max-width:350px;grid-template-columns:repeat(4,minmax(0,1fr)) 36px!important}.topbar nav>a,.topbar nav button{letter-spacing:.04em;text-align:center;place-items:center;width:100%;min-width:0;padding:4px 0;font-size:7px;display:grid}.hero{min-height:calc(100svh - 294px)}.hero .copy-block{display:none}.mobile-marquee{z-index:10;margin:0 20px;display:block;position:relative}.mobile-marquee .bubble-marquee{width:100%;margin:0;padding:13px 0}.live-bulletin{display:none}}