/* Spotlight (pageants and events): black and gold, bold capitals, made for the stage. */
:root { --bg: #0a0a0a; --fg: #f6f1e7; --muted: #a8a196; --line: #2b2721; --card: #15130f;
  --font-display: "Playfair Display", Georgia, serif; --font-body: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --btn-bg: var(--accent); --btn-fg: #0a0a0a; --hero-h: min(96vh, 960px); }
.t-spotlight h1 { font-weight: 800; text-transform: uppercase; letter-spacing: .02em; font-size: clamp(44px, 7vw, 108px); }
.t-spotlight .s-h2 { font-weight: 800; text-transform: uppercase; letter-spacing: .04em; font-size: clamp(28px, 3.6vw, 46px); }
.t-spotlight .s-h2::after { content: ""; display: block; width: 64px; height: 2px; background: var(--accent); margin-top: 18px; }
.t-spotlight .s-eyebrow { color: var(--accent); opacity: 1; letter-spacing: .3em; }
.t-spotlight .s-btn { text-transform: uppercase; letter-spacing: .18em; font-size: 12.5px; font-weight: 700; }
.t-spotlight .s-hero[data-hero="full"]::after { background: linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.25) 40%, rgba(10,10,10,.92)); }
.t-spotlight .s-grid { gap: 2px; } .t-spotlight .s-grid img { aspect-ratio: 2 / 3; }
.t-spotlight .s-card { border: 1px solid var(--line); border-top: 2px solid var(--accent); background: var(--card); }
.t-spotlight .s-card h3 { text-transform: uppercase; letter-spacing: .06em; font-size: 20px; font-family: var(--font-body); font-weight: 700; }
.t-spotlight .s-brand { text-transform: uppercase; letter-spacing: .12em; font-size: 17px; font-weight: 800; }
.t-spotlight .s-form input, .t-spotlight .s-form textarea { background: var(--card); }