/* Reality Show page — one season per holiday (Chanukah car menorah tour first).
 * A deliberate departure from the grey global system: a night stage lit by
 * candlelight. The candle meter in the hero is the one bright focal point;
 * everything else stays quiet. Scoped to .glow-page; text on amber stays dark.
 *
 * Order follows the page: tokens, base, shared parts (type, buttons, panels),
 * then each section top to bottom, then responsive rules.
 */

/* ---------- Tokens + base ---------- */
.glow-page {
  --ink: #ffffff;
  --muted: #a3a3ad;
  --line: rgb(255 255 255 / .1);
  --night: #07070a;
  --surface: rgb(255 255 255 / .04);
  --accent: #d4af37;      /* metallic gold: the show colour */
  --gold-hi: #f3dc8a;     /* top of gold gradients */
  --gold-deep: #a8841f;   /* bottom of gold gradients */
  --flame: #ff8a1f;       /* candle flames only */
  --live: #e50914;        /* LIVE / tonight cue only */
  --amber-line: rgb(212 175 55 / .3);
  --serif: "Playfair Display", Georgia, serif;
  --gutter: max(16px, calc((100% - 1120px) / 2));
  --radius: 8px;
  --space: clamp(40px, 6vw, 80px);

  min-height: 100vh;
  padding: 0 var(--gutter) 64px;
  overflow-x: clip;
  color: var(--ink);
  background:
    radial-gradient(ellipse 60% 40% at 25% 0%, rgb(212 175 55 / .18), transparent 70%),
    linear-gradient(180deg, #0f0e0b 0%, var(--night) 40%);
  -webkit-font-smoothing: antialiased;
}

.glow-page * { box-sizing: border-box; }
.glow-page img { display: block; max-width: 100%; height: auto; }
.glow-page a { color: inherit; }
.glow-page h1,
.glow-page h2 { color: var(--ink); margin: 0; }
.glow-page p { margin: 0; }
.glow-page [hidden] { display: none; }

/* ---------- Shared type ---------- */
.glow-kicker,
.glow-page .glow-label {
  color: var(--accent);
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.glow-kicker a { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgb(212 175 55 / .5); }

.glow-page h2:not(.glow-label) { font: 700 clamp(30px, 4.5vw, 44px)/1.08 var(--serif); letter-spacing: -.02em; }

.glow-muted { color: var(--muted); font-size: 15px; line-height: 1.6; }
.glow-muted strong { color: var(--ink); }
.glow-muted a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--amber-line); }
.glow-muted a:hover { text-decoration-color: var(--accent); }

/* ---------- Buttons ---------- */
.glow-actions { display: flex; flex-wrap: wrap; gap: 10px; }

.glow-page .glow-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border: 1px solid rgb(243 220 138 / .6);
  border-radius: var(--radius);
  color: var(--night);
  background: linear-gradient(180deg, var(--gold-hi), var(--accent) 50%, var(--gold-deep));
  box-shadow: 0 8px 24px -8px rgb(212 175 55 / .45);
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease;
}
.glow-page .glow-btn svg { width: 18px; height: 18px; margin-right: 8px; flex: none; }
.glow-page .glow-btn--play { min-height: 54px; padding: 0 28px 0 24px; font-size: 16px; }
.glow-page .glow-btn--ghost { color: var(--ink); background: var(--surface); border-color: var(--line); box-shadow: none; }
.glow-page .glow-btn--small { min-height: 36px; padding: 0 16px; flex: none; }
.glow-btn:hover { transform: translateY(-1px); }
.glow-page .glow-btn--ghost:hover { border-color: var(--accent); }
.glow-btn:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }

/* ---------- Sections + panels ---------- */
.glow-section { display: grid; gap: 20px; padding: var(--space) 0 0; }

/* The craft sits in one lit panel: heading left, content right. */
.glow-panel {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: start;
  margin-top: var(--space);
  padding: clamp(28px, 4.5vw, 52px);
  border: 1px solid var(--amber-line);
  border-radius: var(--radius);
  background: radial-gradient(ellipse 80% 60% at 100% 0%, rgb(212 175 55 / .14), transparent 70%), var(--surface);
}
.glow-panel__head,
.glow-panel__body { display: grid; gap: 18px; align-content: start; }
.glow-panel__head .glow-muted { max-width: 46ch; }

/* ---------- QR welcome bar ---------- */
.glow-found {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin: 0 calc(-1 * var(--gutter));
  padding: 12px var(--gutter);
  color: var(--night);
  background: linear-gradient(90deg, var(--accent), var(--gold-deep));
}
.glow-page .glow-found .glow-btn { color: var(--ink); background: var(--night); border-color: var(--night); }

/* ---------- Hero ---------- */
.glow-hero {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: center;
  padding-top: clamp(32px, 6vw, 80px);
}
.glow-hero__figure { position: relative; margin: 0; }
.glow-hero__image {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: var(--radius);
  box-shadow: 0 0 80px rgb(212 175 55 / .16), 0 30px 60px -24px rgb(0 0 0 / .8);
}
.glow-hero__copy { display: grid; gap: 22px; justify-items: start; }
.glow-page h1 {
  font: 700 clamp(56px, 9vw, 112px)/.9 var(--serif);
  letter-spacing: -.035em;
  background: linear-gradient(175deg, #ffffff 20%, var(--accent) 65%, var(--gold-deep) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.glow-hero__line { max-width: 30ch; font-size: clamp(19px, 2.2vw, 24px); line-height: 1.45; opacity: .88; }

/* Show info line under the title: year, season, nights, region, rating-style tag. */
.glow-meta { display: flex; flex-wrap: wrap; gap: 6px 0; align-items: center; margin: -6px 0 0; padding: 0; list-style: none; color: var(--muted); font-size: 14px; font-weight: 600; }
.glow-meta li:not(:last-child):not(:nth-last-child(2))::after { content: "·"; margin: 0 10px; color: var(--amber-line); }
.glow-meta li:first-child { color: var(--accent); }
.glow-meta__tag { margin-left: 14px; padding: 2px 8px; border: 1px solid var(--muted); border-radius: var(--radius); font-size: 12px; letter-spacing: .04em; }
.glow-hero__actions { margin-top: 4px; }

/* Season candles: 8 nights + shamash, laid out like the menorah and sat above the
 * title as its emblem. Each night's flame takes that night's LED colour (--c, set in
 * JS). Lit flames ignite in lighting order on load (--i), then flicker gently, each
 * on its own beat so they never move in sync. */
.glow-candles { display: flex; gap: clamp(10px, 2vw, 18px); align-items: flex-end; margin: 0 0 4px; padding: 0; list-style: none; }
.glow-candle { --c: var(--flame); display: grid; justify-items: center; gap: 6px; }
.glow-candle i { width: clamp(12px, 2vw, 16px); height: clamp(40px, 6vw, 60px); border-radius: 3px; background: rgb(255 255 255 / .1); }
.glow-candle--shamash i { height: clamp(54px, 8vw, 80px); }
.glow-candle b { width: 11px; height: 16px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; background: rgb(255 255 255 / .07); transform-origin: 50% 100%; }
.glow-candle.is-lit i { background: linear-gradient(180deg, color-mix(in srgb, var(--c) 45%, #fff 20%), rgb(255 255 255 / .14)); }
.glow-candle.is-lit b {
  background: radial-gradient(ellipse at 50% 72%, #fff 0 22%, var(--c) 60%, color-mix(in srgb, var(--c) 60%, transparent) 100%);
  box-shadow: 0 0 16px 3px color-mix(in srgb, var(--c) 55%, transparent);
  animation:
    glow-ignite .5s cubic-bezier(.3, 1.6, .5, 1) calc(var(--i, 0) * 140ms + 200ms) both,
    glow-flicker calc(2.4s + var(--i, 0) * 170ms) ease-in-out calc(var(--i, 0) * -390ms) infinite;
}
@keyframes glow-ignite { from { opacity: 0; transform: scale(.2, .1); } }
/* The shamash keeps its own, softer candlelight: a slow sway plus a breathing halo,
   with an uneven beat so the loop never reads as mechanical. */
.glow-candle--shamash.is-lit b {
  animation:
    glow-ignite .5s cubic-bezier(.3, 1.6, .5, 1) .2s both,
    glow-shamash 2.6s ease-in-out .7s infinite;
}
@keyframes glow-shamash {
  0%, 100% { transform: scale(1) rotate(0); opacity: 1; box-shadow: 0 0 18px 4px color-mix(in srgb, var(--c) 60%, transparent); }
  12% { transform: scale(.88, 1.14) rotate(-4deg); }
  24% { transform: scale(1.06, .9) rotate(3deg); opacity: .78; box-shadow: 0 0 10px 1px color-mix(in srgb, var(--c) 40%, transparent); }
  38% { transform: scale(.92, 1.18) rotate(-2.5deg); opacity: 1; box-shadow: 0 0 30px 8px color-mix(in srgb, var(--c) 75%, transparent); }
  44% { transform: scale(1.04, .86) rotate(2deg); opacity: .7; }
  58% { transform: scale(.95, 1.1) rotate(3.5deg); opacity: .95; box-shadow: 0 0 24px 6px color-mix(in srgb, var(--c) 68%, transparent); }
  72% { transform: scale(1.03, .94) rotate(-3deg); opacity: .85; }
  86% { transform: scale(.97, 1.08) rotate(1.5deg); opacity: 1; box-shadow: 0 0 20px 5px color-mix(in srgb, var(--c) 62%, transparent); }
}
@keyframes glow-flicker {
  0%, 100% { transform: scale(1) rotate(0); }
  30% { transform: scale(.93, 1.06) rotate(-2deg); }
  55% { transform: scale(1.03, .97) rotate(1.5deg); opacity: .92; }
  80% { transform: scale(.97, 1.03) rotate(-.5deg); }
}

.glow-status {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 9px 16px;
  border: 1px solid rgb(212 175 55 / .35);
  border-radius: var(--radius);
  background: rgb(212 175 55 / .1);
  font-size: 14px;
  font-weight: 600;
}
.glow-status::before {
  content: "";
  flex: none;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--live);
  box-shadow: 0 0 14px var(--live);
  animation: glow-pulse 1.8s ease-in-out infinite;
}
@keyframes glow-pulse { 50% { opacity: .4; transform: scale(.8); } }

/* Photo plates. */
.glow-plate { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; }
.glow-hero__figure .glow-plate { position: absolute; left: 16px; bottom: 16px; padding: 7px 14px 7px 7px; border: 1px solid rgb(212 175 55 / .45); border-radius: var(--radius); background: rgb(7 7 10 / .72); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.glow-ask__answer { display: block; margin-top: 8px; color: var(--muted); font-size: 15px; }

/* ---------- Episode row ----------
 * The whole season in one sideways row, streaming-app style: 16:9 thumb with the
 * night number, a badge (Live tonight / Premieres / New), then title and stop. */
.glow-episodes {
  position: relative;
  display: grid; grid-auto-flow: column; grid-auto-columns: minmax(230px, 23%);
  gap: 14px; margin: 0 calc(-1 * var(--gutter)); padding: 4px var(--gutter) 12px;
  list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 var(--gutter);
  scrollbar-width: thin; scrollbar-color: var(--amber-line) transparent;
}
.glow-ep { --c: var(--accent); position: relative; display: grid; gap: 6px; align-content: start; scroll-snap-align: start; }
.glow-ep__thumb {
  position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; margin-bottom: 6px; overflow: hidden;
  border: 1px solid var(--line); border-radius: var(--radius);
  background: radial-gradient(ellipse 70% 80% at 50% 110%, color-mix(in srgb, var(--c) 30%, transparent), transparent 70%), #111114 center / cover no-repeat;
  transition: border-color .2s, transform .2s;
}
.glow-ep__n { font: 700 clamp(48px, 5vw, 64px)/1 var(--serif); color: rgb(255 255 255 / .18); }
.glow-ep__icon { position: absolute; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgb(7 7 10 / .6); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); color: var(--ink); }
.glow-ep__icon svg { width: 20px; height: 20px; }
.glow-ep.has-reel .glow-ep__icon { background: var(--accent); color: var(--night); }
.glow-ep--upcoming .glow-ep__icon { width: 34px; height: 34px; right: 10px; bottom: 10px; color: var(--muted); }
.glow-ep--upcoming .glow-ep__icon svg { width: 16px; height: 16px; }
.glow-ep__badge {
  position: absolute; top: 10px; left: 10px;
  padding: 3px 9px; border-radius: var(--radius);
  color: var(--night); background: var(--accent);
  font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
}
.glow-ep--upcoming .glow-ep__badge { color: var(--ink); background: rgb(7 7 10 / .7); }
.glow-ep__num { color: var(--accent); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.glow-ep__title { font: 700 19px/1.2 var(--serif); }
.glow-ep__where { color: var(--muted); font-size: 14px; }
.glow-ep__link { position: absolute; inset: 0; border-radius: var(--radius); }
.glow-ep__link:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.glow-ep.has-reel:hover .glow-ep__thumb { border-color: var(--accent); transform: translateY(-2px); }
.glow-ep--tonight .glow-ep__thumb { border-color: var(--c); box-shadow: 0 0 40px -8px color-mix(in srgb, var(--c) 60%, transparent); background-color: #1a160b; }
.glow-ep--tonight .glow-ep__n { color: rgb(243 220 138 / .5); }
.glow-ep--tonight .glow-ep__badge { color: #fff; background: var(--live); animation: glow-pulse 1.8s ease-in-out infinite; }
.glow-ep--aired:not(.has-reel) { opacity: .6; }
.glow-ep--home .glow-ep__thumb { border-style: dashed; background-color: transparent; }
.glow-ep--home .glow-ep__title { font-style: italic; }

/* ---------- Craft ---------- */
.glow-steps { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; counter-reset: step; font-size: 16px; line-height: 1.6; }
.glow-steps li { position: relative; padding-left: 52px; counter-increment: step; }
.glow-steps li::before {
  content: counter(step);
  position: absolute;
  top: -2px;
  left: 0;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: var(--night);
  background: linear-gradient(180deg, var(--gold-hi), var(--gold-deep));
  font: 700 17px/1 var(--serif);
}
.glow-ask { padding: 18px 20px; border-left: 3px solid var(--accent); border-radius: var(--radius); background: rgb(212 175 55 / .07); font-size: 16px; line-height: 1.55; }

/* ---------- Past seasons ---------- */
.glow-split__copy { display: grid; gap: 18px; justify-items: start; }
.glow-split__copy p:not(.glow-kicker) { max-width: 46ch; color: var(--muted); font-size: 16px; line-height: 1.6; }
.glow-past { position: relative; margin: 0; overflow: hidden; border-radius: var(--radius); }
.glow-past img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.glow-past figcaption { position: absolute; inset: auto 0 0; padding: 48px 16px 16px; background: linear-gradient(transparent, rgb(7 7 10 / .9)); }

/* ---------- Consent ---------- */
.glow-consent { max-width: 62ch; margin-top: var(--space); padding-top: 24px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; line-height: 1.6; }

/* ---------- Responsive ---------- */
@media (prefers-reduced-motion: reduce) {
  .glow-page * { animation: none !important; transition: none !important; }
}

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

@media (max-width: 760px) {
  .glow-page { --space: 48px; }
  .glow-hero { grid-template-columns: 1fr; }
  .glow-hero { padding-top: 24px; }
  .glow-hero__image { aspect-ratio: 4 / 3; object-position: center 15%; }
  .glow-hero__copy,
  .glow-split__copy { justify-items: stretch; }
  .glow-status { justify-self: start; }
  .glow-actions > .glow-btn { flex: 1 1 100%; }
  .glow-episodes { grid-auto-columns: 62%; gap: 10px; }
  .glow-ep__title { font-size: 17px; }
  .glow-hero__actions > .glow-btn { flex: 1 1 auto; }
  .glow-panel { padding: 24px 20px; }
  .glow-plate { font-size: 11px; letter-spacing: .1em; }
}

/* ---------- Past seasons archive ---------- */
.glow-archive { display: grid; gap: clamp(24px, 3vw, 36px); }
.glow-seasons { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(240px, 1fr); gap: 16px; margin: 0; padding: 0 0 8px; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; }
.glow-season { display: grid; align-content: start; gap: 12px; scroll-snap-align: start; }
.glow-season p { color: var(--muted); font-size: 15px; line-height: 1.5; }
.glow-season p a { color: var(--accent); }

@media (max-width: 760px) {
  .glow-seasons { grid-auto-columns: 78%; }
}

/* ---------- Follow + share ---------- */
.glow-social { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.glow-social--center { justify-content: center; }
.glow-social__btn {
  display: inline-flex; align-items: center; gap: 10px;
  min-height: 48px; padding: 0 20px 0 16px;
  border: 1px solid var(--line); border-radius: var(--radius);
  background: var(--surface); color: var(--ink);
  font-size: 15px; font-weight: 600; text-decoration: none; white-space: nowrap;
  transition: border-color .2s, transform .2s, background .2s;
}
.glow-social__btn svg { width: 20px; height: 20px; flex: none; }
.glow-social__btn:hover { border-color: var(--accent); transform: translateY(-1px); }
.glow-page .glow-social__btn--primary { color: var(--night); border-color: rgb(243 220 138 / .6); background: linear-gradient(180deg, var(--gold-hi), var(--accent) 50%, var(--gold-deep)); box-shadow: 0 8px 24px -8px rgb(212 175 55 / .45); font-weight: 700; }
.glow-social__btn:focus-visible,
.glow-icon:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }

.glow-share { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.glow-share__label { margin-right: 4px; color: var(--muted); font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.glow-page .glow-icon {
  display: inline-grid; place-items: center;
  width: 44px; height: 44px; padding: 0;
  border: 1px solid var(--line); border-radius: 50%;
  background: transparent; color: var(--ink); cursor: pointer;
  transition: border-color .2s, color .2s, background .2s;
}
.glow-icon svg { width: 19px; height: 19px; }
.glow-page .glow-icon:hover { border-color: var(--accent); color: var(--accent); background: rgb(212 175 55 / .08); }
.glow-share__toast { color: var(--accent); font-size: 13px; font-weight: 600; }

.glow-tune {
  display: grid; gap: 18px; justify-items: center;
  margin-top: var(--space); padding: clamp(40px, 6vw, 72px) clamp(20px, 4vw, 48px);
  border-top: 1px solid var(--amber-line); border-bottom: 1px solid var(--amber-line);
  text-align: center;
  background: radial-gradient(ellipse 50% 70% at 50% 0%, rgb(212 175 55 / .16), transparent 70%);
}
.glow-tune .glow-muted { max-width: 52ch; }
.glow-tune .glow-share { justify-content: center; }

@media (max-width: 760px) {
  .glow-social li { flex: 1 1 100%; }
  .glow-social__btn { width: 100%; justify-content: center; }
}

/* "Now airing": the series currently running. The show title stays The Glow. */
.glow-now { display: flex; align-items: center; gap: 8px; margin: -4px 0 10px; font-size: 15px; font-weight: 600; color: var(--muted); }
.glow-now strong { color: var(--accent); }
.glow-now__dot { width: 8px; height: 8px; border-radius: 50%; background: #ff3b5c; box-shadow: 0 0 8px #ff3b5c; animation: glow-now-pulse 1.6s ease-in-out infinite; }
@keyframes glow-now-pulse { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .glow-now__dot { animation: none; } }

/* Hero clock: the countdown to the next road night. Gold digits on dark tiles,
   one per unit; the seconds tile carries the night's flame colour as a quiet pulse. */
.glow-clock { display: grid; gap: 10px; }
.glow-clock[hidden] { display: none; }
.glow-clock__label { margin: 0; color: var(--accent); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.glow-clock__units { display: grid; grid-template-columns: repeat(4, minmax(0, 76px)); gap: 10px; }
.glow-clock__unit {
  display: grid; justify-items: center; gap: 4px;
  padding: 12px 4px 10px;
  border: 1px solid var(--amber-line);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgb(212 175 55 / .1), rgb(255 255 255 / .02));
  box-shadow: inset 0 1px 0 rgb(243 220 138 / .12);
}
.glow-clock__unit b {
  font: 700 clamp(28px, 4vw, 38px)/1 var(--serif);
  font-variant-numeric: lining-nums tabular-nums;
  background: linear-gradient(180deg, #ffffff 15%, var(--gold-hi) 55%, var(--accent));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.glow-clock__unit small { color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.glow-clock__unit:last-child { border-color: rgb(255 138 31 / .45); animation: glow-clock-beat 1s ease-in-out infinite; }
@keyframes glow-clock-beat { 50% { box-shadow: inset 0 1px 0 rgb(243 220 138 / .12), 0 0 18px -6px var(--flame); } }
@media (prefers-reduced-motion: reduce) { .glow-clock__unit:last-child { animation: none; } }
@media (max-width: 420px) { .glow-clock__units { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; width: 100%; } }

/* Per-episode "add to calendar" link on upcoming road nights. Sits above the card. */
.glow-ep__cal { position: relative; z-index: 1; justify-self: start; margin-top: 2px; color: var(--accent); font-size: 13px; font-weight: 700; text-decoration: none; }
.glow-ep__cal:hover { text-decoration: underline; }
.glow-ep__cal:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 2px; }

/* Signup card in "Stay tuned": the main ask, above the follow links. */
.glow-signup {
  display: grid; gap: 10px; justify-items: center;
  width: min(100%, 520px); padding: 24px clamp(18px, 4vw, 32px);
  border: 1px solid var(--amber-line); border-radius: var(--radius);
  background: rgb(7 7 10 / .5);
}
.glow-signup__title { margin: 0; font: 700 22px/1.2 var(--serif); }
.glow-signup .glow-muted { margin: 0; }