/* 24 Carat test landing: scoped visual treatment; existing merchandising is unchanged. */
:root{--bg:#fff6e7;--panel:#fffaf0;--ink:#251c16;--muted:#5d4c39;--gold:#c28c2a;--red:#9d2d35;--line:#ead9b8}
html{background:#f9efdf}
/* V2: lower the cream wash substantially; visuals are composited ABOVE it. */
body{background:linear-gradient(140deg,rgba(255,250,240,.28),rgba(249,229,195,.13) 50%,rgba(255,253,248,.20)),#f9efdf;color:var(--ink);position:relative;min-height:100vh}
#christmas-zaxis{position:fixed;inset:0;z-index:0;pointer-events:none;width:100vw;height:100vh;opacity:1}
.topbar,main,.footer{position:relative;z-index:1}
.topbar{background:rgba(255,249,237,.82);border-bottom:1px solid #e5c98a}
.brand{color:#34231a}.navlinks{color:#604a2b}.navlinks a:hover{color:#a42e35}
.hero{min-height:74vh;gap:36px;padding:52px 0 38px}
.eyebrow,.kicker{color:#9d3039}
h1{color:#251b16;text-shadow:0 4px 50px rgba(255,255,255,.72);font-size:clamp(3rem,7vw,6rem)}
h1 span{color:#b47c1e}
.lead{color:#4d3825}
.hero-img{box-shadow:0 25px 70px rgba(115,64,19,.16);border:2px solid #ddbc72}
.hero-img:after{box-shadow:inset 0 0 30px rgba(50,20,0,.06)}
.btn{border-color:#c9af78;background:rgba(255,252,246,.88);color:#322419;cursor:pointer;min-height:49px}
.btn.primary{background:#e7b546;color:#20170f;border-color:#c99b33}
.btn:hover{background:#f9e7bd}.btn:focus-visible{outline:3px solid #8c2633;outline-offset:3px}
.badge{color:#59442b;border-color:#d3b784;background:rgba(255,252,244,.83)}
section{border-top-color:#eadbc2}
.section-head p,.card p,.story,.radio p{color:#654d35}
.card{background:rgba(255,252,244,.82);border-color:#e5cf9e;box-shadow:0 12px 36px rgba(75,43,14,.07)}
.card .media{background:#f2eadb}.price{color:#85422a}
.spec{background:rgba(255,253,247,.78);border-color:#ead3a3}.spec b{color:#a36d21}
.product-wide img{border-color:#e1c99d}
.story strong{color:#a52c35}
.radio{background:linear-gradient(125deg,rgba(255,254,248,.79),rgba(248,225,173,.68));border-color:#d2b47b}
.footer{color:#6b5841;border-color:#e6d5af}
.tee-purchase{border-top-color:#dfcba4}.tee-purchase .tee-field{color:#5a3e2b}
.tee-purchase select{color:#2f2116;background:#fff9ed;border-color:#c7a45b;color-scheme:light}
.tee-purchase .tee-price{color:#9f6726}.tee-purchase .tee-purchase-note{color:#715c44}
.galaxy-media .preview-switch{background:rgba(56,38,26,.8)}
.radio-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;max-width:630px}
.radio-actions .btn{font-size:.84rem;padding:12px 16px;white-space:nowrap}
.radio-actions #radio-mode[aria-pressed="true"]{background:#f8ddb0;border-color:#9e2e38;color:#8a2531}
.radio-status{background:rgba(255,252,244,.79);border:1px solid #e2c48c;border-radius:17px;padding:14px 18px;margin-top:18px;max-width:630px}
.radio-status .now{font-weight:900;color:#7f2630;letter-spacing:.02em}
.radio-status .status{font-size:.77rem;color:#755d45;margin-top:4px}
#radio-list{max-width:630px;max-height:260px;overflow:auto;margin:10px 0 0;padding:8px 10px;list-style:none;border:1px solid #e7c995;border-radius:16px;background:#fffdf6}
#radio-list li{margin:0;padding:0}
#radio-list button{display:block;width:100%;background:transparent;text-align:left;border:0;border-bottom:1px solid #f1e1bd;padding:8px;color:#4f3c2f;cursor:pointer;font-weight:600}
#radio-list button:hover,#radio-list button:focus-visible{color:#9b2737;background:#fdf0d8}
.radio-explain{font-size:.77rem;color:#72563a;line-height:1.5;max-width:630px;margin-top:9px}
@media(max-width:720px){.hero{padding-top:30px}.radio-actions{display:grid;grid-template-columns:1fr 1fr}.radio-actions .btn:first-child{grid-column:1 / -1}.radio-actions .btn{font-size:.73rem;padding:11px 8px;white-space:normal}.radio-status{margin-top:12px}.hero-img{max-width:540px}.topbar{background:rgba(255,249,235,.90)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}#christmas-zaxis{opacity:.5}}

/* V2: compact frequency-color key; belongs to the radio, not main nav. */
.frequency-legend{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;margin:10px 0 4px;max-width:630px;padding:10px 12px;border:1px solid rgba(160,110,56,.28);border-radius:15px;background:rgba(255,250,241,.66)}
.frequency-legend .eq-label{font:800 .62rem/1.2 system-ui,sans-serif;letter-spacing:.075em;color:#674b33;white-space:nowrap;margin-right:4px}
.frequency-legend .eq-key{display:inline-flex;gap:5px;align-items:center;font:800 .63rem/1.2 system-ui,sans-serif;letter-spacing:.05em;color:#4b382b;white-space:nowrap}
.frequency-legend .eq-swatch{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--freq-color);box-shadow:0 0 6px var(--freq-color)}
@media(max-width:720px){.frequency-legend{gap:7px 10px;padding:9px}.frequency-legend .eq-key{font-size:.60rem}}

/* V3: live band pulses (driven only by the audio analyser, no auto-flashing). */
.frequency-legend .eq-swatch{width:10px;height:10px;transition:transform 55ms linear,box-shadow 65ms linear;transform-origin:center;flex:none}
.frequency-legend .eq-state{font:800 .62rem/1.3 system-ui,sans-serif;letter-spacing:.055em;border:1px solid rgba(110,81,49,.3);border-radius:999px;padding:5px 8px;color:#6e4c31;background:rgba(255,255,255,.55);white-space:nowrap}
.frequency-legend .eq-state[data-signal="live"]{color:#115b3e;border-color:#23956a;background:rgba(233,255,240,.88)}
.frequency-legend .eq-state[data-signal="no-signal"],.frequency-legend .eq-state[data-signal="unavailable"]{color:#982e32;border-color:#c78787;background:rgba(255,246,239,.93)}
@media(prefers-reduced-motion:reduce){.frequency-legend .eq-swatch{transition:none!important}}