:root { color-scheme: dark; }
* { box-sizing: border-box; }
body.radio-page { margin:0; background:#111; color:#fff; font-family:'Open Sans',Arial,sans-serif; }
.radio-nav { min-height:82px; padding:12px clamp(20px,5vw,64px); display:flex; align-items:center; justify-content:space-between; gap:24px; background:rgba(0,0,0,.52); position:relative; z-index:1; }
.radio-brand img { display:block; width:min(335px,55vw); height:auto; }.radio-nav nav { display:flex; gap:22px; flex-wrap:wrap; justify-content:flex-end; }.radio-nav a { color:#fff; text-decoration:none; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }.radio-nav a:hover { color:#78b7ff; }
.radio-hero { min-height:635px; padding:80px 20px 95px; background:linear-gradient(to top,rgba(0,0,0,.15) 74%,rgba(0,0,0,.78)),url('/images/radio/14-low.jpg') center/cover; }.radio-logo { display:block; width:min(443px,88vw); margin:0 auto 34px; }
.radio-player-shell { width:min(660px,100%); margin:auto; padding:28px; border:1px solid rgba(255,255,255,.3); border-radius:11px; background:rgba(0,0,0,.64); box-shadow:0 20px 50px rgba(0,0,0,.3); text-align:center; }.on-air-line { display:flex; align-items:center; justify-content:center; gap:9px; color:#c8c8c8; font-size:11px; font-weight:700; letter-spacing:.11em; }.live-dot { width:8px; height:8px; border-radius:50%; background:#777; }.is-live .live-dot { background:#28d17c; box-shadow:0 0 12px #28d17c; }
.radio-player-shell h1 { margin:16px 0 5px; font-size:clamp(24px,4vw,34px); font-weight:300; }.radio-player-shell p { margin:0; color:#e3e3e3; }.next-track { min-height:24px; margin-top:6px!important; color:#9ecbff!important; }.radio-play { margin:21px auto; padding:12px 26px; border:2px solid rgba(255,255,255,.55); border-radius:5px; background:transparent; color:#fff; font:600 14px 'Open Sans',sans-serif; cursor:pointer; text-transform:uppercase; transition:.2s; }.radio-play:hover:not(:disabled) { background:#fff; color:#111; }.radio-play:disabled { opacity:.45; cursor:not-allowed; }
.radio-media-stage { width:100%; max-width:560px; aspect-ratio:560/315; margin:0 auto; position:relative; overflow:hidden; background:#080808; }.youtube-player { position:absolute; inset:0; opacity:1; transition:opacity .55s ease; }.youtube-player iframe { width:100%!important; height:100%!important; max-width:100%; border:0; }.jingle-visual { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:22%; background:linear-gradient(rgba(0,0,0,.24),rgba(0,0,0,.48)),url('/images/radio/bg.jpg') center/contain no-repeat; opacity:0; transition:opacity .55s ease; pointer-events:none; }.jingle-visual img { width:min(250px,65%); height:auto; filter:drop-shadow(0 3px 15px rgba(0,0,0,.62)); }.radio-media-stage.is-jingle .youtube-player { opacity:0; pointer-events:none; }.radio-media-stage.is-jingle .jingle-visual { opacity:1; }.native-player { display:none; }.sync-note { margin-top:18px!important; color:#bcbcbc!important; font-size:12px; }
.radio-info { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:70px; padding:55px max(24px,calc((100vw - 800px)/2)); background:rgba(0,0,0,.68); }.radio-info h2 { margin:0 0 14px; text-align:center; font-size:29px; font-weight:400; }.radio-info p { margin:0; text-align:center; font-size:19px; line-height:1.9; font-weight:300; }.service-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.service-links a { padding:11px; border:2px solid rgba(255,255,255,.4); border-radius:5px; color:#fff; text-align:center; text-decoration:none; text-transform:uppercase; font-size:12px; }.service-links a:hover { border-color:#78b7ff; }
.radio-verse { padding:105px 20px; background:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.38)),url('/images/radio/hands-pb.jpg') center/cover fixed; }.radio-verse blockquote { max-width:980px; margin:0 auto; font-size:clamp(24px,3vw,32px); line-height:1.5; font-weight:300; text-align:center; }.radio-verse strong { display:block; margin-top:16px; font-weight:700; }.radio-footer { padding:30px 20px 20px; background:#000; color:#777; text-align:center; font-size:12px; }.radio-footer p { margin:15px 0 0; }.radio-socials { display:flex; justify-content:center; gap:9px; }.radio-socials img { width:28px; height:28px; }
@media (max-width:720px) { .radio-nav { align-items:flex-start; flex-direction:column; }.radio-nav nav { gap:13px; justify-content:flex-start; }.radio-hero { min-height:0; padding:56px 16px 65px; }.radio-player-shell { padding:20px 14px; }.radio-info { grid-template-columns:1fr; gap:42px; padding:42px 22px; }.service-links { grid-template-columns:1fr; }.radio-verse { padding:70px 20px; background-attachment:scroll; } }