/* MARQUEE WORDS (Craig, Oct 26 2026): the title ON the card photo, white,
   spread through the picture's open space to frame the subject. Positions come
   from card-words.json, per picture. The layer has the picture's own 16:9 shape
   and sits exactly over it, so a word placed in the sky stays in the sky at
   every card width. No dark wash: each word carries its own shadow. */
.cw {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  height: 100%;
  aspect-ratio: 16 / 9;
  max-width: none;
  transform: translateX(-50%);
  container-type: inline-size;
  pointer-events: none;
  color: #fff;
}
.cw-word {
  position: absolute;
  white-space: nowrap;
  line-height: 1;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55), 0 1px 2px rgba(0, 0, 0, 0.7);
}
.cw-display {
  font-family: "SportsWIN Anton", Anton, "Arial Narrow", sans-serif;
  font-weight: 400;
  letter-spacing: 0.03em;
}
.cw-label {
  font-family: Inter, system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: 0.16em;
}
.cw-left { transform: none; }
.cw-right { transform: translateX(-100%); }
.cw-center { transform: translateX(-50%); }
/* A soft shade behind a name only (Craig, Oct 26 2026: "slightly darken the
   back behind Charles Schwab to separate it from the sky"). Never a full wash. */
.cw-shade {
  position: absolute;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(5, 12, 25, 0.42) 0%, rgba(5, 12, 25, 0.22) 45%, rgba(5, 12, 25, 0) 72%);
}