/* One-page foundation; existing editorial pages keep their templates. */
.srm-section-menu { list-style: none; padding: 0; }
#wam-view section[id] { scroll-margin-top: 125px; }
.srm-about, .srm-radio { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 7vw, 110px); align-items: center; }
.srm-about { border-bottom: 1px solid var(--line); }
.srm-about .section-title { max-width: 10ch; }
.srm-about-copy { font-size: clamp(18px, 2vw, 25px); }
.srm-about-copy p { margin-top: 0; }
.srm-text-link { display: inline-flex; align-items: center; gap: 18px; font-size: 14px; font-weight: 700; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 5px; }
.srm-radio { background: var(--accent, var(--lime)); }
.srm-radio .section-title { font-size: clamp(48px, 6vw, 88px); }
.srm-radio-card { background: var(--ink); color: var(--ivory); padding: clamp(28px, 4vw, 64px); border-radius: 12px; }
.srm-station-name { font: 700 clamp(26px, 3.5vw, 48px)/1.1 var(--display); display: block; }
.srm-radio-card .pill-button { margin: 12px 0; color: var(--ink); background: var(--accent, var(--lime)); }
.srm-radio-note { display: block; margin-top: 20px; font-size: 12px; opacity: .7; }
.srm-coming-soon { display: inline-block; padding: 10px 14px; border: 1px solid rgba(255,255,255,.3); border-radius: 7px; }
.srm-show-card { display: flex; flex-direction: column; align-items: flex-start; padding: 28px; border: 1px solid var(--line); border-radius: 8px; }
.srm-show-card h3 { font: 700 clamp(25px, 3vw, 38px)/1.15 var(--display); margin: 24px 0 8px; }
.srm-show-card h3 a { text-decoration: none; }
.srm-show-card p { flex: 1; color: var(--muted); }
.srm-contact { background: var(--cobalt); color: white; }
.srm-contact .section-copy { color: rgba(255,255,255,.84); max-width: 55ch; }
.srm-contact-links { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; margin-top: 30px; }
.srm-contact .pill-button { background: var(--accent, var(--lime)); color: var(--ink); }
.srm-contact-note { font-size: 14px; opacity: .8; }
.site-footer .footer-title { font-size: clamp(38px, 5vw, 78px); line-height: 1; letter-spacing: -.05em; }
@media (min-width: 981px) { .primary-nav ul { gap: clamp(12px, 1.5vw, 24px); } .primary-nav a { font-size: 10px; letter-spacing: .06em; } }
@media (max-width: 980px) { .srm-about, .srm-radio { grid-template-columns: 1fr; } .srm-about .section-title { max-width: none; } .primary-nav { top: 100%; } }
@media (max-width: 620px) { #wam-view section[id] { scroll-margin-top: 115px; } .srm-show-card { padding: 22px; } .srm-contact .section-title { font-size: clamp(44px, 11vw, 68px); } }
@media (max-width: 600px) { .admin-bar .site-header { top: 0; } }
@media (max-width: 1200px) { .header-actions .listen-button { display: none; } }

/* Light mouse-grey background. */
:root { --ivory: #c9c9c7; --paper: #c9c9c7; }
.site-header { background: rgba(201, 201, 199, .96); }

/* Native mouse cursors: the browser tracks the real mouse, with no overlay. */
@media (hover: hover) and (pointer: fine) {
  html, body, .wam-shell, #wam-view, .site-header, .site-footer {
    cursor: url("../images/royal-cursor.svg") 4 3, auto;
  }
  a, button, [role="button"], summary, input[type="range"], input[type="checkbox"], select {
    cursor: url("../images/royal-pointer.svg") 16 16, pointer !important;
  }
  input[type="text"], input[type="email"], input[type="search"], textarea, [contenteditable="true"] { cursor: text; }
}
/* Anthracite editorial palette. */
:root { --ivory: #424242; --paper: #424242; --muted: #b0b0b8; --line: rgba(245,245,247,.16); }
body { background: #424242; color: #f5f5f7; }
.site-header { background: rgba(66,66,66,.96); border-color: rgba(245,245,247,.14); }
.brand, .primary-nav, .header-actions { color: #f5f5f7; }
.primary-nav { background: #424242; }
.srm-about, .editorial-stage, .srm-blog, .archive-header, .archive-grid, .article { background: #424242; color: #f5f5f7; }
.srm-about-copy, .srm-blog-header p, .srm-blog-meta, .srm-blog-card p, .section-copy { color: #b0b0b8; }
.story-card, .srm-blog-card, .article-content, .page-numbers, .srm-text-link { color: #f5f5f7; }
.story-card .tag, .srm-blog-meta span { color: #c4c4cc; }
.story-card .icon-button { color: #f5f5f7; }
.srm-radio { color: #171913; }
.srm-radio .section-copy { color: #34382d; }
.srm-radio-card, .srm-radio-card .srm-station-name, .srm-blog-placeholder { color: #f5f5f7; }
.page-numbers.current { background: #f5f5f7; color: #424242; }
.site-footer { background: #111113; color: #f5f5f7; }
.menu-toggle { color: #f5f5f7; }
@media (hover: hover) and (pointer: fine) {
 html, body, .wam-shell, #wam-view, .site-header, .site-footer { cursor: url("../images/royal-cursor.svg?v=champagne-glow") 4 3, auto; }
 a, button, [role="button"], summary, input[type="range"], input[type="checkbox"], select { cursor: url("../images/royal-pointer.svg?v=champagne-glow") 16 16, pointer !important; }
}

body a { color: inherit; }


@keyframes srm-soft-reveal {
  from { opacity: .15; translate: 0 32px; }
  to { opacity: 1; translate: 0 0; }
}
@media (prefers-reduced-motion: no-preference) {
  .srm-revealed { animation: srm-soft-reveal 950ms cubic-bezier(.22,1,.36,1) var(--srm-reveal-delay, 0ms) both; }
}
@media (prefers-reduced-motion: reduce) {
  .srm-revealed { animation: none; }
}

/* Fine, transparent raster grain on the grey surfaces only. */
body, .site-header, .primary-nav, .srm-about, .editorial-stage, .srm-blog, .archive-header, .archive-grid, .article {
  background-image: url("../images/grey-grain.png");
  background-repeat: repeat;
  background-size: 192px 192px;
}

/* Audit refinement: quieter surfaces and immediate editorial hierarchy. */
:root { --ink:#19191b; }
.section { padding-top:64px; padding-bottom:64px; }
.section .section-title { font-size:clamp(36px,4.5vw,62px); line-height:1.05; }
.srm-radio { background:#353537; color:#f5f5f7; border-block:1px solid var(--line); }
.srm-radio .kicker { color:var(--accent); }
.srm-radio .section-copy { color:#c8c8ce; }
.srm-radio-card { background:#242426; border:1px solid var(--line); padding:32px; }
.watch-empty { padding:24px !important; }
.watch-empty h3 { margin-top:0; font-size:25px; }
.primary-nav a { font-size:12px; }
.wam-video-hero { min-height:540px; }
.wam-video-hero__placeholder { background:radial-gradient(ellipse at 82% 45%,rgba(199,255,61,.19),transparent 42%),repeating-linear-gradient(125deg,transparent 0 44px,rgba(255,255,255,.07) 45px 46px),#19191b; }
.wam-video-hero__content h1 { line-height:.98; font-size:clamp(46px,6.8vw,104px); }
.broadcast-band > div { background:#242426; }
.srm-art { width:100%; height:100%; position:relative; overflow:hidden; background:#252527; color:#e6e3db; }
.srm-art-shape { position:absolute; width:135%; aspect-ratio:1; left:-30%; top:16%; border:40px solid #c7ff3d; border-radius:50%; opacity:.72; }
.srm-art-1 { background:#292e35; }
.srm-art-1 .srm-art-shape { border-radius:0; border:0; background:repeating-linear-gradient(0deg,#a8b4c3 0 3px,transparent 3px 24px); transform:rotate(-32deg); top:25%; left:-15%; }
.srm-art-2 { background:#352e2a; }
.srm-art-2 .srm-art-shape { border-color:#c2a381; width:85%; left:32%; top:24%; border-radius:0; transform:rotate(35deg); }
.srm-art-mark { position:absolute; top:22px; left:22px; font:700 22px var(--display); letter-spacing:-.04em; }
.srm-art-caption { position:absolute; bottom:22px; left:22px; font-size:11px; text-transform:uppercase; letter-spacing:.12em; line-height:1.8; }
.latest-grid .story-card { display:flex; flex-direction:column; }
.latest-grid .story-card h3 { order:-2; line-height:1.15; max-width:none; margin-top:0; min-height:3.45em; }
.latest-grid .story-card .meta { order:-1; margin:0 0 16px; }
.latest-grid .story-media { flex-shrink:0; }
.latest-grid .story-card > p { margin-top:16px; }
@keyframes srm-soft-reveal { from { opacity:.65; translate:0 24px; } to { opacity:1; translate:0 0; } }
@media(prefers-reduced-motion:no-preference) { .srm-revealed { animation-duration:600ms; } }
.srm-radio-pending .dock-play { background:#353537; opacity:.7; }
.srm-radio-pending .dock-actions { display:none; }
.srm-radio-pending .dock-track { font-size:13px; }
.srm-radio-pending .wam-equalizer { display:none; }
.radio-dock { background:#19191b; }
@media(max-width:600px) {
 .admin-bar .site-header { top:46px; }
 .section { padding-top:40px; padding-bottom:40px; }
 .wam-video-hero { min-height:510px; }
 .wam-video-hero__content h1 { font-size:clamp(38px,10.8vw,62px); line-height:1.02; }
 .radio-dock { min-height:62px; padding:10px 16px; }
 .dock-play { width:38px; height:38px; flex-shrink:0; }
 .dock-track { max-width:235px; }
 .latest-grid .story-card h3 { min-height:0; }
}
/* Audio dock: real frequency bands where the stream permits analysis. */
.radio-dock { --audio-energy:0; isolation:isolate; border-top:1px solid #555558; transition:box-shadow .25s,border-color .25s; }
.radio-dock::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 42% 100%,rgba(199,255,61,.18),transparent 70%); opacity:calc(var(--audio-energy) * 1.8); transition:opacity .12s; }
.radio-dock.srm-visual-live { box-shadow:0 -5px 35px rgba(199,255,61,.08); }
.srm-spectrum { position:absolute; right:clamp(24px,4vw,64px); bottom:16px; width:180px; height:44px; display:flex; align-items:center; gap:4px; pointer-events:none; opacity:.8; }
.srm-spectrum i { --bar-level:.12; display:block; flex:1; height:100%; background:var(--accent,#c7ff3d); border-radius:3px; transform:scaleY(var(--bar-level)); transition:transform 80ms linear; }
.radio-dock:not(.srm-radio-pending) .srm-spectrum { right:280px; }
.radio-dock .wam-equalizer { display:none; }
.srm-visual-live .dock-play { box-shadow:0 0 calc(8px + var(--audio-energy) * 28px) rgba(199,255,61,.35); }
.dock-play:not(:disabled):hover { transform:scale(1.06); }
.dock-play { transition:transform .2s,box-shadow .15s; }
.srm-visual-ambient .srm-spectrum i { animation:srm-player-ambient 1.3s ease-in-out infinite alternate; animation-delay:calc(var(--bar-index) * -130ms); }
@keyframes srm-player-ambient { from { transform:scaleY(.15); } to { transform:scaleY(.5); } }
@media(max-width:700px) {
 .srm-spectrum,.radio-dock:not(.srm-radio-pending) .srm-spectrum { right:18px; width:72px; height:28px; gap:2px; bottom:17px; }
 .srm-spectrum i:nth-child(n+13) { display:none; }
 .radio-dock:not(.srm-radio-pending) .srm-spectrum { right:70px; width:54px; }
 .radio-dock .dock-copy { padding-right:88px; }
}
@media(prefers-reduced-motion:reduce) { .srm-spectrum i { animation:none!important; transition:none; } .dock-play:not(:disabled):hover { transform:none; } }
/* Dedicated radio popup, sharing the persistent audio element. */
.srm-nav-player { border:1px solid var(--accent); background:transparent; color:var(--accent); border-radius:99px; padding:9px 13px; font:700 11px var(--body); cursor:pointer; white-space:nowrap; }
.srm-section-player { display:block; margin-top:18px; }
.srm-radio-pending .dock-actions { display:flex; }
.srm-radio-pending .dock-volume { display:none; }
.dock-actions .wam-expand { font-size:12px; font-weight:700; }
.srm-radio-pending .srm-spectrum { right:200px; width:100px; }
.srm-radio-dialog { width:min(820px,calc(100% - 32px)); max-height:calc(100dvh - 32px); border-radius:18px; overflow:auto; box-shadow:0 24px 100px #0009; }
.srm-radio-dialog::backdrop { background:#09090bbf; backdrop-filter:blur(12px); }
.srm-radio-dialog .player-panel { min-height:0; background:#29292c; padding:48px; grid-template-columns:.8fr 1.2fr; gap:36px; border:1px solid #555558; border-radius:18px; }
.srm-radio-dialog .player-close { top:14px; right:14px; width:34px; height:34px; font-size:24px; z-index:2; }
.srm-popup-art { aspect-ratio:9/12; background:#1b1b1e; position:relative; overflow:hidden; border-radius:10px; display:flex; flex-direction:column; justify-content:space-between; padding:24px; }
.srm-popup-art > span:not(.srm-popup-disc) { position:relative; font:700 26px/1.05 var(--display); color:#f5f5f7; }
.srm-popup-art small { position:relative; font-size:10px; letter-spacing:.13em; }
.srm-popup-disc { position:absolute; width:120%; aspect-ratio:1; border:28px solid var(--accent); border-radius:50%; left:20%; top:25%; opacity:.7; }
.srm-radio-dialog .eyebrow { color:var(--accent); font-size:10px; }
.srm-radio-dialog h2 { font:700 clamp(28px,4vw,42px)/1.08 var(--display); margin:16px 0; letter-spacing:-.04em; }
.srm-popup-content > p { font-size:14px; line-height:1.65; color:#c8c8ce; }
.srm-popup-status { color:var(--accent); font-size:11px; text-transform:uppercase; letter-spacing:.08em; margin-top:24px; }
.srm-popup-track { font-weight:700; color:#f5f5f7!important; }
.srm-popup-play { background:var(--accent); color:#19191b; width:100%; min-height:48px; }
.srm-popup-play:disabled { background:#454548; color:#d0d0d6; cursor:default; }
.srm-popup-volume { display:flex; align-items:center; gap:16px; margin:22px 0; font-size:12px; }
.srm-popup-volume input { flex:1; min-width:0; accent-color:var(--accent); }
.srm-popup-note { font-size:12px!important; }
@media(max-width:700px) {
 .srm-radio-dialog .player-panel { display:block; padding:48px 24px 24px; }
 .srm-popup-art { aspect-ratio:3/1; padding:16px; margin-bottom:24px; }
 .srm-popup-art > span:not(.srm-popup-disc) { font-size:22px; }
 .srm-popup-art small { align-self:flex-end; }
 .srm-popup-disc { width:60%; top:-30%; left:55%; border-width:18px; }
 .dock-actions .wam-expand { font-size:11px; width:auto; padding:8px 12px; }
 .dock-actions .wam-expand:before { content:none; }
 .srm-radio-pending .srm-spectrum { display:none; }
 .radio-dock.srm-radio-pending .dock-copy { padding-right:0; }
 .srm-radio-pending .dock-track { font-size:11px; }
}
.wam-expand { white-space:nowrap; }
/* One native black cursor, with the site's lime glow; no follower overlay. */
@media (hover:hover) and (pointer:fine) {
 html, body, .wam-shell, #wam-view, .site-header, .site-footer, a, button, [role="button"], summary, input[type="range"], input[type="checkbox"], select {
  cursor:url("../images/royal-cursor.svg?v=black-lime") 8 6, auto !important;
 }
 input[type="text"],input[type="email"],input[type="search"],textarea,[contenteditable="true"] { cursor:text!important; }
}
/* Interactive state follows only usable controls, with a distinct hand shape. */
@media(hover:hover) and (pointer:fine) {
 a[href], button:not(:disabled), [role="button"]:not([aria-disabled="true"]), summary, input[type="range"]:not(:disabled), input[type="checkbox"]:not(:disabled), select:not(:disabled) {
  cursor:url("../images/royal-pointer.svg?v=lime-hand") 16 9,pointer!important;
 }
 button:disabled,[aria-disabled="true"] { cursor:not-allowed!important; }
}
a[href],button:not(:disabled) { transition:filter .18s,box-shadow .18s,color .18s,background-color .18s; }
@media(hover:hover) {
 .srm-text-link:hover,.primary-nav a:hover,.story-card h3 a:hover,.srm-blog-card h2 a:hover { color:var(--accent,#c7ff3d); }
 .pill-button:hover,.srm-nav-player:hover,.dock-actions .wam-expand:hover { box-shadow:0 0 16px rgba(199,255,61,.22); }
 button:not(:disabled):active { filter:brightness(.85); }
}
/* Supplied gold wordmark, preserving the original image proportions. */
.site-header .brand-logo { display:block; width:210px; height:auto; max-height:76px; object-fit:contain; }
@media(max-width:980px) { .site-header .brand-logo { width:180px; max-height:65px; } }
@media(max-width:600px) { .site-header .brand-logo { width:145px; max-height:54px; } }
.site-header .brand-logo { max-width:100%; }

/* Give the intricate gold wordmark room to stay readable. */
.site-header .header-inner { min-height:120px; height:auto; padding-top:8px; padding-bottom:8px; column-gap:24px; }
.site-header .brand { display:flex; align-items:center; min-width:0; }
.site-header .brand-logo { width:300px!important; height:auto!important; max-width:300px!important; max-height:none!important; flex-shrink:0; }
#wam-view section[id] { scroll-margin-top:162px; }
@media(min-width:981px) and (max-width:1200px) {
 .site-header .header-inner { column-gap:16px; }
 .primary-nav ul { gap:12px; }
 .primary-nav a { font-size:11px; }
 .site-header .brand-logo { width:270px!important; max-width:270px!important; }
}
@media(max-width:980px) {
 .site-header .header-inner { min-height:108px; }
 .site-header .brand-logo { width:250px!important; max-width:250px!important; }
}
@media(max-width:600px) {
 .site-header .header-inner { display:grid; grid-template-columns:1fr; min-height:146px; padding:8px 18px; gap:4px; }
 .site-header .brand { justify-content:center; grid-column:1; }
 .site-header .brand-logo { width:250px!important; max-width:85vw!important; }
 .site-header .header-actions { grid-column:1; justify-content:center; gap:20px; }
 .site-header .menu-toggle { width:38px; height:38px; }
 #wam-view section[id] { scroll-margin-top:205px; }
}
/* Shift the wordmark inward and give its fine lettering more space. */
@media(min-width:981px) {
 .site-header .brand { padding-left:32px; }
 .site-header .brand-logo { width:320px!important; max-width:320px!important; }
 .site-header .header-inner { min-height:132px; column-gap:18px; }
 #wam-view section[id] { scroll-margin-top:174px; }
}
@media(min-width:981px) and (max-width:1200px) {
 .site-header .brand { padding-left:24px; }
 .site-header .brand-logo { width:290px!important; max-width:290px!important; }
 .primary-nav ul { gap:10px; }
}
@media(max-width:600px) {
 .site-header .brand { padding-left:18px; }
 .site-header .brand-logo { width:270px!important; max-width:85vw!important; }
 .site-header .header-inner { min-height:154px; }
}
@media(min-width:981px) {
 .site-header .header-inner { grid-template-columns:auto 1fr auto; column-gap:12px; }
 .site-header .brand { padding-left:32px; }
 .site-header .primary-nav { justify-self:start; }
 .site-header .primary-nav ul { justify-content:flex-start; }
}
@media(min-width:981px) {
 .site-header .primary-nav { justify-self:center; }
 .site-header .primary-nav ul { justify-content:center; }
}
/* Show banner media without a dark overlay. */
.wam-video-hero__shade { display:none!important; }

/* Slow travelling light, rather than a simulated audio spectrum. */
.srm-spectrum i{transition:transform .22s ease-out,opacity .5s;background:linear-gradient(0deg,#709b2e,#c7ff3d,#edffb6);box-shadow:0 0 8px #c7ff3d18}
.srm-visual-ambient .srm-spectrum i{animation:royal-light-wave 3.8s ease-in-out infinite;animation-delay:calc(var(--bar-index)*-105ms);transform:scaleY(.22)}
@keyframes royal-light-wave{0%,100%{transform:scaleY(.18);opacity:.3}50%{transform:scaleY(.48);opacity:.95}}
.srm-visual-ambient .wam-play{box-shadow:0 0 22px #c7ff3d24}
@media(prefers-reduced-motion:reduce){.srm-spectrum i{animation:none!important;transition:none!important}}

.radio-dock{overflow:hidden}.srm-player-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
.radio-dock:before{content:'';position:absolute;inset:0;background:#161619b8;z-index:-1;pointer-events:none}

/* So Royal Media: Dub-inspired visual direction, existing controls retained. */
.site-header .primary-nav{background:transparent!important}.srm-nav-player{background:#b92e27!important;color:#fff3df!important;border-color:#b92e27!important}.site-header .primary-nav .srm-nav-player{font-size:10px;padding:10px 14px}.wam-status{color:inherit}
:root{--ivory:#eee8cb;--paper:#eee8cb;--ink:#141310;--muted:#b9b5a6;--line:#ffffff20;--accent:#b92e27;--lime:#b92e27;--coral:#b92e27;--cobalt:#a12420;--display:'Arial', 'Segoe UI',sans-serif}
body{background:#141310!important;color:#eee8cb!important;background-image:none!important;font-family:'Segoe UI',Arial,sans-serif}
body:before,body:after{display:none!important}
.site-header{background:#141310!important;border-bottom:1px solid #ffffff12!important;box-shadow:none!important}
.site-header .header-inner{min-height:110px!important}.site-header .brand{padding-left:0!important}.site-header .brand-logo{width:245px!important;max-width:245px!important;max-height:85px!important}
.site-header .primary-nav a,.site-header .menu-toggle,.site-header .language-switcher{color:#eee8cb!important}.site-header .primary-nav a{font-size:11px;letter-spacing:.07em}
.site-header .primary-nav a:hover{color:#e95044!important}.srm-radio-open,.listen-button,.pill-button,.wam-video-hero__cta{background:#b92e27!important;color:#fff3df!important;border-color:#b92e27!important;border-radius:99px!important;font-weight:700!important}
.wam-video-hero{margin:24px auto 64px;width:calc(100% - 2 * var(--pad));aspect-ratio:auto;min-height:640px!important;background:#211f1b!important;border:0!important}
.wam-video-hero__media{width:46%;right:auto}.wam-video-hero__video{object-fit:cover;object-position:57% center}
.wam-video-hero:after{display:none!important}.wam-video-hero__content{left:51%;width:44%;bottom:74px!important}
.wam-video-hero__content:before{content:'';display:block;width:104px;height:20px;margin-bottom:50px;background:repeating-linear-gradient(90deg,#eee8cb 0 3px,transparent 3px 9px);clip-path:polygon(0 30%,5% 5%,10% 60%,15% 20%,20% 75%,25% 0,30% 55%,35% 30%,40% 85%,45% 10%,50% 100%,55% 25%,60% 65%,65% 10%,70% 70%,75% 30%,80% 90%,85% 20%,90% 65%,95% 5%,100% 40%,100% 100%,0 100%)}
.wam-video-hero__content h1{font:750 clamp(40px,4.7vw,70px)/1.03 var(--display)!important;letter-spacing:-.055em!important;max-width:14ch;color:#eee8cb!important;text-shadow:none!important}
.wam-video-hero__content p{font-size:16px!important;line-height:1.65!important;color:#c9c3b0!important;max-width:40ch;margin:24px 0!important}
.wam-video-hero__content .eyebrow{color:#d1bd6c!important;font-size:10px;letter-spacing:.13em}.wam-video-hero__content .eyebrow:before{background:#d1bd6c!important}
.wam-video-hero__cta{display:inline-flex;padding:15px 24px!important}.wam-hero-motion{right:auto;left:20px;bottom:20px;background:#141310b8!important;color:#eee8cb!important;border-color:#eee8cb66!important}
.section,.srm-about,.srm-watch,.srm-discover,.latest-stories,.archive-page,.notice-panel{background:#141310!important;color:#eee8cb!important;background-image:none!important}
.section{padding-top:100px;padding-bottom:100px}.section-title,.section h2,.archive-header h1{font-family:var(--display)!important;color:#eee8cb!important;letter-spacing:-.05em!important;line-height:1.05!important}
.section-title{font-size:clamp(38px,5vw,72px)!important}.section-copy,.srm-about-copy,.story-excerpt{color:#b9b5a6!important}.eyebrow{color:#d1bd6c!important}
.srm-about{gap:9vw;padding-top:70px;padding-bottom:100px}.srm-about .section-title{max-width:13ch}.srm-about-copy{font-size:20px;line-height:1.65}
.srm-radio{background:#211f1b!important;color:#eee8cb!important;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18}.srm-radio-card{background:#b92e27!important;color:#fff3df!important;border-radius:0!important;box-shadow:none!important}
.srm-radio-card .pill-button{background:#eee8cb!important;color:#171510!important;border-color:#eee8cb!important}.srm-radio-card .srm-radio-open{background:transparent!important;border-color:#eee8cb88!important}
.srm-station-name{font-family:var(--display);font-weight:750;letter-spacing:-.05em}.story-card,.feed-card,.srm-show-card{background:#211f1b!important;border-color:#ffffff16!important;border-radius:0!important;color:#eee8cb!important}.story-card h3,.feed-card h3{letter-spacing:-.035em}.story-card a,.feed-card a,.archive-grid a{color:inherit}
.srm-schedule,.now-next,.announcement-strip{background:#211f1b!important;color:#eee8cb!important;border-color:#ffffff20!important}
.site-footer{background:#1e1c18!important;color:#eee8cb!important;border-top:1px solid #ffffff18}.site-footer a{color:#eee8cb!important}.footer-title{font-family:var(--display)!important;letter-spacing:-.055em!important}.footer-grid{gap:50px}
.radio-dock{background:#a62a24!important;color:#fff3df!important;border-top:1px solid #e8594b!important}.radio-dock:before{background:#821d18b5!important}.dock-play{background:#eee8cb!important;color:#211f1b!important}.dock-label{color:#eee8cb!important}.srm-spectrum i{background:linear-gradient(0deg,#b89f63,#eee8cb)!important;box-shadow:none!important}.srm-visual-ambient .wam-play{box-shadow:0 0 22px #eee8cb28!important}.dock-volume{accent-color:#eee8cb}.dock-actions button{color:#fff3df!important;border-color:#fff3df55!important}
.player-panel{background:#211f1b!important;color:#eee8cb!important}.player-status{color:#eee8cb!important}.page-numbers{color:#eee8cb}.page-numbers.current{background:#b92e27!important}.wam-inline-play{background:#b92e27!important;color:#eee8cb!important}
:focus-visible{outline-color:#eee8cb!important}.srm-revealed{animation:none!important}
@media(max-width:980px){.primary-nav{background:#211f1b!important}.site-header .header-inner{min-height:90px!important}.wam-video-hero{min-height:550px!important}.wam-video-hero__content h1{font-size:42px!important}.wam-video-hero__content{bottom:40px!important}.wam-video-hero__content:before{margin-bottom:25px}}
@media(max-width:620px){.site-header .header-inner{min-height:90px!important}.site-header .brand-logo{width:180px!important;max-width:180px!important;max-height:68px!important}.site-header .brand{padding-left:0!important}.wam-video-hero{width:calc(100% - 32px);margin:16px auto 40px;min-height:0!important;display:flex;flex-direction:column}.wam-video-hero__media{position:relative;width:100%;height:300px;flex:none}.wam-video-hero__content{position:relative;left:auto;bottom:auto!important;width:100%;padding:28px 24px 36px}.wam-video-hero__content:before{margin-bottom:22px}.wam-video-hero__content h1{font-size:38px!important;max-width:14ch}.wam-video-hero__content p,.wam-video-hero__content .eyebrow{display:block!important}.wam-video-hero__content p{font-size:14px!important;margin:18px 0!important}.wam-hero-motion{top:250px;bottom:auto}.section{padding-top:65px;padding-bottom:65px}.srm-about-copy{font-size:17px}.srm-radio{gap:32px}.section-title{font-size:38px!important}}

/* Full-width user video and uncropped 3:2 player artwork. */
.wam-video-hero{width:calc(100% - 2 * var(--pad));min-height:620px!important;aspect-ratio:16/9;display:block}
.wam-video-hero__media{position:absolute;inset:0;width:100%;height:100%}.wam-video-hero__video{object-fit:cover;object-position:center}
.wam-video-hero__content{position:absolute;left:5%;bottom:65px!important;width:47%;padding:0}.wam-video-hero__content:before{display:none}.wam-video-hero__content h1,.wam-video-hero__content p,.wam-video-hero__content .eyebrow{text-shadow:0 2px 14px #000,0 1px 3px #000}.wam-video-hero__content p{color:#fff3df!important}
.wam-hero-motion{left:auto;right:20px;top:auto;bottom:20px}
.srm-player-video{display:none}.radio-dock{background:#a62a24!important}.radio-dock:before{background:linear-gradient(90deg,#821d18ec,#821d18bb)!important}
.srm-radio-card:before{content:'';display:block;aspect-ratio:3/2;background:url('../images/player-artwork.png') center/contain no-repeat;margin-bottom:28px}
@media(max-width:620px){.wam-video-hero{min-height:640px!important;width:calc(100% - 32px);aspect-ratio:auto}.wam-video-hero__media{position:absolute;height:100%;width:100%}.wam-video-hero__content{left:7%;width:86%;bottom:70px!important;padding:0}.wam-video-hero__content h1{font-size:38px!important}.wam-hero-motion{top:auto;bottom:18px;right:18px;left:auto}}

.srm-dock-art{position:absolute;width:78px;height:52px;object-fit:contain;right:340px;border-radius:3px;pointer-events:none}@media(max-width:980px){.srm-dock-art{display:none}}

/* Centered, editable logo overlay; copy stays outside the video. */
.wam-video-hero{aspect-ratio:auto;min-height:0!important;overflow:hidden}.wam-video-hero__media{position:relative;inset:auto;height:clamp(380px,48vw,690px);width:100%}
.srm-hero-logo{position:absolute;top:0;left:50%;transform:translateX(-50%);height:clamp(380px,48vw,690px);width:clamp(240px,36vw,490px);object-fit:contain;padding:38px 0;z-index:2;pointer-events:none;filter:drop-shadow(0 4px 14px #0006)}
.wam-video-hero__content{position:relative;left:auto;bottom:auto!important;width:100%;padding:38px 5%;background:#211f1b}.wam-video-hero__content h1{max-width:24ch;font-size:clamp(34px,4vw,58px)!important}.wam-video-hero__content p{max-width:65ch}.wam-hero-motion{top:calc(clamp(380px,48vw,690px) - 60px);bottom:auto;z-index:3}
@media(max-width:620px){.wam-video-hero__media{height:390px}.srm-hero-logo{height:390px;width:75%;max-width:310px;padding:28px 0}.wam-video-hero__content{left:auto;width:100%;padding:28px 24px}.wam-hero-motion{top:330px;bottom:auto}}

/* Flowing ambient ribbon: decorative motion during native radio playback. */
.radio-dock .srm-spectrum{height:38px;gap:3px;opacity:1;isolation:isolate}
.radio-dock .srm-spectrum i{border-radius:99px;background:linear-gradient(0deg,#d18e55 0%,#ead8a9 42%,#fff4db 80%)!important;transform:scaleY(.09);opacity:.32;box-shadow:0 0 8px #ffdc9230!important;will-change:transform,opacity}
.radio-dock.srm-visual-ambient .srm-spectrum i{animation:srm-silk-wave 2.8s cubic-bezier(.45,0,.55,1) infinite;animation-delay:calc(var(--bar-index)*-95ms)}
@keyframes srm-silk-wave{0%,100%{transform:scaleY(.12);opacity:.4}28%{transform:scaleY(.48);opacity:.8}50%{transform:scaleY(.92);opacity:1}72%{transform:scaleY(.38);opacity:.65}}
.radio-dock.srm-visual-ambient .srm-spectrum:before{content:'';position:absolute;inset:-8px -12px;background:radial-gradient(ellipse,#ffd78630,transparent 70%);filter:blur(8px);z-index:-1;animation:srm-warm-breath 4s ease-in-out infinite}
.radio-dock.srm-visual-ambient .dock-play{animation:srm-button-breath 3.6s ease-in-out infinite;box-shadow:0 0 0 7px #fff3df0d,0 0 30px #ffb36e50!important}
@keyframes srm-button-breath{0%,100%{filter:drop-shadow(0 0 2px #ffb36e30)}50%{filter:drop-shadow(0 0 11px #ffb36e80)}}
@keyframes srm-warm-breath{50%{opacity:.4}}
.radio-dock.srm-visual-ambient:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(110deg,transparent 20%,#f7c3780e 45%,transparent 65%);background-size:220% 100%;opacity:1;animation:srm-satin-drift 9s ease-in-out infinite}
@keyframes srm-satin-drift{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.radio-dock .dock-play{transition:box-shadow .6s,background .3s}.radio-dock:not(.srm-visual-ambient) .srm-spectrum i{transition:transform .5s,opacity .5s}
@media(max-width:700px){.radio-dock .srm-spectrum{height:26px;gap:2px}}
@media(prefers-reduced-motion:reduce){.radio-dock .srm-spectrum i,.radio-dock .srm-spectrum:before,.radio-dock .dock-play,.radio-dock:after{animation:none!important;will-change:auto}}
/* Let the video and its caption determine the full banner height. */
.wam-video-hero{height:auto!important;max-height:none!important}
.wam-video-hero__content{height:auto;max-height:none;overflow:visible}
.wam-video-hero__content p,.wam-video-hero__content .eyebrow{display:block!important}
/* Original graffiti artwork, animated behind content without intercepting input. */
#about,#watch,#discover,#extension-radio{position:relative;isolation:isolate;overflow:hidden}
#about:before,#watch:before,#discover:before,#extension-radio:before{content:'';position:absolute;inset:-32px;z-index:-1;pointer-events:none;background:url('../images/graffiti-arrows-v1.png') center/cover no-repeat;opacity:.46;animation:srm-graffiti-drift 24s ease-in-out infinite alternate;transform-origin:center}
#watch:before{animation-delay:-8s;opacity:.32}
#discover:before{animation-delay:-16s;opacity:.38}
#extension-radio:before{animation-delay:-5s;opacity:.4}
@keyframes srm-graffiti-drift{from{transform:translate3d(-12px,-8px,0) scale(1.025)}to{transform:translate3d(12px,8px,0) scale(1.07)}}
@media(max-width:620px){#about:before,#watch:before,#discover:before,#extension-radio:before{background-size:auto 100%;opacity:.3}}
@media(prefers-reduced-motion:reduce){#about:before,#watch:before,#discover:before,#extension-radio:before{animation:none;transform:none}}
/* Afro-futurist editorial layer: warm metal, jade light and geometric rhythm. */
:root{--srm-jade:#b8eb92;--srm-gold:#dbc183;--srm-edge:#dbc18338}
#wam-view{overflow-x:clip}
#about,#watch,#discover,#extension-radio{border-bottom:1px solid var(--srm-edge);padding-block:clamp(64px,7vw,112px)}
#about:before,#watch:before,#discover:before,#extension-radio:before{opacity:.38;mask-image:linear-gradient(90deg,#000,transparent 40%,transparent 62%,#000)}
#about:after,#watch:after,#discover:after,#extension-radio:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 95% 15%,#8bd26812,transparent 42%),linear-gradient(90deg,transparent 49.8%,#dbc18309 50%,transparent 50.2%);background-size:auto,72px 72px}
#wam-view .kicker,#wam-view .eyebrow{color:var(--srm-gold)!important;letter-spacing:.16em;font-size:11px;line-height:1.5}
#wam-view .kicker:before{content:'◇';display:inline-block;margin-right:10px;color:var(--srm-jade)}
#wam-view .section-title{font-size:clamp(36px,4.5vw,68px)!important;letter-spacing:-.045em!important;max-width:20ch;text-wrap:balance}
.srm-about .section-title{max-width:13ch}.srm-about-copy{font-size:clamp(17px,1.35vw,21px);line-height:1.75;color:#d4cfbe!important;max-width:60ch}
.section-copy,.wam-extension-copy>p,.wam-extension-copy ul{color:#d4cfbe!important;line-height:1.75}
.srm-text-link{color:var(--srm-jade)!important;border-color:#b8eb9255;transition:color .25s,border-color .25s}
.srm-text-link:hover{color:#fff3df!important;border-color:var(--srm-gold)}
.srm-radio{position:relative;background:radial-gradient(ellipse at 90% 50%,#b8eb9213,transparent 55%),#211f1b!important;border-top:1px solid var(--srm-edge);border-bottom:1px solid var(--srm-edge)}
.srm-radio-actions{padding:28px;border:1px solid var(--srm-edge);background:#141310aa;box-shadow:inset 3px 0 var(--srm-gold)}
.srm-radio-note{color:#d4cfbe;line-height:1.7;font-size:14px;opacity:1}
.wam-video-hero__content{border-top:1px solid var(--srm-edge);padding:40px 5% 48px;background:radial-gradient(ellipse at 100% 0,#b8eb9212,transparent 60%),#211f1b}
.wam-video-hero__content h1{font-size:clamp(34px,4vw,58px)!important;max-width:25ch;text-wrap:balance}
.wam-video-hero__content p{max-width:62ch;font-size:clamp(16px,1.2vw,19px)!important;color:#ded8c4!important;line-height:1.75!important}
.story-card,.feed-card{border:1px solid var(--srm-edge)!important;transition:transform .3s,border-color .3s,box-shadow .3s}
.story-card:hover,.feed-card:hover{transform:translateY(-4px);border-color:#dbc18380!important;box-shadow:0 14px 36px #0003}
.wam-extension-section{grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:clamp(32px,6vw,90px)}
.wam-extension-copy>p{max-width:62ch;font-size:15px}.wam-extension-copy .wam-ext-note{font-size:14px}
.wam-extension-artwork{width:100%;max-width:480px;justify-self:center;padding:10px;border:1px solid var(--srm-edge);background:#211f1b;box-shadow:0 0 50px #b8eb920b}
.wam-install-guide{background:#141310c9;border-color:var(--srm-edge);padding:22px;max-width:70ch}
.wam-install-guide summary{color:var(--srm-gold);line-height:1.6}.wam-install-guide ol{padding-left:24px}
.radio-dock{border-top:1px solid var(--srm-gold)!important}
@media(max-width:980px){.wam-extension-section{grid-template-columns:minmax(0,1fr)}.wam-extension-artwork{max-width:520px}.srm-about,.srm-radio{gap:36px}}
@media(max-width:700px){.srm-about,.srm-radio{grid-template-columns:minmax(0,1fr)}.section-head{display:block}.section-head .section-copy{margin-top:20px}.srm-radio-actions{padding:24px}.wam-video-hero__content{padding:28px 24px 36px}.wam-video-hero__content h1{font-size:34px!important}.wam-video-hero__media,.srm-hero-logo{height:330px}.srm-hero-logo{width:70%;padding:26px 0}.wam-hero-motion{top:274px!important}.wam-extension-copy .pill-button{max-width:100%;white-space:normal;line-height:1.5}.wam-install-guide{padding:18px}.section-title{overflow-wrap:normal}.srm-about-copy{font-size:17px}#about:before,#watch:before,#discover:before,#extension-radio:before{opacity:.28;mask-image:linear-gradient(90deg,#000,transparent 75%)}#wam-view section[id]{scroll-margin-top:115px}}
@media(prefers-reduced-motion:reduce){.story-card,.feed-card{transition:none}.story-card:hover,.feed-card:hover{transform:none}}
@media(max-width:620px){.radio-dock{grid-template-columns:42px minmax(0,1fr) 42px;gap:12px;padding-inline:16px}.radio-dock .dock-play{width:42px;height:42px}.radio-dock .dock-copy{padding-right:0}.radio-dock .dock-track{max-width:none;font-size:13px;line-height:1.5}.radio-dock .dock-label{font-size:9px;white-space:nowrap;letter-spacing:.09em}.radio-dock .srm-spectrum{display:none}.radio-dock .dock-actions button{width:42px!important;min-width:42px;font-size:0!important;padding:0!important}.radio-dock .dock-actions button:before{content:'↗';font-size:20px}.broadcast-band>div{min-width:0}.broadcast-band strong{white-space:normal;line-height:1.5}}
/* Coordinated, section-specific Afro-futurist artwork. */
#about:before{background-image:url('../images/graffiti-vinyl-cream-yellow-v2.png')}
#watch:before{background-image:url('../images/graffiti-vinyl-cream-yellow-v2.png');background-position:center 45%}
#discover:before{background-image:url('../images/graffiti-vinyl-cream-yellow-v2.png')}
#extension-radio:before{background-image:url('../images/graffiti-vinyl-cream-yellow-v2.png');background-position:center 55%}
/* Alternate illustrated sections with quiet opaque surfaces. */
/* Smoked glass: translucent depth, soft blur and restrained reflective edges. */
.srm-about-copy,.srm-radio-actions,.watch-empty,.wam-extension-copy,.wam-install-guide,.wam-extension-artwork{min-width:0;border:1px solid #eee8cb2e!important;border-top-color:#fff8e65c!important;border-radius:18px;background:linear-gradient(135deg,#fff7df0d,transparent 45%),#1c211de0!important;box-shadow:inset 0 1px 0 #fff8e61a,inset 0 -1px 0 #0003,0 20px 60px #0003;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
.srm-about-copy,.wam-extension-copy{padding:clamp(24px,3vw,42px)}
.srm-radio-actions{box-shadow:inset 0 1px 0 #fff8e61a,0 18px 50px #0003}
.wam-install-guide{background:linear-gradient(130deg,#fff7df0a,transparent 50%),#141a16d9!important;border-radius:12px}
.wam-extension-artwork{padding:12px;border-radius:22px}.wam-extension-artwork img{border-radius:12px}
.story-card,.feed-card{background:linear-gradient(135deg,#eee8cb0c,transparent 50%),#1c211de0!important;border-radius:16px!important;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #fff8e617,0 16px 40px #0002}
.site-header{background:#141713f2!important;border-bottom:1px solid #dbc18335;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.srm-about-copy,.srm-radio-actions,.watch-empty,.wam-extension-copy,.wam-extension-artwork{background:linear-gradient(135deg,#fff7df12,transparent 45%),#1c211d8c!important}.story-card,.feed-card{background:linear-gradient(135deg,#eee8cb10,transparent 50%),#1c211db3!important}.site-header{background:#141713d9!important}}
@media(max-width:700px){.srm-about-copy,.wam-extension-copy{padding:24px;border-radius:14px}.srm-radio-actions,.watch-empty{border-radius:14px}.srm-about-copy,.srm-radio-actions,.watch-empty,.wam-extension-copy,.wam-install-guide,.wam-extension-artwork{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}
/* Restore the established warm anthracite on the opaque sections. */
/* Floating smoked-glass radio dock, with a solid fallback when blur is unavailable. */
.radio-dock{left:16px;right:16px;bottom:12px;min-height:76px;border:1px solid #eee8cb42!important;border-top-color:#fff5dc80!important;border-radius:20px;background:linear-gradient(115deg,#fff5dc15,transparent 40%,#dbc18308),#211f1bf0!important;box-shadow:inset 0 1px 0 #fff5dc24,inset 0 -1px 0 #0006,0 12px 42px #0006;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.radio-dock:before{background:linear-gradient(180deg,#fff5dc0c,transparent 45%,#00000014)!important}
.radio-dock.srm-visual-ambient:after{background:linear-gradient(110deg,transparent 20%,#f7e7c015 45%,transparent 65%);background-size:220% 100%}
.radio-dock .dock-actions button{background:#fff5dc08;border-color:#fff5dc45!important;box-shadow:inset 0 1px 0 #fff5dc12}
.radio-dock .dock-volume{accent-color:#dbc183}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.radio-dock{background:linear-gradient(115deg,#fff5dc18,transparent 40%,#dbc1830a),#211f1b99!important}}
@media(max-width:620px){.radio-dock{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));min-height:68px;border-radius:16px;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);padding-bottom:10px}}
/* Glossy red glass with a restrained tonal gradient. */
.radio-dock{background:linear-gradient(115deg,#bb352fee 0%,#ac2c27ee 52%,#9d2722ee 100%)!important;border-color:#ffb3a755!important;border-top-color:#ffd2c499!important;box-shadow:inset 0 1px 0 #ffe5d84d,inset 0 -1px 0 #6b151a66,0 12px 42px #28060759}
.radio-dock:before{background:linear-gradient(180deg,#fff3e124 0%,#fff3e106 38%,transparent 57%,#4b070914 100%)!important}
.radio-dock .dock-actions button{background:#ffe8d80d;border-color:#ffe5d85c!important;box-shadow:inset 0 1px 0 #fff3df24}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.radio-dock{background:linear-gradient(115deg,#bc352dcc 0%,#ad2b26c9 52%,#9c2521cc 100%)!important}}
/* Polished ruby glass: translucent body, curved reflections and thick luminous edges. */
.radio-dock{border:1px solid #ffd6ca70!important;border-top:1px solid #fff3e7b3!important;border-bottom:1px solid #fca08b70!important;background:linear-gradient(180deg,#e6675799 0%,#b8372abf 30%,#8f201dc9 100%)!important;box-shadow:inset 0 2px 1px #fff2df5c,inset 2px 0 2px #ffd0b92e,inset -2px 0 2px #ffd0b92e,inset 0 -2px 3px #ffbca538,0 2px 0 #4d0b1366,0 12px 36px #1c060666;backdrop-filter:blur(28px) saturate(165%);-webkit-backdrop-filter:blur(28px) saturate(165%)}
.radio-dock:before{background:linear-gradient(180deg,#fff6e84d 0%,#fff6e817 9%,transparent 44%),linear-gradient(110deg,transparent 6%,#fff5e626 16%,#fff5e608 24%,transparent 34%,transparent 65%,#fff5e614 77%,transparent 90%)!important;border-radius:inherit}
.radio-dock.srm-visual-ambient:after{background:linear-gradient(110deg,transparent 28%,#fff6e824 47%,transparent 62%);background-size:220% 100%}
.radio-dock .dock-actions button{background:linear-gradient(180deg,#fff6e81c,#fff6e805)!important;border:1px solid #ffe1d56b!important;box-shadow:inset 0 1px 0 #fff6e83d,0 2px 8px #4b080a24}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.radio-dock{background:linear-gradient(180deg,#e962514d 0%,#b531255e 42%,#8c1a1b85 100%)!important}}
@media(max-width:620px){.radio-dock{backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%)}}
/* More transparent ruby glass; readable controls retain their solid contrast. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.radio-dock{background:linear-gradient(180deg,#e9625124 0%,#b5312533 42%,#8c1a1b52 100%)!important;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}}
.radio-dock:before{background:linear-gradient(180deg,#fff6e82e 0%,#fff6e80c 9%,transparent 44%),linear-gradient(110deg,transparent 6%,#fff5e615 16%,transparent 34%,transparent 65%,#fff5e60c 77%,transparent 90%)!important}
.radio-dock .dock-meta{filter:drop-shadow(0 1px 3px #0009)}
/* Royal egg-yolk yellow glass player. */
.radio-dock{background:linear-gradient(115deg,#ffe45ae8,#ffcb19e3 52%,#eeb008e8)!important;color:#241a06!important;border-color:#fff0a5a3!important;border-top-color:#fff9d4eb!important;box-shadow:inset 0 2px 1px #fffce78c,inset 0 -2px 3px #a96c0040,0 12px 36px #26170059}
.radio-dock:before{background:linear-gradient(180deg,#fffde947,transparent 45%),linear-gradient(110deg,transparent 8%,#fffcea2b 19%,transparent 34%,transparent 68%,#fffcea14 79%,transparent 92%)!important}
.radio-dock .dock-label,.radio-dock .dock-track,.radio-dock .dock-actions button{color:#241a06!important}.radio-dock .dock-meta{filter:none}.radio-dock .dock-actions button{background:linear-gradient(180deg,#fff9ce38,#fff9ce0d)!important;border-color:#76540966!important;box-shadow:inset 0 1px 0 #fffce780}.radio-dock .dock-play{background:#241a06!important;color:#ffe154!important}.radio-dock .dock-volume{accent-color:#241a06}.radio-dock .srm-spectrum i{background:linear-gradient(0deg,#8f5a00,#3d2b05)!important;box-shadow:0 0 8px #ffe99130!important}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.radio-dock{background:linear-gradient(115deg,#ffe45ad6,#ffcb19cc 52%,#eeb008d6)!important}}
/* Scroll parallax uses a separate translate layer, preserving the slow ambient drift. */
#about:before,#watch:before,#discover:before,#extension-radio:before{inset:-175px -32px;translate:0 var(--srm-parallax-y,0px);animation:none;transform:scale(1.025)}
@media(max-width:700px){#about:before,#watch:before,#discover:before,#extension-radio:before{inset:-70px -24px}}
@media(prefers-reduced-motion:reduce){#about:before,#watch:before,#discover:before,#extension-radio:before{translate:none}}
/* Clearer golden glass, retaining the royal yellow tint. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.radio-dock{background:linear-gradient(115deg,#ffe45a9e,#ffcb198c 52%,#eeb0089e)!important;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}}
.radio-dock:before{background:linear-gradient(180deg,#fffde92e,transparent 45%),linear-gradient(110deg,transparent 8%,#fffcea17 19%,transparent 34%,transparent 68%,#fffcea0a 79%,transparent 92%)!important}
.radio-dock .dock-meta{filter:drop-shadow(0 1px 1px #fff4b84d)}
/* Shiny yellow vinyl: lacquered surface, crisp reflection and rounded moulded edges. */
.radio-dock{background:linear-gradient(180deg,#ffe65dde 0%,#ffda30d6 38%,#edb909dc 55%,#ffc91ed9 100%)!important;border:1px solid #ffdf688c!important;border-top-color:#fff6bde6!important;box-shadow:inset 0 2px 1px #fffbdab3,inset 2px 0 3px #fff5b252,inset -2px 0 3px #fff5b252,inset 0 -3px 4px #b4770066,0 3px 0 #5c370052,0 14px 32px #0005;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%)}
.radio-dock:before{background:linear-gradient(180deg,#fffde96b 0%,#fffde921 10%,#fffde917 43%,transparent 44%,transparent 100%),linear-gradient(112deg,transparent 7%,#fffce53d 15%,#fffce50a 24%,transparent 32%,transparent 66%,#fffce52b 77%,transparent 85%)!important}
.radio-dock .dock-actions button{background:linear-gradient(180deg,#fff6bf5c 0%,#ffda1f21 48%,#c98f001c 100%)!important;border-color:#9d6d005e!important;box-shadow:inset 0 1px 1px #fffbdc99,inset 0 -1px 1px #a36d0038,0 2px 5px #76510021}
.radio-dock .dock-play{background:linear-gradient(145deg,#44320d,#201706 65%)!important;box-shadow:inset 0 1px 1px #fff0a54d,0 2px 5px #76510040}
.radio-dock .dock-meta{filter:none}
/* A restrained golden-yellow tint on the arrow artwork only. */
#about:before,#watch:before,#discover:before,#extension-radio:before{filter:saturate(1.55) brightness(1.12);opacity:.74}
@media(max-width:700px){#about:before,#watch:before,#discover:before,#extension-radio:before{opacity:.48}}
/* Transparent raster screen softens video compression beneath the sharp logo. */
.wam-video-hero__media:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(circle,#0008 .55px,transparent .85px),repeating-linear-gradient(0deg,#ffffff12 0 1px,transparent 1px 3px);background-size:3px 3px,100% 3px;opacity:.32}
@media(max-width:700px){.wam-video-hero__media:after{opacity:.24}}
/* Supplied plastic grain under layered lacquer reflections; arrows stay intact. */
:root{--srm-plastic-surface:linear-gradient(112deg,transparent 8%,#fff9ed08 20%,#fff9ed03 29%,transparent 42%,transparent 70%,#fff9ed05 81%,transparent 93%),linear-gradient(180deg,#ffffff0b 0%,#ffffff03 15%,transparent 40%,#00000024 76%,#ffffff02 100%),linear-gradient(#0c0c0bf9,#080808fb),url('../images/plastic-grain.jpg')}
.srm-about-copy,.srm-radio-actions,.watch-empty,.wam-extension-copy,.wam-install-guide,.wam-extension-artwork,.story-card,.feed-card,.broadcast-band>div{background-image:var(--srm-plastic-surface)!important;background-size:100% 100%,100% 100%,100% 100%,384px 384px!important;background-position:center!important;box-shadow:inset 0 2px 1px #fff8e64a,inset 2px 0 2px #fff8e617,inset 0 -3px 5px #0006,0 18px 40px #0003;border-top-color:#fff7df66!important}
#discover .story-card,#discover .story-media,#discover .srm-art{background:#000!important;background-image:none!important}
#discover .srm-art:before,#discover .srm-art:after,#discover .srm-art-shape{display:none!important}
/* Moulded glossy vinyl header, retaining its dark, cream and red palette. */
.site-header{background:linear-gradient(180deg,#ffffff14 0%,#ffffff04 40%,transparent 41%,#00000020 75%,#ffffff03 100%),linear-gradient(112deg,transparent 7%,#fff7df08 18%,transparent 33%,transparent 70%,#fff7df05 81%,transparent 91%),#141713ed!important;border-top:1px solid #eee8cb29;border-bottom:1px solid #dbc18340!important;box-shadow:inset 0 2px 1px #fff8df1c,inset 0 -2px 3px #0009,0 3px 0 #0003,0 8px 22px #0003!important;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%)}
.site-header .srm-nav-player,.site-header .listen-button{background:linear-gradient(180deg,#d45149 0%,#bd332b 40%,#a7231d 56%,#b92e27 100%)!important;border:1px solid #e16b5a66!important;border-top-color:#ffba9e80!important;box-shadow:inset 0 2px 1px #ffe6cd40,inset 0 -2px 3px #66100e66,0 3px 8px #0003}
.site-header .language-switcher,.site-header .menu-toggle{background:linear-gradient(180deg,#ffffff0e,transparent 48%,#0002),#211f1b!important;border:1px solid #eee8cb38;border-top-color:#fff5d45c;box-shadow:inset 0 1px 1px #fff8df1c,inset 0 -1px 2px #0004}
@media(max-width:980px){.site-header .primary-nav.is-open{background:linear-gradient(180deg,#ffffff0c,transparent 45%,#0002),#211f1b!important;border:1px solid #eee8cb29;box-shadow:inset 0 1px 1px #fff8df26,0 12px 24px #0004}}

/* Seamless sections and borderless content compartments. */
#wam-view section,#wam-view .wam-video-hero__content,#wam-view .srm-about-copy,#wam-view .srm-radio-actions,#wam-view .watch-empty,#wam-view .wam-extension-copy,#wam-view .wam-install-guide,#wam-view .wam-extension-artwork,#wam-view .story-card,#wam-view .feed-card,#wam-view .broadcast-band>div,.site-footer{border:0!important;box-shadow:none!important;outline-offset:4px}
#wam-view .feed-actions{border:0!important}
.srm-second-life{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:40px;padding:48px var(--pad,5%);background:#0c0c0b!important}.srm-second-life>img{width:150px;height:auto;object-fit:contain}.srm-second-life h2{font-size:clamp(24px,2.4vw,36px);line-height:1.15;letter-spacing:-.035em;margin:10px 0 12px;color:#eee8cb}.srm-second-life p{max-width:62ch;color:#c5c1b6;font-size:14px;line-height:1.7;margin:0}.srm-second-life .pill-button{white-space:nowrap}@media(max-width:760px){.srm-second-life{grid-template-columns:minmax(0,1fr);gap:22px;padding:36px 24px}.srm-second-life>img{width:120px}.srm-second-life .pill-button{justify-self:start}}#radio,#discover,.wam-video-hero__content,.site-footer{background-image:var(--srm-plastic-surface)!important;background-size:100% 100%,100% 100%,100% 100%,512px 512px!important;background-position:center!important}
/* Compact Second Life invitation, aligned with the source language of the site. */
.srm-second-life{grid-template-columns:92px minmax(0,1fr) auto;gap:28px;padding:20px var(--pad,5%);background:linear-gradient(110deg,#ffffff03,transparent 45%),#0c0c0b!important}.srm-second-life>img{width:92px}.srm-second-life h2{font-size:clamp(20px,1.8vw,28px);margin:4px 0 5px;letter-spacing:-.04em}.srm-second-life .kicker{font-size:9px!important;letter-spacing:.16em}.srm-second-life p{font-size:12px;line-height:1.5;color:#aaa79e}.srm-second-life .pill-button{font-size:12px;padding:12px 22px;background:#b92e27;transition:background .2s,transform .2s}.srm-second-life .pill-button:hover{background:#d13c32;transform:translateY(-2px)}@media(max-width:760px){.srm-second-life{grid-template-columns:66px minmax(0,1fr);gap:16px;padding:18px 24px}.srm-second-life>img{width:66px}.srm-second-life h2{font-size:20px}.srm-second-life .pill-button{grid-column:2;justify-self:start;padding:9px 18px}}@media(prefers-reduced-motion:reduce){.srm-second-life .pill-button{transition:none}.srm-second-life .pill-button:hover{transform:none}}
.srm-second-life{padding-top:30px}@media(max-width:760px){.srm-second-life{padding-top:26px}}
/* Prominent invitation into the Second Life metaverse. */
.srm-second-life{grid-template-columns:92px minmax(0,1fr) minmax(190px,auto);gap:32px}.srm-second-life .pill-button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:52px;padding:15px 30px;font-size:14px;font-weight:800;color:#241a06!important;background:linear-gradient(180deg,#ffe76a,#ffce25 58%,#efb710)!important;border:0!important;border-radius:999px;box-shadow:inset 0 2px 1px #fff7c999,0 5px 20px #ffca1929;white-space:nowrap}.srm-second-life .pill-button span{font-size:21px;line-height:1}.srm-second-life .pill-button:hover{background:linear-gradient(180deg,#fff08b,#ffdc46 58%,#ffc51f)!important;box-shadow:inset 0 2px 1px #fff7c999,0 6px 26px #ffca1945;transform:translateY(-2px)}@media(max-width:760px){.srm-second-life{grid-template-columns:66px minmax(0,1fr);gap:16px}.srm-second-life .pill-button{grid-column:1/-1;justify-self:stretch;min-height:48px;padding:12px 24px}}
/* Center the complete invitation as a compact group. */
.srm-second-life{grid-template-columns:92px minmax(0,620px) auto;justify-content:center;text-align:center;gap:28px}.srm-second-life>div{justify-self:center}.srm-second-life p{margin-inline:auto}.srm-second-life .pill-button{justify-self:center}@media(max-width:760px){.srm-second-life{grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px}.srm-second-life>img{width:66px}.srm-second-life .pill-button{grid-column:auto;justify-self:center;min-width:190px}}
/* Two centred content blocks with a flat invitation underneath. */
.srm-second-life{grid-template-columns:80px minmax(0,620px);justify-content:center;align-items:center;column-gap:24px;row-gap:16px;padding:28px var(--pad,5%) 24px}.srm-second-life>img{width:80px;justify-self:center}.srm-second-life>div{justify-self:center;text-align:center}.srm-second-life .pill-button{grid-column:1/-1;justify-self:center;min-height:42px;min-width:180px;padding:11px 26px;border-radius:6px;background:#ffcf29!important;box-shadow:none!important;border:0!important;font-size:13px;transform:none!important}.srm-second-life .pill-button:hover{background:#ffdd57!important;box-shadow:none!important;transform:none!important}.srm-second-life .pill-button span{font-size:17px}@media(max-width:760px){.srm-second-life{grid-template-columns:minmax(0,1fr);gap:12px;padding:26px 24px 22px}.srm-second-life>img{width:66px}.srm-second-life .pill-button{grid-column:1;min-width:180px}}
.srm-second-life{grid-template-columns:minmax(0,700px);justify-items:center;row-gap:12px}.srm-second-life>img{grid-column:1;justify-self:center}.srm-second-life>div{grid-column:1;width:100%}.srm-second-life .pill-button{grid-column:1}
/* Editorial metaverse invitation: restrained luxury, balanced spacing. */
#second-life.srm-second-life{position:relative;isolation:isolate;grid-template-columns:minmax(0,760px);justify-content:center;justify-items:center;gap:18px;padding:38px 24px 34px;background:radial-gradient(ellipse at 50% 0,#dbc1830b,transparent 68%),#0b0b0a!important;text-align:center;overflow:hidden}
#second-life>img{width:108px;height:auto;grid-column:1;margin:0;opacity:.95}
#second-life>div{grid-column:1;max-width:760px;width:100%}
#second-life .kicker{display:block;color:#dbc183!important;font-size:9px!important;letter-spacing:.2em!important;line-height:1.5}
#second-life .kicker:before{display:none!important}
#second-life h2{font-size:clamp(24px,2.4vw,36px);font-weight:650;line-height:1.18;letter-spacing:-.045em;margin:9px 0 10px;color:#eee8cb;text-wrap:balance}
#second-life p{max-width:52ch;margin:0 auto;color:#aaa69b;font-size:13px;line-height:1.6;text-wrap:balance}
#second-life .pill-button{grid-column:1;min-width:186px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 25px;margin:2px 0 0;border-radius:5px;background:#f6cd37!important;color:#19170f!important;font-size:12px;font-weight:750;letter-spacing:.02em;border:0!important;box-shadow:none!important;transform:none!important;transition:background .2s,color .2s}
#second-life .pill-button span{font-size:19px;line-height:1}
#second-life .pill-button:hover{background:#ffe16a!important;box-shadow:none!important;transform:none!important}
#second-life .pill-button:focus-visible{outline:2px solid #eee8cb;outline-offset:5px}
@media(max-width:760px){#second-life.srm-second-life{padding:30px 24px;gap:16px}#second-life>img{width:92px}#second-life h2{font-size:25px}#second-life p{font-size:12px;max-width:35ch}}
@media(prefers-reduced-motion:reduce){#second-life .pill-button{transition:none}}
/* Slim metaverse strip. */
#second-life.srm-second-life{grid-template-columns:70px minmax(0,650px) auto;align-items:center;gap:24px;padding:18px 24px;min-height:0;justify-content:center}
#second-life>img{grid-column:auto;width:70px}
#second-life>div{grid-column:auto;text-align:left}
#second-life .kicker,#second-life p{display:none}
#second-life h2{font-size:clamp(18px,1.6vw,24px);line-height:1.25;margin:0}
#second-life .pill-button{grid-column:auto;margin:0;min-height:38px;min-width:160px;padding:9px 20px;font-family:inherit;border-radius:5px!important}
@media(max-width:760px){#second-life.srm-second-life{grid-template-columns:48px minmax(0,1fr) auto;gap:12px;padding:16px 20px}#second-life>img{width:48px}#second-life h2{font-size:15px}#second-life .pill-button{min-width:0;padding:9px 12px;font-size:11px;gap:8px}}
@media(max-width:420px){#second-life.srm-second-life{grid-template-columns:40px minmax(0,1fr);gap:10px}#second-life>img{width:40px}#second-life .pill-button{grid-column:2;justify-self:start;min-height:34px}}
/* Clear, compact metaverse invitation beneath the fixed navigation. */
#second-life.srm-second-life{padding-top:30px;padding-bottom:20px;column-gap:28px;grid-template-columns:80px minmax(0,700px) auto}
#second-life>img{width:80px;opacity:1}
#second-life h2{font-size:clamp(20px,1.7vw,26px);font-weight:700;line-height:1.35;letter-spacing:-.025em;color:#f5efdd;text-wrap:balance}
#second-life .pill-button{font-size:13px;min-height:42px;min-width:170px;color:#16140b!important;background:#ffda42!important}
@media(max-width:760px){#second-life.srm-second-life{grid-template-columns:54px minmax(0,1fr);gap:12px 16px;padding:26px 20px 18px}#second-life>img{width:54px}#second-life h2{font-size:18px;line-height:1.4}#second-life .pill-button{grid-column:2;justify-self:start;font-size:12px;min-height:38px;min-width:160px}}
.admin-bar #second-life{margin-top:32px}@media(max-width:782px){.admin-bar #second-life{margin-top:46px}}
/* Discreet centred service attribution beneath the listening controls. */
.radio-dock{padding-bottom:28px!important;min-height:96px}
.radio-dock .srm-dock-credit{position:absolute;left:16px;right:16px;bottom:8px;margin:0;text-align:center;font-family:var(--sans,Arial,sans-serif);font-size:10px;font-weight:400;line-height:1.4;letter-spacing:.025em;color:#382b0c;pointer-events:none}
.radio-dock .srm-dock-credit span{font-weight:650}
@media(max-width:620px){.radio-dock{padding-bottom:42px!important;min-height:102px}.radio-dock .srm-dock-credit{left:20px;right:20px;bottom:9px;font-size:9px;letter-spacing:0}.radio-dock .srm-dock-credit span{display:block}}
/* Fine attribution directly below the station name. */
.radio-dock{padding-bottom:12px!important;min-height:84px}
.radio-dock .srm-dock-credit{position:static;inset:auto;text-align:left;margin:4px 0 0;font-family:'Segoe UI',Arial,sans-serif;font-size:10px;font-weight:300;line-height:1.5;letter-spacing:.015em;color:#46390f;pointer-events:auto}
.radio-dock .srm-dock-credit span{display:inline;font-weight:400}
@media(max-width:620px){.radio-dock{padding-bottom:12px!important;min-height:92px}.radio-dock .srm-dock-credit{font-size:9px;line-height:1.4;max-width:34ch}.radio-dock .srm-dock-credit span{display:inline}}
/* Attribution aligned beneath the visualizer and player controls. */
.radio-dock{padding-bottom:30px!important;min-height:96px}
.radio-dock .srm-dock-credit{position:absolute;left:auto;right:30px;bottom:9px;width:auto;max-width:520px;margin:0;text-align:right;font-size:10px;font-weight:300;line-height:1.4;letter-spacing:.01em;pointer-events:none}
@media(max-width:620px){.radio-dock{padding-bottom:40px!important;min-height:100px}.radio-dock .srm-dock-credit{right:16px;left:16px;bottom:8px;max-width:none;text-align:right;font-size:9px}.radio-dock .srm-dock-credit span{display:block}}
/* Unified dock grid: aligned controls, visualization and secondary credit. */
#listen.radio-dock{display:grid;grid-template-columns:48px minmax(190px,1fr) minmax(140px,280px) auto;grid-template-rows:48px auto;align-items:center;gap:8px 20px;padding:16px 24px 12px!important;min-height:0;border-radius:16px}
#listen .dock-play{grid-column:1;grid-row:1;width:48px;height:48px;margin:0;align-self:center}
#listen .dock-copy{grid-column:2;grid-row:1;min-width:0;padding:0;gap:0}
#listen .dock-meta{min-width:0}.radio-dock .dock-label{font-size:9px;line-height:1.4;letter-spacing:.11em;margin-bottom:3px}#listen .dock-track{font-size:15px;line-height:1.4;margin:0;max-width:100%}
#listen .srm-spectrum{position:relative;inset:auto;grid-column:3;grid-row:1;width:100%;height:32px;align-self:center;justify-content:center;margin:0;transform:none}
#listen .dock-actions{grid-column:4;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:0}
#listen .dock-volume{width:96px;margin:0}#listen .dock-actions button{min-height:40px;padding:10px 18px;font-size:12px;line-height:1.4;white-space:nowrap;border-radius:8px}
#listen .srm-dock-credit{position:static;inset:auto;grid-column:3/5;grid-row:2;max-width:none;width:auto;margin:0;text-align:right;font-family:'Segoe UI',Arial,sans-serif;font-size:10px;font-weight:300;line-height:1.5;letter-spacing:.01em;color:#46390f;pointer-events:auto}
#listen .srm-dock-credit span{display:inline;font-weight:400}
@media(max-width:900px){#listen.radio-dock{grid-template-columns:44px minmax(160px,1fr) minmax(90px,140px) auto;gap:8px 14px;padding-inline:18px!important}#listen .dock-play{width:44px;height:44px}#listen .dock-volume{width:72px}#listen .dock-actions{gap:10px}}
@media(max-width:620px){#listen.radio-dock{grid-template-columns:42px minmax(0,1fr) 42px;grid-template-rows:42px auto;gap:10px 12px;padding:12px 16px!important;border-radius:14px}#listen .dock-play{width:42px;height:42px}#listen .dock-copy{grid-column:2}#listen .dock-track{font-size:13px}#listen .dock-label{font-size:8px}#listen .srm-spectrum{display:none}#listen .dock-actions{grid-column:3}#listen .dock-volume{display:none}#listen .dock-actions button{width:42px!important;min-width:42px;min-height:42px;padding:0!important;font-size:0!important}#listen .srm-dock-credit{grid-column:1/-1;text-align:right;font-size:9px;line-height:1.5}#listen .srm-dock-credit span{display:inline}}
/* Tighter Second Life strip, without crowding its invitation. */
#second-life.srm-second-life{padding:10px 24px;gap:20px;grid-template-columns:64px minmax(0,700px) auto}
#second-life>img{width:64px}
#second-life h2{font-size:clamp(18px,1.5vw,23px);line-height:1.3}
#second-life .pill-button{min-height:36px;padding:8px 18px;font-size:12px;min-width:160px}
@media(max-width:760px){#second-life.srm-second-life{padding:12px 20px;grid-template-columns:46px minmax(0,1fr);gap:8px 14px}#second-life>img{width:46px}#second-life h2{font-size:16px;line-height:1.3}#second-life .pill-button{grid-column:2;min-height:32px;padding:7px 14px;min-width:140px;font-size:11px}}
/* Readable player entry beneath the banner logo. */
.srm-hero-logo{padding-bottom:108px!important}
.srm-hero-player{position:absolute;z-index:4;left:50%;top:calc(clamp(380px,48vw,690px) - 82px);transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:13px 28px;border:0;border-radius:6px;background:#ffda42;color:#201b0c;font:700 14px/1.4 var(--body,Arial,sans-serif);white-space:nowrap;box-shadow:0 4px 16px #0003}
.srm-hero-player:hover{background:#ffe575}.srm-hero-player:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:700px){.srm-hero-logo{padding-bottom:90px!important}.srm-hero-player{top:258px;min-height:44px;padding:11px 22px;font-size:13px}}
/* Red banner action and a stronger, animated listening control. */
.srm-hero-player{background:#bd3029!important;color:#fff5e5!important;box-shadow:0 4px 16px #0003}.srm-hero-player:hover{background:#d33b32!important}
#listen.radio-dock{grid-template-columns:60px minmax(210px,1fr) minmax(140px,280px) auto;grid-template-rows:60px auto}
#listen .dock-play{width:60px;height:60px}
#listen .dock-play:before{border-left-width:16px;border-top-width:10px;border-bottom-width:10px;transform-origin:center}
#listen .dock-track{font-size:18px;font-weight:750;line-height:1.35}
#listen .dock-label{font-size:10px;line-height:1.4;margin-bottom:4px}
.is-playing #listen .dock-play{animation:none!important}
.is-playing #listen .dock-play:before{width:14px;height:20px;border-top:0;border-bottom:0;border-left:5px solid currentColor;border-right:5px solid currentColor;margin:0;animation:srm-play-pulse 1.6s ease-in-out infinite}
@keyframes srm-play-pulse{0%,100%{transform:scale(.94);opacity:.7}50%{transform:scale(1.08);opacity:1;filter:drop-shadow(0 0 4px #ffe15470)}}
@media(max-width:900px){#listen.radio-dock{grid-template-columns:56px minmax(160px,1fr) minmax(90px,140px) auto;grid-template-rows:56px auto}#listen .dock-play{width:56px;height:56px}}
@media(max-width:620px){#listen.radio-dock{grid-template-columns:50px minmax(0,1fr) 42px;grid-template-rows:50px auto}#listen .dock-play{width:50px;height:50px}#listen .dock-track{font-size:15px}#listen .dock-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.is-playing #listen .dock-play:before{animation:none!important}}
/* Slim, polished dock with a single control line and a discreet credit. */
#listen.radio-dock{grid-template-columns:46px minmax(190px,1fr) minmax(120px,250px) auto;grid-template-rows:46px auto;gap:4px 20px;padding:9px 18px 7px!important;border-radius:13px;left:18px;right:18px;bottom:12px;box-shadow:inset 0 1px 0 #fff6c680,0 8px 26px #0004!important;border:1px solid #fff0a34d!important;background:linear-gradient(180deg,#ffe477d9,#f5c623cf 55%,#edbd17d9)!important}
#listen .dock-play{width:46px;height:46px;box-shadow:inset 0 1px 0 #fff7ca26!important}
#listen .dock-play:before{border-left-width:13px;border-top-width:8px;border-bottom-width:8px}
#listen .dock-track{font-size:16px;line-height:1.3;font-weight:700}
#listen .dock-label{font-size:8px;line-height:1.3;letter-spacing:.13em;margin-bottom:3px}
#listen .srm-spectrum{height:25px;opacity:.75}
#listen .dock-actions{gap:14px}#listen .dock-volume{width:82px}
#listen .dock-actions button{min-height:34px;padding:8px 16px;font-size:11px;border-radius:7px;background:#241a060a!important;box-shadow:none!important;border:1px solid #58450b38!important}
#listen .srm-dock-credit{font-size:9px;line-height:1.3;letter-spacing:.01em;color:#4e3e18}
.is-playing #listen .dock-play:before{width:12px;height:16px;border-left-width:4px;border-right-width:4px}
@media(max-width:900px){#listen.radio-dock{grid-template-columns:44px minmax(155px,1fr) minmax(80px,120px) auto;gap:4px 14px}#listen .dock-play{width:44px;height:44px}#listen .dock-volume{width:64px}}
@media(max-width:620px){#listen.radio-dock{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));grid-template-columns:42px minmax(0,1fr) 38px;grid-template-rows:42px auto;gap:5px 12px;padding:8px 12px 7px!important;border-radius:12px}#listen .dock-play{width:42px;height:42px}#listen .dock-track{font-size:13px}#listen .dock-label{font-size:8px}#listen .dock-actions button{width:38px!important;min-width:38px;min-height:36px}#listen .srm-dock-credit{font-size:8px;line-height:1.35;text-align:right}}