/* ==========================================================================
   PIRATE RADIO 94.7 FM ($WAVE) — BRUSHED CHAMPAGNE ALUMINUM & ROSEWOOD
   Aesthetic: 1980s Vintage Hi-Fi Master Component, Anisotropic Metal Sheen,
   Knurled Chrome Knobs, S-Meter Tuning Dial, VFD Fluorescent Spectrum
   ========================================================================== */

:root {
  --bg-dark: #070503;
  --bg-room: #120b07;

  /* Specular Champagne Aluminum Palette */
  --champagne-face: repeating-linear-gradient(
    90deg,
    #cfc4af 0px,
    #fbf7ee 2px,
    #baa98f 4px,
    #ede5d3 6px,
    #a8987b 8px
  );
  --champagne-base: #d2c5ae;
  --champagne-dark: #7a6a52;
  --teak-wood: #33180c;
  --wood-edge: #180a05;

  --amber: #ff9924;
  --amber-bright: #ffbe5e;
  --vfd-cyan: #00f2fe;
  --vfd-green: #00f5a0;
  --cream: #faf5eb;
  --dim-ink: #8f7d6d;

  --font-serif: 'Newsreader', serif;
  --font-tech: 'Syne', sans-serif;
  --font-meter: 'Orbitron', monospace;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body.studio-desk-body {
  background-color: var(--bg-dark);
  background-image: 
    radial-gradient(circle at 50% 12%, rgba(255, 170, 50, 0.16) 0%, transparent 65%),
    linear-gradient(180deg, rgba(8, 5, 3, 0.72) 0%, rgba(8, 5, 3, 0.94) 750px, #070503 100%),
    url('console-bg.jpg');
  background-size: cover, cover, cover;
  background-position: center top;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: var(--cream);
  font-family: var(--font-tech);
  min-height: 100vh;
  overflow-x: hidden;
  line-height: 1.6;
  position: relative;
}

/* Rain on Glass Canvas & Lightning Horizon */
.rain-canvas {
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  pointer-events: none;
  z-index: 1;
  opacity: 0.7;
}

.lightning-flash-overlay {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 65% 10%, rgba(190, 220, 255, 0.28) 0%, transparent 60%);
  opacity: 0;
  z-index: 2;
  transition: opacity 0.08s ease-out;
}

.lightning-flash-overlay.flashing { opacity: 1; }

/* ==========================================================================
   BRUSHED CHAMPAGNE ALUMINUM MASTER COMPONENT HEADER
   ========================================================================== */
.hifi-champagne-header {
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.95);
  border-bottom: 4px solid #140b05;
}

.brushed-metal-panel {
  background: var(--champagne-face);
  padding: 10px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  box-shadow: 
    inset 0 2px 2px #ffffff,
    inset 0 -3px 4px #5c4e38,
    0 8px 24px rgba(0, 0, 0, 0.8);
  border-top: 1px solid #ffffff;
  border-bottom: 2px solid #5a4b36;
  flex-wrap: wrap;
}

/* Left: Knurled Volume Knob & S-Meter */
.panel-left-controls {
  display: flex;
  align-items: center;
  gap: 16px;
}

.knurled-knob-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}

.chrome-rotary-knob {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #ffffff 0%, #d8cfbe 30%, #635745 75%, #231c13 100%);
  border: 2px solid #fdfbf7;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6), inset 0 0 6px rgba(0, 0, 0, 0.5);
  position: relative;
  cursor: grab;
  transition: transform 0.1s ease-out;
}

.chrome-rotary-knob:active { cursor: grabbing; }

.knob-notch {
  position: absolute;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
  height: 10px;
  background: #110903;
  border-radius: 1px;
}

.knob-label {
  font-family: var(--font-meter);
  font-size: 0.55rem;
  font-weight: 800;
  color: #3b3022;
  letter-spacing: 0.5px;
}

/* S-Meter Analog Indicator */
.signal-smeter-bezel {
  width: 96px;
  height: 50px;
  background: radial-gradient(circle, #fcf8ee 0%, #ecdcb8 80%, #a48e65 100%);
  border: 2px solid #4a3c2a;
  border-radius: 4px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5), 0 2px 6px rgba(0, 0, 0, 0.4);
  padding: 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.smeter-dial {
  position: relative;
  width: 100%;
  height: 34px;
}

.s-scale {
  position: absolute;
  top: 1px; left: 0; right: 0;
  font-family: var(--font-meter);
  font-size: 0.46rem;
  font-weight: 800;
  color: #332415;
  text-align: center;
}

#sMeterCanvas {
  position: absolute;
  top: 0; left: 0;
  width: 90px;
  height: 34px;
}

.smeter-caption {
  font-family: var(--font-meter);
  font-size: 0.48rem;
  color: #594833;
  font-weight: bold;
}

/* Center Brand Badge */
.panel-center-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.illuminated-red-jewel {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #1f0b07;
  border: 1px solid #e74c3c;
  padding: 3px 12px;
  border-radius: 3px;
  box-shadow: 0 0 12px rgba(231, 76, 60, 0.5);
}

.jewel-lens {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff3300;
  box-shadow: 0 0 8px #ff3300;
  animation: jewelPulse 1.2s infinite alternate;
}

@keyframes jewelPulse {
  from { opacity: 0.6; }
  to { opacity: 1; transform: scale(1.2); }
}

.jewel-text {
  font-family: var(--font-meter);
  font-size: 0.72rem;
  font-weight: 900;
  color: #ffffff;
  letter-spacing: 1px;
}

.champagne-brand-text {
  font-family: var(--font-meter);
  font-size: 0.65rem;
  font-weight: 800;
  color: #3d3121;
  letter-spacing: 1.5px;
}

/* Right Actions */
.panel-right-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.chrome-toggle-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(180deg, #ede5d5 0%, #b8ab94 100%);
  border: 1px solid #786851;
  border-radius: 3px;
  color: #2b2114;
  font-family: var(--font-meter);
  font-size: 0.75rem;
  font-weight: 800;
  padding: 6px 12px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: inset 0 1px 1px #fff, 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: all 0.15s ease;
}

.chrome-toggle-pill:hover {
  background: #fff;
  border-color: #3b3022;
  transform: translateY(-1px);
}

.badge-pre {
  background: #c0392b;
  color: #fff;
  font-size: 0.62rem;
  padding: 2px 4px;
  border-radius: 2px;
}

.btn-chrome-gold {
  background: linear-gradient(180deg, #ffc04d 0%, #d4820a 60%, #8c5200 100%);
  border: 1px solid #ffe299;
  border-radius: 3px;
  color: #120904;
  font-family: var(--font-meter);
  font-size: 0.82rem;
  font-weight: 900;
  padding: 7px 16px;
  text-decoration: none;
  box-shadow: inset 0 1px 2px #fff, 0 4px 12px rgba(212, 130, 10, 0.5);
  transition: all 0.15s ease;
  white-space: nowrap;
}

.btn-chrome-gold:hover {
  box-shadow: inset 0 1px 2px #fff, 0 6px 20px rgba(255, 170, 50, 0.85);
  transform: translateY(-2px);
}

/* ==========================================================================
   STUDIO MAIN & RACK CENTERPIECE
   ========================================================================== */
.studio-main {
  max-width: 1180px;
  margin: 0 auto;
  padding: 15px 20px 80px;
  position: relative;
  z-index: 10;
}

.desk-caption-strip {
  text-align: center;
  margin-bottom: 24px;
}

.vintage-ribbon-tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 170, 50, 0.08);
  border: 1px solid rgba(255, 170, 50, 0.35);
  padding: 5px 18px;
  font-family: var(--font-meter);
  font-size: 0.8rem;
  color: var(--amber-bright);
  letter-spacing: 1.5px;
  margin-bottom: 10px;
}

.main-studio-headline {
  font-family: var(--font-serif);
  font-size: clamp(2.2rem, 4.4vw, 3.8rem);
  font-style: italic;
  letter-spacing: -0.5px;
  line-height: 1.05;
  margin-bottom: 8px;
}

.champagne-gold-glow {
  background: linear-gradient(180deg, #ffffff 0%, #ffd685 40%, #c48b25 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 20px rgba(255, 170, 50, 0.6));
}

.dot-amber { color: var(--amber-bright); }

.studio-lead {
  max-width: 760px;
  margin: 0 auto;
  color: var(--dim-ink);
  font-size: 1.1rem;
  line-height: 1.7;
}

/* Clandestine Offshore Trawler Panoramic Observation Window */
.trawler-viewport-bay {
  margin: 32px 0 36px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  border: 4px solid #4a3a28;
  box-shadow: 
    0 20px 50px rgba(0, 0, 0, 0.95),
    inset 0 0 25px rgba(0, 0, 0, 0.85);
}

.trawler-visor-frame {
  position: relative;
  width: 100%;
  height: 380px;
  background: #000;
  overflow: hidden;
}

.trawler-live-panoramic {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  filter: contrast(1.1) brightness(0.95) saturate(1.15);
  transition: transform 10s ease-out;
  transform: scale(1.02);
}

.trawler-viewport-bay:hover .trawler-live-panoramic {
  transform: scale(1.07);
}

.trawler-reflection-sheen {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: 
    linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, transparent 40%),
    radial-gradient(circle at 75% 25%, rgba(255, 170, 50, 0.16) 0%, transparent 50%),
    linear-gradient(0deg, rgba(8, 5, 3, 0.85) 0%, transparent 40%);
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.75);
}

.trawler-hud-telemetry {
  position: absolute;
  bottom: 16px;
  left: 20px;
  right: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  z-index: 5;
}

.hud-tape-pill {
  font-family: var(--font-meter);
  font-size: 0.72rem;
  letter-spacing: 1px;
  color: var(--amber-bright);
  background: rgba(15, 10, 6, 0.88);
  backdrop-filter: blur(6px);
  padding: 6px 14px;
  border: 1px solid #63503a;
  border-radius: 3px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ==========================================================================
   PHYSICAL RACK MOUNT UNIT (CHAMPAGNE ALUMINUM & TEAK CHASSIS)
   ========================================================================== */
.master-rack-unit {
  background: 
    radial-gradient(ellipse at 50% 0%, rgba(68, 38, 22, 0.4) 0%, transparent 70%),
    linear-gradient(180deg, #1f120a 0%, #150b06 50%, #0d0603 100%);
  border: 10px solid #080402;
  border-radius: 14px;
  box-shadow: 
    0 35px 90px rgba(0, 0, 0, 0.98),
    0 10px 30px rgba(0, 0, 0, 0.9),
    inset 0 2px 4px rgba(255, 200, 140, 0.15),
    inset 0 -8px 20px rgba(0, 0, 0, 0.95);
  padding: 24px;
  user-select: none;
  margin-bottom: 60px;
  position: relative;
}

/* Corner metal brackets for the wood rack cabinet */
.master-rack-unit::before,
.master-rack-unit::after {
  content: '';
  position: absolute;
  width: 22px;
  height: 22px;
  border-color: #61462a;
  pointer-events: none;
}
.master-rack-unit::before {
  top: 6px; left: 6px;
  border-top: 3px solid #8f6c44;
  border-left: 3px solid #8f6c44;
}
.master-rack-unit::after {
  top: 6px; right: 6px;
  border-top: 3px solid #8f6c44;
  border-right: 3px solid #8f6c44;
}

/* ==========================================================================
   TOP SOLID BILLET ALUMINUM FACEPLATE & COUNTERSUNK ALLEN BOLTS
   ========================================================================== */
.rack-top-faceplate {
  background: 
    repeating-linear-gradient(90deg, rgba(255,255,255,0.03) 0px, transparent 1px, transparent 4px),
    linear-gradient(180deg, #faf3e6 0%, #ded0b6 25%, #baa98c 65%, #7a6a52 100%);
  padding: 10px 24px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
  box-shadow: 
    inset 0 2px 1px rgba(255, 255, 255, 0.95),
    inset 0 -2px 2px rgba(0, 0, 0, 0.6),
    0 8px 22px rgba(0, 0, 0, 0.9);
  border: 1px solid #c2b193;
  position: relative;
}

/* Realistic Countersunk Hex / Allen Bolts */
.rack-bolt-unit {
  position: relative;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hex-bolt-washer {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #ffffff 0%, #b0a184 45%, #4a3e2a 90%);
  box-shadow: 
    0 2px 5px rgba(0, 0, 0, 0.8),
    inset 0 1px 1px rgba(255, 255, 255, 0.9);
}

.hex-bolt-socket {
  position: relative;
  width: 9px;
  height: 9px;
  background: #110d08;
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
  box-shadow: inset 0 2px 4px #000;
  z-index: 2;
}

.rack-brand-mark {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  background: linear-gradient(180deg, #1b130b 0%, #0d0804 100%);
  padding: 6px 28px;
  border-radius: 4px;
  border: 1px solid #573f27;
  box-shadow: 
    inset 0 2px 6px rgba(0, 0, 0, 0.95),
    0 1px 0 rgba(255, 255, 255, 0.6);
}

.brand-crest {
  color: #ffb84d;
  font-size: 0.8rem;
  filter: drop-shadow(0 0 4px #ff9900);
  display: none;
}

.brand-logo-text {
  font-family: var(--font-meter);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 2px;
  background: linear-gradient(180deg, #ffffff 0%, #ffd685 40%, #b88628 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.9));
}

.brand-sub-badge {
  font-family: var(--font-meter);
  font-size: 0.6rem;
  color: rgba(220, 190, 140, 0.85);
  letter-spacing: 1.5px;
}

/* ==========================================================================
   HEAVY MACHINED RACK TIERS (CHASSIS PLATES WITH HEX CORNER SCREWS)
   ========================================================================== */
.rack-tier {
  background: 
    repeating-linear-gradient(90deg, rgba(255,255,255,0.012) 0px, transparent 1px, transparent 3px),
    linear-gradient(180deg, #1b120c 0%, #120b06 40%, #090503 100%);
  border: 3px solid #332014;
  border-radius: 10px;
  padding: 24px 22px;
  margin-bottom: 22px;
  position: relative;
  box-shadow: 
    inset 0 1px 2px rgba(255, 255, 255, 0.15),
    inset 0 -3px 8px rgba(0, 0, 0, 0.95),
    0 12px 30px rgba(0, 0, 0, 0.95);
}

/* Corner Screws on each rack tier */
.tier-corner-screw {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #a8987b 0%, #4a3e2e 60%, #15100a 100%);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), inset 0 1px 1px rgba(255, 255, 255, 0.5);
}
.tier-corner-screw::after {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%) rotate(38deg);
  width: 7px;
  height: 1.8px;
  background: #090603;
  box-shadow: 0 1px 1px rgba(255,255,255,0.2);
}
.tier-corner-screw.top-left { top: 8px; left: 8px; }
.tier-corner-screw.top-right { top: 8px; right: 8px; }
.tier-corner-screw.bottom-left { bottom: 8px; left: 8px; }
.tier-corner-screw.bottom-right { bottom: 8px; right: 8px; }

/* TIER 1: INSTRUMENTS */
.tier-instruments {
  display: grid;
  grid-template-columns: 1fr 1.35fr 1fr;
  align-items: center;
  gap: 22px;
}

@media (max-width: 960px) {
  .tier-instruments { grid-template-columns: 1fr; }
}

/* ==========================================================================
   HYPER-REALISTIC ANALOG VU METERS WITH 3D CAST BEZEL & CURVED GLASS
   ========================================================================== */
.round-vu-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.meter-housing {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 240px;
}

.meter-bezel {
  width: 220px;
  height: 135px;
  background: 
    linear-gradient(180deg, #3d2b1b 0%, #1b1109 100%);
  border: 6px solid #4a3321;
  border-radius: 110px 110px 14px 14px;
  box-shadow: 
    0 16px 35px rgba(0, 0, 0, 0.95),
    0 4px 10px rgba(0, 0, 0, 0.9),
    inset 0 2px 3px rgba(255, 255, 255, 0.3),
    inset 0 -4px 10px rgba(0, 0, 0, 0.9);
  padding: 6px;
  position: relative;
  overflow: hidden;
}

.meter-dial-face {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 102px 102px 8px 8px;
  overflow: hidden;
  background: 
    radial-gradient(ellipse at 50% 115%, rgba(255, 225, 145, 0.75) 0%, rgba(248, 235, 205, 0.95) 45%, #cbb78d 85%, #8f7952 100%);
  box-shadow: 
    inset 0 16px 26px rgba(0, 0, 0, 0.92),
    inset 0 3px 6px rgba(0, 0, 0, 0.9),
    inset 0 -6px 14px rgba(255, 190, 100, 0.35);
}

.meter-dial-canvas {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.meter-needle-canvas {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  filter: drop-shadow(2px 5px 4px rgba(0, 0, 0, 0.55));
}

/* Realistic Convex Glass Lens Reflection & Glare */
.meter-lens-reflection {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 4;
  background: 
    linear-gradient(130deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.12) 28%, transparent 45%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.2) 100%),
    radial-gradient(circle at 50% 10%, rgba(255, 255, 255, 0.35) 0%, transparent 40%);
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.5);
}

/* Machined 3D Center Pivot Assembly */
.meter-pivot-assembly {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pivot-knurl {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: radial-gradient(circle, #24150b 0%, #110803 100%);
  border: 2px solid #573a1d;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.9);
}

.pivot-dome {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #ffffff 0%, #caa974 45%, #3a2711 90%);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.8), 0 2px 6px rgba(0,0,0,0.8);
}

.pivot-screw {
  position: absolute;
  width: 8px;
  height: 1.8px;
  background: #140d06;
  border-radius: 1px;
}

.meter-bottom-plaque {
  background: #0d0804;
  border: 1px solid #382414;
  border-radius: 3px;
  padding: 3px 12px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.9), 0 1px 0 rgba(255, 255, 255, 0.1);
}

.meter-channel-tag {
  font-family: var(--font-meter);
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--amber-bright);
  letter-spacing: 1px;
}

/* VFD Spectrum Analyzer (Tier 1 Center) */
.vfd-spectrum-analyzer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.vfd-screen-frame {
  background: #030806;
  border: 4px solid #142820;
  border-radius: 8px;
  padding: 16px 20px 10px;
  box-shadow: 
    inset 0 0 25px rgba(0, 245, 160, 0.22),
    inset 0 6px 14px rgba(0, 0, 0, 0.95),
    0 8px 24px rgba(0, 0, 0, 0.9);
  width: 100%;
  position: relative;
}

.vfd-screen-frame::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, transparent 40%);
}

.vfd-screen {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 85px;
  gap: 8px;
}

.vfd-col {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
  background: rgba(0, 245, 160, 0.06);
  border-radius: 3px;
  padding: 2px;
}

.vfd-bar {
  width: 100%;
  height: 40%;
  background: linear-gradient(0deg, #00f5a0 0%, #00f2fe 65%, #ffcc00 85%, #ff3300 100%);
  box-shadow: 0 0 10px #00f5a0, 0 0 20px rgba(0, 245, 160, 0.4);
  border-radius: 2px;
  transition: height 0.08s ease-out;
}

.vfd-frequency-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-family: var(--font-meter);
  font-size: 0.62rem;
  color: rgba(0, 245, 160, 0.85);
  font-weight: 700;
}

.analyzer-badge {
  font-family: var(--font-meter);
  font-size: 0.7rem;
  color: var(--vfd-green);
  letter-spacing: 1.5px;
  font-weight: 800;
}

/* ==========================================================================
   TIER 2: PRECISION ALUMINUM NAB REELS & 3D 12AX7 VACUUM TUBE PREAMP
   ========================================================================== */
.tier-tubes-reels {
  display: grid;
  grid-template-columns: 210px 1fr 210px;
  align-items: center;
  gap: 20px;
}

@media (max-width: 1024px) {
  .tier-tubes-reels { grid-template-columns: 1fr; }
}

/* --- RECESSED TURNTABLE WELL & REEL HOUSING --- */
.tape-reel-housing {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.reel-well-recess {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, #0e0804 0%, #050302 70%, #1a1009 100%);
  border: 5px solid #2e1c11;
  box-shadow: 
    inset 0 18px 35px rgba(0, 0, 0, 0.98),
    inset 0 3px 6px #000,
    0 10px 30px rgba(0, 0, 0, 0.95),
    0 1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Guide Roller Post */
.guide-roller-post {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #ffffff 0%, #a4b0bd 50%, #2f363d 100%);
  border: 1px solid #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.9);
  z-index: 6;
}
.guide-roller-post.roller-left { right: -6px; top: 50%; transform: translateY(-50%); }
.guide-roller-post.roller-right { left: -6px; top: 50%; transform: translateY(-50%); }

/* Visible Wound Dark Ferric Oxide Magnetic Tape Pack */
.wound-tape-pack {
  position: absolute;
  border-radius: 50%;
  background: 
    repeating-radial-gradient(circle, #442012 0px, #221008 2px, #4d2415 4px);
  box-shadow: 
    inset 0 0 20px rgba(0, 0, 0, 0.95),
    0 6px 16px rgba(0, 0, 0, 0.9);
  z-index: 1;
}

.wound-tape-pack.tape-supply {
  width: 174px;
  height: 174px;
}

.wound-tape-pack.tape-takeup {
  width: 126px;
  height: 126px;
}

.tape-specular-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: 
    radial-gradient(circle at 35% 25%, rgba(255, 200, 150, 0.28) 0%, transparent 55%),
    conic-gradient(from 45deg, transparent 0deg, rgba(255, 180, 100, 0.15) 60deg, transparent 120deg);
  pointer-events: none;
}

/* Anisotropic Brushed Aluminum Reel Flange */
.spool-flange {
  width: 184px;
  height: 184px;
  border-radius: 50%;
  background: 
    conic-gradient(from 0deg, 
      #6c747f 0deg, 
      #b0bac6 45deg, 
      #444b54 90deg, 
      #c7d2e0 135deg, 
      #535a64 180deg, 
      #b0bac6 225deg, 
      #3d434b 270deg, 
      #d3dde9 315deg, 
      #6c747f 360deg
    );
  border: 4px solid #ccd5e0;
  box-shadow: 
    0 12px 30px rgba(0, 0, 0, 0.95),
    inset 0 3px 4px rgba(255, 255, 255, 0.9),
    inset 0 -3px 4px rgba(0, 0, 0, 0.8);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.spool-flange.spinning {
  animation: reelRotate 2.4s linear infinite;
}
.spool-flange.paused { animation-play-state: paused; }
.spool-flange.fast { animation-duration: 0.6s; }

@keyframes reelRotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* 3 Precision Cutout Slots showing tape underneath with beveled inner shadows */
.spool-slot {
  position: absolute;
  width: 32px;
  height: 58px;
  background: transparent;
  border-radius: 16px;
  box-shadow: 
    inset 0 5px 8px rgba(0, 0, 0, 0.9),
    0 1px 2px rgba(255, 255, 255, 0.6);
  border: 2px solid #5a6470;
  z-index: 3;
}

.slot-1 { transform: rotate(0deg) translateY(-48px); }
.slot-2 { transform: rotate(120deg) translateY(-48px); }
.slot-3 { transform: rotate(240deg) translateY(-48px); }

/* Machined 3D NAB Hub Adapter with Claws & Knurling */
.nab-adapter-hub {
  position: relative;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.85));
}

.nab-knurled-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: 
    repeating-conic-gradient(rgba(0,0,0,0.4) 0deg 3deg, transparent 3deg 6deg),
    radial-gradient(circle, #e6b866 0%, #a87926 70%, #47300a 100%);
  border: 2px solid #fff;
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.8), 0 3px 8px rgba(0, 0, 0, 0.8);
}

.nab-cam-claw {
  position: absolute;
  width: 10px;
  height: 14px;
  background: #14100c;
  border: 1px solid #8f7247;
  border-radius: 2px;
  z-index: 2;
}
.claw-1 { transform: rotate(0deg) translateY(-28px); }
.claw-2 { transform: rotate(120deg) translateY(-28px); }
.claw-3 { transform: rotate(240deg) translateY(-28px); }

.nab-center-disc {
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #ffffff 0%, #ffd480 40%, #8c5b11 90%);
  border: 2px solid #332008;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 3;
}

.nab-text {
  font-family: var(--font-meter);
  font-size: 0.68rem;
  font-weight: 900;
  color: #120904;
  line-height: 1;
}

.nab-sub {
  font-family: var(--font-meter);
  font-size: 0.52rem;
  font-weight: 800;
  color: #382008;
}

.nab-center-spindle {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #fff 0%, #76818f 60%, #151a1f 100%);
  border: 1px solid #000;
  z-index: 4;
}

.reel-chassis-legend {
  background: #0d0804;
  border: 1px solid #382414;
  border-radius: 3px;
  padding: 3px 10px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.9);
}

.spool-legend {
  font-family: var(--font-meter);
  font-size: 0.68rem;
  color: var(--amber-bright);
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* ==========================================================================
   3D CLASS-A 12AX7 VACUUM TUBE PREAMP BAY (MIRRORED DECK & BULB ANATOMY)
   ========================================================================== */
.vacuum-preamp-bay {
  background: 
    linear-gradient(180deg, #110905 0%, #080402 100%);
  border: 3px solid #3d2516;
  border-radius: 8px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 
    inset 0 10px 24px rgba(0, 0, 0, 0.95),
    0 10px 24px rgba(0, 0, 0, 0.9);
  position: relative;
}

.preamp-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  border-bottom: 1px solid #2b180d;
  padding-bottom: 8px;
}

.preamp-title-group {
  display: flex;
  align-items: center;
  gap: 8px;
}

.preamp-brand-led {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff5500;
  box-shadow: 0 0 8px #ff4500, 0 0 16px #ff7700;
  animation: ledPulse 2s infinite alternate;
}

@keyframes ledPulse {
  0% { opacity: 0.7; }
  100% { opacity: 1; }
}

.preamp-title {
  font-family: var(--font-meter);
  font-size: 0.72rem;
  font-weight: 800;
  color: #ded6c8;
  letter-spacing: 1px;
}

.heat-badge {
  font-family: var(--font-meter);
  font-size: 0.65rem;
  background: rgba(255, 69, 0, 0.22);
  color: #ff9933;
  padding: 2px 8px;
  border-radius: 3px;
  border: 1px solid rgba(255, 120, 30, 0.6);
  box-shadow: 0 0 8px rgba(255, 100, 20, 0.3);
  font-weight: 700;
}

/* Mirrored Chassis Deck */
.tubes-chassis-deck {
  position: relative;
  background: 
    linear-gradient(180deg, #070402 0%, #170d06 60%, #29170c 100%);
  border: 2px solid #331f13;
  border-radius: 6px;
  padding: 18px 12px 10px;
  box-shadow: 
    inset 0 12px 24px rgba(0, 0, 0, 0.98),
    0 4px 12px rgba(0, 0, 0, 0.85);
  overflow: hidden;
}

.tubes-ambient-underglow {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 50px;
  background: radial-gradient(ellipse at 50% 100%, rgba(255, 110, 20, 0.35) 0%, transparent 75%);
  pointer-events: none;
}

.tubes-cage {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  position: relative;
  z-index: 2;
}

/* Individual Vacuum Tube Unit */
.vacuum-tube-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

/* 3D Glass Bulb Envelope with Anode Structure Inside */
.tube-glass-envelope {
  width: 50px;
  height: 96px;
  border-radius: 25px 25px 8px 8px;
  background: 
    radial-gradient(ellipse at 50% 65%, rgba(255, 130, 20, 0.4) 0%, rgba(255, 80, 0, 0.18) 50%, rgba(15, 8, 4, 0.7) 100%),
    linear-gradient(180deg, 
      rgba(255, 255, 255, 0.35) 0%, 
      rgba(255, 150, 40, 0.15) 40%, 
      rgba(15, 8, 4, 0.6) 100%
    );
  border: 2px solid rgba(255, 255, 255, 0.4);
  position: relative;
  box-shadow: 
    0 0 28px rgba(255, 120, 20, 0.65),
    0 0 55px rgba(255, 60, 0, 0.35),
    inset 0 0 20px rgba(255, 140, 30, 0.35);
  overflow: hidden;
}

/* Silver Getter Mirror at Dome */
.tube-getter-mirror {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 24px;
  border-radius: 22px 22px 0 0;
  background: 
    radial-gradient(ellipse at 50% 15%, #ffffff 0%, #cfd7de 30%, #767e88 65%, rgba(35, 40, 45, 0.9) 85%, transparent 100%);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
  z-index: 3;
}

/* Mica Spacer Discs */
.mica-spacer {
  position: absolute;
  left: 3px; right: 3px;
  height: 4px;
  background: rgba(220, 225, 230, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 2px;
  z-index: 2;
}
.mica-top { top: 25px; }
.mica-bottom { bottom: 12px; }

/* Internal Carbonized Grey Nickel Anode Plate Boxes */
.anode-plate-assembly {
  position: absolute;
  top: 28px; bottom: 16px;
  left: 6px; right: 6px;
  background: linear-gradient(90deg, #1b1e22 0%, #353a42 30%, #4a515c 50%, #202428 85%, #14171a 100%);
  border-radius: 3px;
  border: 1px solid #5a6370;
  box-shadow: 
    inset 0 0 8px rgba(0, 0, 0, 0.95),
    0 2px 6px rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 2px;
  overflow: hidden;
}

.anode-plate {
  flex: 1;
  height: 90%;
  margin: 0 1px;
  background: #25292f;
  border: 1px solid #444b54;
  border-radius: 2px;
  position: relative;
}

.anode-cooling-ribs {
  position: absolute;
  inset: 4px;
  background: repeating-linear-gradient(0deg, #1c1f24 0px, #1c1f24 2px, #2e343b 3px);
  border-radius: 1px;
}

.anode-vent-slot {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 18px;
  background: #0d0f12;
  border-radius: 2px;
}

/* Incandescent Tungsten Filament Core */
.tungsten-filament-core {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 5px;
  height: 38px;
  background: linear-gradient(180deg, #ffcc44 0%, #ffffff 25%, #ffffff 75%, #ff9922 100%);
  border-radius: 3px;
  box-shadow: 
    0 0 6px #ffffff,
    0 0 14px #ffaa00,
    0 0 28px #ff4500,
    0 0 45px rgba(255, 60, 0, 0.9);
  animation: filamentIntenseHeat 2.8s infinite alternate ease-in-out;
  z-index: 4;
}

@keyframes filamentIntenseHeat {
  0% { 
    opacity: 0.85; 
    box-shadow: 0 0 5px #fff, 0 0 12px #ffaa00, 0 0 24px #ff4500;
  }
  50% {
    opacity: 0.95;
    box-shadow: 0 0 7px #fff, 0 0 18px #ffbb11, 0 0 35px #ff5500;
  }
  100% { 
    opacity: 1; 
    box-shadow: 0 0 8px #fff, 0 0 20px #ffcc22, 0 0 40px #ff3300;
  }
}

/* Glass Specular Reflection Highlights (The 3D Glass Look!) */
.glass-reflection-rim-left {
  position: absolute;
  top: 0; bottom: 0; left: 1px;
  width: 5px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.15) 60%, transparent 100%);
  border-radius: 24px 0 0 8px;
  pointer-events: none;
  z-index: 5;
}

.glass-reflection-rim-right {
  position: absolute;
  top: 0; bottom: 0; right: 1px;
  width: 4px;
  background: linear-gradient(270deg, rgba(255, 170, 60, 0.5) 0%, transparent 100%);
  border-radius: 0 24px 8px 0;
  pointer-events: none;
  z-index: 5;
}

.glass-dome-glare {
  position: absolute;
  top: 2px; left: 12px;
  width: 14px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.7);
  filter: blur(1px);
  pointer-events: none;
  z-index: 6;
}

/* Mirror reflection on the chassis deck */
.tube-deck-reflection {
  width: 38px;
  height: 10px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(255, 110, 20, 0.45) 0%, transparent 75%);
  filter: blur(2px);
  margin-top: -2px;
  z-index: 1;
}

/* Ceramic Socket with Chrome Retention Bezel */
.tube-chassis-socket {
  position: relative;
  width: 44px;
  height: 16px;
  margin-top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.socket-chrome-ring {
  position: absolute;
  inset: 0;
  border-radius: 4px;
  background: linear-gradient(180deg, #e1e7ee 0%, #7d8794 50%, #2b3036 100%);
  border: 1px solid #9aa5b2;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.9), inset 0 1px 1px #fff;
}

.socket-ceramic-body {
  position: relative;
  width: 36px;
  height: 10px;
  background: #100b07;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: inset 0 1px 3px #000;
}

.socket-pin-label {
  font-family: var(--font-meter);
  font-size: 0.6rem;
  font-weight: 800;
  color: #ff9933;
  letter-spacing: 1px;
}

/* Recessed Digital Tape Counter */
.counter-assembly {
  margin-top: 14px;
}

.counter-bezel-recess {
  background: #040201;
  border: 2px solid #331f13;
  padding: 8px 16px;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 
    inset 0 6px 14px rgba(0, 0, 0, 0.98),
    inset 0 1px 2px #000,
    0 2px 5px rgba(0, 0, 0, 0.7);
}

.counter-tag {
  font-family: var(--font-meter);
  font-size: 0.68rem;
  color: #8c7760;
  font-weight: 700;
  letter-spacing: 1px;
}

.counter-digits-housing {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

.counter-digits {
  font-family: var(--font-meter);
  font-size: 1.4rem;
  color: #ff9922;
  font-weight: 900;
  letter-spacing: 3px;
  text-shadow: 0 0 12px rgba(255, 150, 30, 0.8), 0 0 24px rgba(255, 100, 0, 0.5);
}

.counter-mode {
  font-family: var(--font-meter);
  font-size: 0.62rem;
  color: var(--amber-bright);
  font-weight: 700;
  background: rgba(255, 153, 36, 0.15);
  padding: 2px 6px;
  border-radius: 2px;
  border: 1px solid rgba(255, 153, 36, 0.4);
}

/* TIER 3: TUNER */
.tier-tuner { background: #0c0704; }

.tuner-glass-housing {
  position: relative;
  background: radial-gradient(circle at 50% 50%, rgba(255, 153, 36, 0.12) 0%, #060403 100%);
  border: 2px solid #4a3020;
  border-radius: 6px;
  padding: 16px 20px;
  margin-bottom: 14px;
  overflow: hidden;
}

.drum-major-ticks {
  display: flex;
  justify-content: space-between;
  font-family: var(--font-meter);
  font-size: 0.92rem;
  color: var(--cream);
  padding-bottom: 8px;
  border-bottom: 2px dashed rgba(255, 153, 36, 0.35);
}

.beacon-freq {
  color: var(--amber);
  font-weight: 900;
  text-shadow: 0 0 10px var(--amber);
}

.tuner-station-callout {
  margin-top: 6px;
  font-family: var(--font-meter);
  font-size: 0.78rem;
  color: var(--amber-bright);
  text-align: right;
}

.frequency-needle-line {
  position: absolute;
  top: 0; bottom: 0;
  width: 2px;
  pointer-events: none;
  z-index: 5;
  transition: left 0.15s ease-out;
}

.needle-body {
  width: 2px;
  height: 100%;
  background: #ff3300;
  box-shadow: 0 0 10px #ff3300;
}

.tuner-interact-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.heavy-slider {
  flex: 1;
  min-width: 260px;
  accent-color: var(--amber);
  cursor: pointer;
}

.preset-pill-group {
  display: flex;
  gap: 8px;
}

.pill-preset {
  background: #1c120a;
  border: 1px solid #422917;
  color: var(--dim-ink);
  font-family: var(--font-meter);
  font-size: 0.75rem;
  padding: 6px 12px;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
}

.pill-preset:hover, .pill-preset.active {
  border-color: var(--amber);
  color: var(--amber-bright);
  background: rgba(255, 153, 36, 0.15);
}

/* TIER 4: TRANSPORT */
.tier-transport {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.piano-transport-keys {
  display: flex;
  gap: 8px;
}

.piano-key {
  background: linear-gradient(180deg, #444c57, #242930);
  border: 2px solid #5e6875;
  color: #fff;
  font-family: var(--font-meter);
  font-size: 0.8rem;
  font-weight: 700;
  padding: 10px 18px;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0 4px 0 #111317;
  transition: all 0.1s ease;
}

.piano-key:active {
  transform: translateY(3px);
  box-shadow: 0 1px 0 #111317;
}

.piano-key.key-play.active {
  background: linear-gradient(180deg, var(--amber), #b36b00);
  color: #120904;
  border-color: #fff;
}

.rack-toggles-cluster {
  display: flex;
  gap: 24px;
}

.toggle-unit {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.toggle-unit input { display: none; }

.toggle-switch {
  width: 32px;
  height: 18px;
  background: #2b180d;
  border: 1px solid var(--amber);
  border-radius: 9px;
  position: relative;
  transition: background 0.2s;
}

.toggle-switch::after {
  content: '';
  position: absolute;
  top: 2px; left: 2px;
  width: 12px; height: 12px;
  border-radius: 50%;
  background: #bdc3c7;
  transition: transform 0.2s;
}

.toggle-unit input:checked + .toggle-switch { background: var(--amber); }

.toggle-unit input:checked + .toggle-switch::after {
  transform: translateX(14px);
  background: #fff;
}

.toggle-lbl {
  font-family: var(--font-meter);
  font-size: 0.75rem;
  color: #d6cebf;
}

/* ==========================================================================
   LOGBOOK SECTION
   ========================================================================== */
.broadcast-logbook-section { padding: 50px 0; }

.section-title-wrap {
  text-align: center;
  margin-bottom: 36px;
}

.section-tag-gold {
  font-family: var(--font-meter);
  font-size: 0.82rem;
  color: var(--amber-bright);
  letter-spacing: 2px;
  display: block;
  margin-bottom: 8px;
}

.section-heading {
  font-family: var(--font-serif);
  font-size: clamp(2.2rem, 4.5vw, 3.4rem);
  font-style: italic;
  letter-spacing: -0.5px;
}

.logbook-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}

.log-card {
  background: linear-gradient(180deg, #241810 0%, #150d08 100%);
  border: 1px solid #4a3020;
  border-radius: 6px;
  padding: 28px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.7);
  transition: transform 0.2s, border-color 0.2s;
}

.log-card:hover {
  transform: translateY(-4px);
  border-color: var(--amber);
}

.log-card.card-spotlight {
  background: linear-gradient(180deg, rgba(255, 153, 36, 0.12) 0%, #180e09 100%);
  border-color: rgba(255, 153, 36, 0.45);
}

.log-stamp {
  font-family: var(--font-meter);
  font-size: 0.75rem;
  color: var(--dim-ink);
  margin-bottom: 10px;
}

.log-h {
  font-family: var(--font-tech);
  font-size: 1.3rem;
  font-weight: 800;
  margin-bottom: 8px;
}

.log-p {
  font-size: 0.95rem;
  color: var(--dim-ink);
  line-height: 1.6;
}

/* ==========================================================================
   TOKENOMICS SECTION
   ========================================================================== */
.wave-tokenomics-section { padding: 50px 0; }

.specs-audio-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}

.audio-spec-card {
  background: linear-gradient(180deg, #241810 0%, #150d08 100%);
  border: 1px solid #4a3020;
  border-radius: 6px;
  padding: 26px;
  border-left: 4px solid var(--amber);
}

.spec-val {
  font-family: var(--font-meter);
  font-size: 2.2rem;
  font-weight: 900;
  display: block;
  margin-bottom: 6px;
  line-height: 1;
}

.spec-label {
  font-family: var(--font-meter);
  font-size: 0.75rem;
  color: var(--cream);
  letter-spacing: 1px;
  display: block;
  margin-bottom: 8px;
}

.spec-note {
  font-size: 0.9rem;
  color: var(--dim-ink);
  line-height: 1.5;
}

.text-gold { color: #f1c40f; }
.text-red { color: #e74c3c; }
.text-cream { color: var(--cream); }

/* ==========================================================================
   CTA SECTION
   ========================================================================== */
.broadcast-cta-section { padding: 40px 0 60px; }

.cta-rack-chassis {
  background: radial-gradient(circle at 30% 50%, #3a1e11 0%, #170d07 100%);
  border: 4px solid #4a2d18;
  border-radius: 10px;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
}

.cta-left { max-width: 600px; }

.cta-tape-label {
  font-family: var(--font-meter);
  font-size: 0.8rem;
  color: var(--amber);
  margin-bottom: 8px;
  display: block;
}

.cta-headline {
  font-family: var(--font-serif);
  font-size: clamp(2rem, 4vw, 3rem);
  font-style: italic;
  margin-bottom: 10px;
}

.cta-desc {
  color: var(--dim-ink);
  font-size: 1.05rem;
}

.cta-right {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.btn-x-brass {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #ffffff;
  color: #120904;
  font-family: var(--font-meter);
  font-size: 0.95rem;
  font-weight: 900;
  padding: 12px 22px;
  border-radius: 4px;
  text-decoration: none;
  box-shadow: 0 4px 0 #999;
}

.btn-listen-amber {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--amber);
  color: #120904;
  font-family: var(--font-meter);
  font-size: 0.95rem;
  font-weight: 900;
  padding: 12px 22px;
  border-radius: 4px;
  text-decoration: none;
  box-shadow: 0 4px 0 #b36b00;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.studio-bottom-footer {
  background: #050302;
  border-top: 2px solid #23140b;
  padding: 30px 0;
}

.footer-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.f-brand {
  font-family: var(--font-meter);
  font-size: 0.85rem;
  display: block;
  margin-bottom: 4px;
}

.f-copy {
  font-size: 0.8rem;
  color: var(--dim-ink);
}

.f-links { display: flex; gap: 20px; }

.f-links a {
  color: var(--dim-ink);
  text-decoration: none;
  font-family: var(--font-meter);
  font-size: 0.8rem;
}

.f-links a:hover { color: var(--amber); }

/* Toast */
.hifi-toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  background: #1c120a;
  border: 2px solid var(--amber);
  color: #fff;
  padding: 12px 20px;
  border-radius: 4px;
  font-family: var(--font-meter);
  font-size: 0.9rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.7);
  pointer-events: none;
  opacity: 0;
  transform: translateY(12px);
  transition: all 0.25s ease;
  z-index: 9999;
}

.hifi-toast.show { opacity: 1; transform: translateY(0); }