/* ===================================================================
 * eyebrow.css — Brand Pass 1 (Linnea spec §2)
 * .tec-eyebrow utility + modifiers + .is-style-tec-eyebrow-rule separator.
 *
 * Three flavours, all uppercase letter-spaced caps:
 *   .tec-eyebrow              base — yellow, weight 700, 0.08em tracking
 *   .tec-eyebrow--header      page-/cover-header context — weight 600 +
 *                             tightened margin. Surface sets colour
 *                             (yellow on light, white on dark cover).
 *   .tec-eyebrow--card        card-internal — near-black, 0.195em
 *                             tracking, margin 0 (flex-gap on the card
 *                             body owns vertical rhythm).
 *
 * Stage 3 hygiene refactor — consolidates five overlapping recipes
 * (event-header eyebrow, event-card eyebrow, post-card eyebrow,
 * recording-header eyebrow, recording-card eyebrow, plus legacy bare
 * .eyebrow on work/video cards) into the one base + two modifiers above.
 * =================================================================== */

.tec-eyebrow,
p.tec-eyebrow {
	font-family: var(--wp--preset--font-family--sans-heading);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	line-height: 1.4;
	color: var(--wp--preset--color--accent-yellow);
	margin: 0 0 var(--wp--preset--spacing--20) 0;
}

/* Header context — single-event hero, single-recording header,
 * single-video / single-production page-header eyebrows.
 * Weight 600 (less heavy than card chrome) + tightened bottom margin. */
.tec-eyebrow--header,
p.tec-eyebrow--header {
	font-weight: 600;
	margin: 0 0 0.5rem 0;
}

/* Card-internal eyebrow — near-black, wider tracking, no margin
 * (the card body's flex-gap owns the spacing between eyebrow and the
 * gold-rule + title beneath). Applies to event-card, post-card,
 * event-card-horizontal, recording-card. (Alfonso 2026-05-02.) */
.tec-eyebrow--card,
p.tec-eyebrow--card {
	color: var(--wp--preset--color--near-black);
	letter-spacing: 0.195em;
	margin-bottom: 0;
}

/* Companion separator: short yellow rule that pairs with the eyebrow. */
.wp-block-separator.is-style-tec-eyebrow-rule {
	border: 0;
	height: 2px;
	background-color: var(--wp--preset--color--accent-yellow);
	width: 64px;
	margin: 0 0 var(--wp--preset--spacing--30) 0;
	opacity: 1;
}