/**
 * CFUL 2026 — Homepage
 *
 * Styles for front-page.php template parts: hero statement,
 * plus the reusable section-label tag (cful_section_label()) used by
 * the upcoming-events / recent-publications sections built later.
 */

/* -------------------------------------------------------------------- */
/* Hero (Figma node 421:1694)                                           */
/* -------------------------------------------------------------------- */

.cful-hero {
	padding-block: var(--space-12) var(--space-8);
	border-bottom: 1px solid var(--cful-black);
}

.cful-hero__copy {
	display: flex;
	justify-content: flex-end;
}

.cful-hero__statement {
	color: var(--cful-black-rich);
	font-family: var(--font-sans);
	font-feature-settings: "ss03" 1;
	font-size: var(--text-xl);
	font-weight: var(--fw-semibold);
	line-height: var(--leading-snug);
	max-width: 480px;
	text-align: left;
}

/* -------------------------------------------------------------------- */
/* Section label (cful_section_label() in inc/template-tags.php)        */
/* -------------------------------------------------------------------- */

.cful-publications {
	background-color: var(--cful-gray);
}

.cful-section-label {
	color: var(--color-text);
	font-family: var(--font-sans);
	font-size: var(--text-lg);
	font-weight: var(--fw-semibold);
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-bottom: var(--space-6);
}