/**
 * Retro Videos — "retro" variant
 *
 * Cream paper store wall; videos are wood-paneled console TVs. The cabinet
 * reuses the crate/floor wood treatment (brand-mixed wood + plank grain), the
 * screen is a black CRT bezel, and the control strip carries a brand power LED
 * and two dials. The title is a display-font ink caption on the paper.
 *
 * CONTRAST: titles/headings are ink on paper. The brand shows through the wood
 * (brand-derived, dark-anchored), the power LED, the dial rims, and the title's
 * double-print shadow. No body text on a raw --template fill — legible at any
 * brand color (checked #ffffff and #111111).
 */

.retro-videos[data-variant="retro"] {
  --r-paper:    #f3ecdb;
  --r-ink:      #2a2018;
  --r-deep:     color-mix(in srgb, var(--template) 40%, #160f06);
  --r-wood:     color-mix(in srgb, var(--template) 34%, #2a1c0c);
  --r-wood-lit: color-mix(in srgb, var(--template) 44%, #3a2812);

  color: var(--r-ink);
  background-color: var(--r-paper);
  background-image: repeating-linear-gradient(90deg, rgba(0,0,0,0.012) 0 1px, transparent 1px 4px);
}

/* ───────────────────────────────────────────────────────── HEADER */

.retro-videos[data-variant="retro"] .retro-videos__kicker {
  color: var(--r-deep);
}

.retro-videos[data-variant="retro"] .retro-videos__title-h {
  color: var(--r-ink);
  text-shadow: 3px 3px 0 var(--template),
               4px 4px 0 var(--r-deep);
}

/* ───────────────────────────────────────────────────── CABINET */

/* wood console — same planks as the hero crate / floor, dark-anchored so it
   stays legible behind the screen at any brand color */
.retro-videos[data-variant="retro"] .retro-videos__cabinet {
  background-color: var(--r-wood-lit);
  background-image:
    repeating-linear-gradient(90deg, rgba(0,0,0,0.18) 0 2px, transparent 2px 9px),
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(0,0,0,0.28));
  border: 2px solid color-mix(in srgb, var(--template) 45%, #000);
  box-shadow: 0 6px 14px rgba(20, 12, 4, 0.18),
              inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* CRT bezel — black screen surround, recessed */
.retro-videos[data-variant="retro"] .retro-videos__screen {
  background-color: #0d0d0d;
  box-shadow: inset 0 0 0 3px #0d0d0d,
              inset 0 2px 10px rgba(0, 0, 0, 0.6);
}

/* power LED — solid brand dot (no glow; glows read "tech") */
.retro-videos[data-variant="retro"] .retro-videos__led {
  background-color: var(--template);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
}

/* dials — brushed metal knobs with a brand rim + a notch */
.retro-videos[data-variant="retro"] .retro-videos__dial {
  background:
    linear-gradient(145deg, #d8d2c4, #8a8478);
  border: 1.5px solid color-mix(in srgb, var(--template) 50%, #000);
  position: relative;
}

.retro-videos[data-variant="retro"] .retro-videos__dial::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5px;
  height: 45%;
  background-color: #2a2018;
  transform: translate(-50%, -90%);
  border-radius: 1px;
}

/* ───────────────────────────────────────────────────────── CAPTION */

.retro-videos[data-variant="retro"] .retro-videos__title {
  color: var(--r-ink);
}