/* Version 3 — Classic Meets Modern. Presentation refinements over the preserved V2 foundation. */
:root{--orange:#f5a36f;--blue:#71c3d1;--panel:#122934;--line:#334a54}body{background:radial-gradient(ellipse at 80% 10%,#15344170,transparent 32%),#09171f}header{background:#09171ff2;backdrop-filter:blur(18px);padding-block:12px}header nav a{position:relative;padding:14px 0}header nav a[aria-current]{color:var(--orange)}header nav a[aria-current]:after{content:'';position:absolute;bottom:7px;left:0;width:18px;height:2px;background:var(--orange)}.languages button{min-height:44px;min-width:30px}.button{min-height:48px}.header-play{box-shadow:0 3px 20px #f5a36f14}.hero{padding-top:44px;padding-bottom:46px;gap:6%;grid-template-columns:1.08fr 1fr;position:relative}.hero-copy{position:relative}.hero h1{font-size:clamp(62px,7.3vw,104px);letter-spacing:-5.7px;line-height:.98;margin:24px 0}.title-line{white-space:nowrap}.hero h1 em{color:var(--orange);text-shadow:0 8px 60px #f5a36f15}.hero .slogan{font-size:31px;margin:24px 0 18px}.hero .intro{max-width:440px;line-height:1.75}.hero .eyebrow{color:var(--blue);letter-spacing:2.3px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:25px}.hero-actions .text-link{margin:0;font-size:11px}.hero-listen:before{content:'▶';margin-right:10px;font-size:10px}.hero-listen[aria-pressed=true]:before{content:'Ⅱ'}.hero-signoff{font:8px/1.5 'Sora',sans-serif;letter-spacing:2px;color:#8da7b2;margin-top:29px}.broadcast-line{position:absolute;top:-15px;right:12%;display:flex;align-items:center;gap:5px;opacity:.17;transform:rotate(-12deg);height:100px;pointer-events:none}.broadcast-line span{height:30%;width:2px;background:var(--blue)}.broadcast-line span:nth-child(3n){height:75%}.broadcast-line span:nth-child(4n){height:45%}.broadcast-line span:nth-child(5n){height:95%}.radio{padding:25px 28px 22px;background:linear-gradient(145deg,#1b3642,#10242e 65%);border-color:#47606a;border-radius:12px;box-shadow:0 28px 65px #0005,inset 0 1px 0 #d7f6ff12;isolation:isolate}.radio:before{content:'';position:absolute;inset:-18px;z-index:-1;border-radius:25px;border:1px solid #84b9ca0b;pointer-events:none}.radio-screws{display:flex;justify-content:space-between;font:12px monospace;color:#6b838c;margin:-14px -15px 8px;opacity:.7}.radio-top{align-items:center;font-size:9px}.onair{padding:5px 9px;border-radius:4px}.onair.online{background:#f5a36f0a;box-shadow:0 0 20px #f5a36f12,inset 0 0 12px #f5a36f08;color:#ffb888}.onair.online:before{color:#ffb888;text-shadow:0 0 8px #ffa86b}.record{height:280px;margin:15px 0 22px;background:radial-gradient(ellipse,#3c6c7850 5%,transparent 69%)}.grooves{width:262px;height:262px;box-shadow:9px 16px 26px #0008,inset 0 0 0 5px #0003;background:repeating-radial-gradient(#0c151b 0px,#0c151b 3px,#263943 4px,#0c151b 5px);animation:vinyl-turn 36s linear infinite;animation-play-state:paused}.grooves img{width:166px;height:166px;box-shadow:0 0 0 5px #0a151b,0 0 0 6px #65737a50}.is-playing .grooves{animation-play-state:running}@keyframes vinyl-turn{to{transform:rotate(360deg)}}.record-caption{font-size:7px;letter-spacing:1.9px;bottom:-6px}.track h2{font-family:'Sora',sans-serif;font-size:clamp(21px,2vw,29px);font-weight:700;line-height:1.25;letter-spacing:-.9px;margin:9px 0 5px;overflow-wrap:anywhere}.track p{font-size:14px;color:#b5cbd3}.track .eyebrow{color:var(--orange);font-size:9px;letter-spacing:2px}.controls{padding:19px 0;gap:17px}.play{height:68px;width:68px;font-size:26px;box-shadow:0 6px 22px #0003,inset 0 1px 0 #ffe2c6}.play:hover{transform:scale(1.04)}.play:active{transform:scale(.97)}.connection{font-size:11px;color:#c7d5da}.volume{position:relative;width:96px;line-height:1.5}.volume output{position:absolute;right:0;top:0;font:9px monospace;color:var(--orange)}.volume input{width:96px;min-height:36px;cursor:pointer}.radio-bottom{font-size:9px;color:#a6bdc6;letter-spacing:.8px}.radio-bottom a{padding:6px 0}.playback-lines{position:absolute;right:29px;bottom:185px;display:flex;align-items:center;gap:3px;height:17px;opacity:.6}.playback-lines i{width:2px;height:3px;background:var(--blue);animation:broadcast-bars 1.6s ease-in-out infinite alternate;animation-play-state:paused}.playback-lines i:nth-child(3n){animation-delay:-.7s}.playback-lines i:nth-child(4n){animation-delay:-1.2s}.is-playing .playback-lines i{animation-play-state:running}@keyframes broadcast-bars{to{height:13px}}.ticker{background:#142a33;color:#c4d5dc;font-size:10px;letter-spacing:2.4px;padding:14px 0}.ticker b{color:var(--orange);padding-inline:24px}.section{padding-block:64px}.section-head{margin-bottom:28px}#recent h2{max-width:620px;font-size:39px}#recent .eyebrow{color:var(--blue);margin-bottom:13px}.time-label{font-size:10px;white-space:nowrap;margin-bottom:25px}.history{gap:22px}.history article{display:flex;flex-direction:column;align-items:stretch;border:0;padding:0;position:relative;gap:15px}.history img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:5px;border:1px solid #45606b;box-shadow:0 12px 25px #0003;transition:transform .3s}.history article:hover img{transform:translateY(-4px)}.history strong{font-size:14px;font-family:'Sora',sans-serif;line-height:1.5}.history small{font-size:12px;margin-top:4px;color:#b2c4cc}.history time{font:10px monospace;display:inline-block;color:var(--orange);margin-top:10px;border-top:1px solid var(--line);padding-top:9px;width:100%}#shows{padding-top:30px}.shows{gap:24px}.show{border-color:#344e59;background:#10232c;border-radius:5px}.show-art{height:190px;padding:20px 23px}.show-art>span{font-size:72px;line-height:1}.show-art small{font-size:8px;letter-spacing:2.5px}.art-0{background:#e1a078}.art-1{background:#8cb8bf}.art-2{background:#e2d7bd}.art-3{background:#2e546a;color:#aecdda}.art-4{background:#b8a6ce}.art-5{background:#9cb6a6}.art-1 .line-art{border-radius:0;transform:rotate(36deg);top:-145px}.art-2 .line-art{right:20px;top:90px;width:140px;height:140px}.art-3 .line-art{width:150px;height:150px;top:15px;right:15px}.art-4 .line-art{border-radius:45%;transform:rotate(45deg);top:-145px}.art-5 .line-art{width:220px;height:220px;right:0;top:85px}.show-copy{padding:24px}.show-copy h3{font-size:19px;letter-spacing:-.5px}.show-copy>p{min-height:44px;line-height:1.7}.show details{margin-top:22px;border-top:1px solid #36505c;padding-top:12px;font-size:11px}.show summary{list-style:none;cursor:pointer;color:#d9e4e7;display:flex;justify-content:space-between;gap:8px;min-height:32px;align-items:center}.show summary::-webkit-details-marker{display:none}.show summary:hover,.show details a{color:var(--orange)}.show details[open] summary{color:var(--orange)}.show details p{margin-block:10px;line-height:1.6}.show details a{display:inline-block;padding:6px 0;text-decoration:underline}.show summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.community{background:#ebe1d1;position:relative}.community-grid{grid-template-columns:.9fr 1.1fr;gap:8%}.community h2{font-size:clamp(34px,3.8vw,51px);letter-spacing:-1.4px;line-height:1.13}.community .eyebrow{font-size:9px;letter-spacing:1.8px}.community-art{min-height:390px;padding:27px;background:linear-gradient(145deg,#254c5b,#102f3f);border:1px solid #4a6c75;border-radius:5px;box-shadow:0 20px 40px #13324022;color:#e6e0d5}.community-art>span,.community-art>small,.big-lpr,.community-caption{position:relative;z-index:1}.big-lpr{font-size:92px;letter-spacing:-6px;margin:28px 0 8px}.big-lpr span{font-size:100px;color:var(--orange)}.community-caption{font:italic 27px/1.3 Georgia;margin-top:32px;color:#e6c9a7}.community-orbits{position:absolute;inset:0;overflow:hidden}.community-orbits i{position:absolute;width:250px;height:250px;border:1px solid #81c0ce55;border-radius:50%;right:-130px;top:40px}.community-orbits i:nth-child(2){width:320px;height:320px;right:-165px;top:5px}.community-orbits i:nth-child(3){width:390px;height:390px;right:-200px;top:-30px}.community-orbits i:nth-child(4){width:460px;height:460px;right:-235px;top:-65px}.community-orbits i:nth-child(5){width:530px;height:530px;right:-270px;top:-100px}.app-section{position:relative;overflow:hidden;background:linear-gradient(110deg,#193746,#102631);border-color:#48616c;margin-top:55px;padding:52px 60px;border-radius:7px;grid-template-columns:1.2fr 1fr;gap:35px}.app-section h2{font-size:clamp(42px,4.5vw,63px);line-height:1.02}.app-section p:not(.small){font-size:14px;color:#c9d5d8;max-width:370px}.app-section .button{margin-block:14px}.app-section .small{font-size:11px}.app-mark{position:relative}.app-mark img{position:relative;width:200px;border-radius:33px;margin:24px 0;transform:rotate(-8deg);box-shadow:10px 20px 45px #0007;z-index:1}.app-kicker{font:9px 'Sora',sans-serif;letter-spacing:2px;position:relative;z-index:1;color:var(--blue)}.app-mark>span{position:relative;z-index:1}.app-orbit{position:absolute;width:290px;height:290px;border:1px solid #78b8c145;border-radius:50%;box-shadow:0 0 0 35px #0000,0 0 0 36px #78b8c120,0 0 0 70px #0000,0 0 0 71px #78b8c110}.sticky{padding-block:11px;padding-bottom:calc(11px + env(safe-area-inset-bottom));min-height:72px}.sticky .play{height:46px;width:46px}.sticky>div{min-width:0}.sticky strong{display:block;max-width:60vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sticky a{min-height:44px;display:flex;align-items:center}.sticky:before{content:'';width:4px;height:22px;background:var(--blue);border-radius:2px;opacity:.2}.is-playing .sticky:before{opacity:1;box-shadow:0 0 12px #71c3d133}footer{padding-bottom:calc(125px + env(safe-area-inset-bottom))}.hero-copy,.radio{animation:entrance .65s ease-out both}.radio{animation-delay:.1s}@keyframes entrance{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.hero{gap:5%;grid-template-columns:1.08fr 1fr}.hero h1{font-size:6.7vw;letter-spacing:-4px}.hero .slogan{font-size:27px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-actions .text-link{font-size:10px}.record{height:235px}.grooves{width:222px;height:222px}.grooves img{width:148px;height:148px}.radio{padding-inline:23px}.controls{gap:12px}.volume{width:82px}.volume input{width:82px}.volume output{display:none}.history{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.history strong{font-size:12px}.history small{font-size:10px}.show-art{height:155px}.show-copy{padding:19px}.show-copy h3{font-size:17px}.show-copy>p{min-height:62px}.community h2{font-size:40px}.community-art{min-height:350px}.big-lpr{font-size:76px}.app-section{padding:40px}.app-mark img{width:170px}.playback-lines{bottom:175px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:27px;padding-bottom:35px;gap:24px}.hero h1{font-size:clamp(48px,10.3vw,75px);letter-spacing:-3px;margin:17px 0}.hero .slogan{font-size:25px;margin:14px 0}.hero .intro{font-size:13px;max-width:520px}.hero-signoff{display:none}.hero-actions{margin-top:19px}.hero-copy .eyebrow{font-size:8px;margin-bottom:12px;letter-spacing:1.6px}.hero-actions .text-link{font-size:10px}.broadcast-line{top:8px;right:15px;height:85px}.radio{padding:23px;max-width:600px;width:100%;justify-self:center}.record{height:225px;margin-top:7px}.grooves{width:213px;height:213px}.grooves img{width:153px;height:153px}.radio-top{font-size:8px}.track h2{font-size:25px}.track p{font-size:13px}.controls .play{width:64px;height:64px}.controls{padding:16px 0}.volume,.volume input{width:90px}.volume output{display:block}.playback-lines{bottom:175px}.history{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 17px}.history strong{font-size:13px}.history small{font-size:11px}.history time{font-size:10px}.section{padding-block:44px}.section-head{gap:0}.section-head h2{margin-bottom:14px}#recent h2{font-size:33px}.time-label{margin:5px 0 0}#shows{padding-top:8px}.shows{gap:18px}.show-art{height:160px}.show-copy>p{min-height:62px}.community-grid{grid-template-columns:1fr;gap:32px}.community-art{min-height:300px}.big-lpr{font-size:85px;margin:16px 0 0}.community-caption{position:absolute;right:25px;bottom:30px;font-size:23px}.community h2{font-size:39px}.app-section{grid-template-columns:1fr;padding:34px;margin-top:30px}.app-section h2{font-size:46px}.app-mark{display:flex;margin-top:15px;margin-bottom:20px}.app-mark img{width:150px}.app-orbit{width:215px;height:215px}.app-mark>span{font-size:13px}.app-section .small{max-width:100%}.sticky:before{display:none}.sticky strong{max-width:54vw}.sticky small{font-size:10px}#mobile{top:78px;max-height:calc(100dvh - 170px);overflow:auto}#mobile a[aria-current]{color:var(--orange);border-left:2px solid var(--orange);padding-left:14px}.contact h2{font-size:37px}}
@media(max-width:480px){.hero .slogan{font-size:23px}.hero .intro{font-size:12px;line-height:1.7}.hero-actions{margin-top:15px}.hero-actions .button{min-height:44px;padding:11px 17px;font-size:12px}.hero .eyebrow{font-size:7px;letter-spacing:1.5px}.hero h1{font-size:50px;letter-spacing:-3px}.hero .text-link{font-size:9px}.radio{padding:20px}.record{height:170px;margin-top:6px;margin-bottom:22px}.grooves{width:167px;height:167px}.grooves img{width:124px;height:124px}.track h2{font-size:22px}.track p{font-size:12px}.playback-lines{bottom:173px;right:23px}.radio-screws{margin:-9px -9px 4px}.record-caption{font-size:6px;letter-spacing:1.2px}.radio-bottom{font-size:8px}.connection{font-size:10px}.volume{font-size:8px;width:78px}.volume input{width:78px}.volume output{display:none}.history{grid-template-columns:repeat(2,minmax(0,1fr))}.shows{gap:14px}.show-art{height:132px;padding:14px}.show-art>span{font-size:49px}.show-art small{font-size:6px;letter-spacing:1px}.show-copy{padding:15px}.show-copy h3{font-size:15px}.show-copy>p{font-size:11px;min-height:75px}.show details{font-size:10px;margin-top:12px}.show summary{font-size:9px;min-height:44px}.community-art{min-height:280px;padding:23px}.community-caption{font-size:20px}.community h2{font-size:34px}.app-section{padding:28px}.app-section h2{font-size:42px}.app-section .button{font-size:12px}.app-orbit{box-shadow:0 0 0 25px #0000,0 0 0 26px #78b8c120}.sticky{gap:12px;padding-inline:5%;min-height:74px}.sticky .play{width:46px;height:46px}.sticky a{font-size:9px}.brand img{height:48px;width:52px}.brand small{font-size:6px}.brand{font-size:11px}.languages button{min-width:26px}.hero-copy .broadcast-line{right:0;top:-8px}.contact .email{font-size:20px}}
@media(max-width:360px){.hero h1{font-size:44px}.hero .slogan{font-size:21px}.hero-actions{gap:12px}.hero-actions .text-link{font-size:8px}.show-copy{padding:11px}.show-copy h3{font-size:14px}.show-copy>p{min-height:94px}.sticky{gap:9px}.sticky strong{font-size:11px;max-width:49vw}.radio-bottom{font-size:7px}.volume,.volume input{width:63px}.community-caption{font-size:18px;right:16px}.big-lpr{font-size:73px}.brand{gap:6px}.languages{gap:0}}
@media(prefers-reduced-motion:reduce){.hero-copy,.radio,.grooves,.playback-lines i{animation:none!important}.history img,.play{transition:none!important;transform:none!important}html{scroll-behavior:auto}}
@media(max-width:800px){.radio:before{inset:-10px}}