.radio-page-scope{--ink:#0c1420;--paper:#f7f9fc;--bone:#eef2f8;--line:#0c14201a;--sher-navy:#022061;--sher-navy-dark:#010d3a;--sher-navy-light:#3a4d8c;--brand-blue:var(--sher-navy);--brand-blue-light:var(--sher-navy-light);--font-display:var(--font-fraunces), "Fraunces", "Times New Roman", serif;--font-mono:var(--font-jetbrains-mono), "JetBrains Mono", "Courier New", monospace;--ease:cubic-bezier(.22, 1, .36, 1)}.radio-page-scope.proto-section{max-width:1500px;padding:72px 72px 120px}.radio-page-scope .section-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--brand-blue);align-items:center;gap:14px;margin-bottom:20px;font-size:11px;font-weight:700;display:flex}.radio-page-scope .section-eyebrow:before{content:"";background:var(--brand-blue);width:32px;height:2px}.radio-page-scope .section-title{font-family:var(--font-display);letter-spacing:-.03em;font-variation-settings:"opsz" 144;color:var(--ink);margin:0 0 28px;font-size:clamp(42px,5vw,74px);font-weight:400;line-height:.98}.radio-page-scope .section-title em{color:var(--brand-blue);font-style:italic;font-weight:300}.radio-page-scope .section-lead{color:#0c1420bf;max-width:680px;margin:0 0 48px;font-size:19px;font-weight:400;line-height:1.55}@media (max-width:900px){.radio-page-scope.proto-section{padding:48px 24px 80px}}.radio-page-scope .radio-eyebrow{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--brand-blue);font-size:10.5px;font-weight:700}.radio-page-scope .radio-stage{margin-top:40px}.radio-page-scope .radio-now{background:var(--ink);border-radius:22px;grid-template-columns:320px 1fr;align-items:center;gap:44px;padding:40px;display:grid;position:relative;overflow:hidden}.radio-page-scope .radio-now:before{content:"";pointer-events:none;background:radial-gradient(circle at 12% 18%,#3b9ae333,#0000 55%),radial-gradient(circle at 90% 95%,#0072ce38,#0000 55%);position:absolute;inset:0}.radio-page-scope .radio-cover{z-index:1;aspect-ratio:1;background:#ffffff0f;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000073}.radio-page-scope .radio-cover img{object-fit:cover;width:100%;height:100%;display:block}.radio-page-scope .radio-now-meta{z-index:1;color:#fff;min-width:0;position:relative}.radio-page-scope .radio-now-meta .radio-eyebrow{color:var(--brand-blue-light)}.radio-page-scope .radio-title{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:10px 0 8px;font-size:38px;font-weight:400;line-height:1.08}.radio-page-scope .radio-desc{color:#f7f9fcc7;max-width:560px;margin:0 0 10px;font-size:15px;line-height:1.55}.radio-page-scope .radio-date{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#f7f9fc80;font-size:10.5px;font-weight:600}.radio-page-scope .radio-progress{align-items:center;gap:12px;margin-top:22px;display:flex}.radio-page-scope .radio-cur,.radio-page-scope .radio-dur{font-family:var(--font-mono);color:#f7f9fc99;min-width:38px;font-size:11px}.radio-page-scope .radio-dur{text-align:right}.radio-page-scope .radio-seek{appearance:none;cursor:pointer;background:#ffffff2e;border-radius:4px;flex:1;height:4px}.radio-page-scope .radio-seek::-webkit-slider-thumb{appearance:none;background:var(--brand-blue-light);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 4px #3b9ae340}.radio-page-scope .radio-seek::-moz-range-thumb{background:var(--brand-blue-light);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.radio-page-scope .radio-controls{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.radio-page-scope .radio-btn{color:#fff;cursor:pointer;width:44px;height:44px;transition:all .18s var(--ease);background:#ffffff0f;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.radio-page-scope .radio-btn:hover{border-color:var(--brand-blue-light);background:#3b9ae32e}.radio-page-scope .radio-btn:disabled{opacity:.3;cursor:not-allowed}.radio-page-scope .radio-ic{color:currentColor;width:19px;height:19px;display:block}.radio-page-scope .radio-playpause{background:var(--brand-blue-light);border-color:var(--brand-blue-light);color:#fff;width:56px;height:56px;font-size:18px}.radio-page-scope .radio-playpause:hover{color:var(--ink);background:#fff;border-color:#fff}.radio-page-scope .radio-vol-wrap{align-items:center;gap:8px;margin-left:4px;display:flex}.radio-page-scope .radio-vol-icon{opacity:.7;font-size:14px}.radio-page-scope .radio-vol{appearance:none;cursor:pointer;background:#ffffff2e;border-radius:4px;width:90px;height:4px}.radio-page-scope .radio-vol::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px}.radio-page-scope .radio-vol::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px}.radio-page-scope .radio-dock-btn{color:#fff;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .18s var(--ease);background:0 0;border:1px solid #ffffff40;border-radius:50px;margin-left:auto;padding:11px 20px;font-size:11px;font-weight:600}.radio-page-scope .radio-dock-btn:hover{color:var(--sher-navy);background:#fff;border-color:#fff}.radio-page-scope .radio-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.radio-page-scope .radio-search{flex:1;min-width:240px;position:relative}.radio-page-scope .radio-search-icon{color:#0c142066;pointer-events:none;font-size:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.radio-page-scope .radio-search input{border:1px solid var(--line);width:100%;color:var(--ink);transition:border-color .18s var(--ease);background:#fff;border-radius:50px;outline:none;padding:13px 16px 13px 42px;font-family:inherit;font-size:14px}.radio-page-scope .radio-search input::placeholder{color:#0c142066}.radio-page-scope .radio-search input:focus{border-color:var(--brand-blue)}.radio-page-scope .radio-sort{border:1px solid var(--line);cursor:pointer;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);white-space:nowrap;transition:all .18s var(--ease);background:#fff;border-radius:50px;padding:12px 18px;font-size:11px;font-weight:600}.radio-page-scope .radio-sort:hover{border-color:var(--brand-blue);color:var(--brand-blue)}.radio-page-scope .radio-count{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#0c142080;white-space:nowrap;font-size:11px}.radio-page-scope .radio-chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.radio-page-scope .radio-chip{border:1px solid var(--line);cursor:pointer;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#0c142099;transition:all .18s var(--ease);background:#fff;border-radius:50px;padding:7px 16px;font-size:10.5px;font-weight:600}.radio-page-scope .radio-chip:hover{border-color:var(--brand-blue-light)}.radio-page-scope .radio-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.radio-page-scope .radio-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin-top:22px;display:grid}.radio-page-scope .radio-card{border:1px solid var(--line);cursor:pointer;text-align:left;transition:transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease);background:#fff;border-radius:16px;flex-direction:column;padding:0;font-family:inherit;display:flex;overflow:hidden}.radio-page-scope .radio-card:hover{border-color:var(--brand-blue-light);transform:translateY(-3px);box-shadow:0 18px 40px #0c14201f}.radio-page-scope .radio-card.active{border-color:var(--brand-blue);box-shadow:0 0 0 2px #0072ce40}.radio-page-scope .radio-card-cover{aspect-ratio:1;background:var(--bone);display:block;position:relative;overflow:hidden}.radio-page-scope .radio-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--ease);display:block}.radio-page-scope .radio-card:hover .radio-card-cover img{transform:scale(1.05)}.radio-page-scope .radio-card-badge{background:var(--brand-blue-light);color:#fff;opacity:0;width:42px;height:42px;transition:opacity .2s var(--ease), transform .2s var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;bottom:12px;right:12px;transform:translateY(6px);box-shadow:0 6px 18px #0000004d}.radio-page-scope .radio-card:hover .radio-card-badge,.radio-page-scope .radio-card.active .radio-card-badge{opacity:1;transform:none}.radio-page-scope .radio-card-body{flex-direction:column;gap:5px;padding:14px 16px 16px;display:flex}.radio-page-scope .radio-card-title{color:var(--ink);letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.radio-page-scope .radio-card-date{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#0c142080;font-size:10px}.radio-page-scope .radio-empty{text-align:center;color:#0c142080;border:1px dashed var(--line);border-radius:16px;margin-top:24px;padding:44px;font-size:14px}@media (max-width:720px){.radio-page-scope .radio-now{grid-template-columns:1fr;gap:24px;padding:24px}.radio-page-scope .radio-cover{max-width:280px;margin:0 auto}.radio-page-scope .radio-title{font-size:28px}.radio-page-scope .radio-dock-btn{margin-left:0}}