/* ── Hero cover blocks ───────────────────────────────── */
.sfbbo-hero .wp-block-cover__inner-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 40px;
}

/* Shared hero base. Alignment is intentionally NOT set here — each hero supplies
   its own via the block's text-align class (homepage = right, interior = center). */
.sfbbo-hero h1,
.sfbbo-hero h2,
.sfbbo-hero .wp-block-post-title,
.sfbbo-hero .wp-block-heading {
	margin: 0 0 12px;
	color: #ffffff;
	font-family: var(--wp--preset--font-family--merriweather);
	font-size: clamp(40px, 4.5vw, 48px);
	font-weight: 100;
	line-height: 1.15;
}

.sfbbo-hero p {
	margin: 0;
	color: #ffffff;
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.15;
	text-align: right;
	text-transform: uppercase;
}

.sfbbo-hero .hero-title {
	font-family:var(--wp--preset--font-family--merriweather);
	font-weight:100;
	font-size:32px;
	line-height:1.15;
	color:#ffffff;
	text-align:center;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.sfbbo-hero .hero-subtitle {
	font-family:var(--wp--preset--font-family--merriweather);
	font-weight:900;
	font-size:22px;
	line-height: 32px;
	color:#ffffff;
	text-align:center;
	text-shadow: 1px 1px #000;
	margin-top: 15px;
	text-transform: uppercase;
}

/* Blog hero variants (Wingbeat & Notes templates). The base `.sfbbo-hero p`
   rule above is a right-aligned 12px uppercase label; these override it with
   higher specificity (0,2,0) for the centered blog banner. */

/* Single-post brand: the blog name rendered as a non-heading paragraph,
   styled to mirror the archive's <h1> (see `.sfbbo-hero h1` above). */
.sfbbo-hero .sfbbo-hero__title {
	margin: 0 0 12px;
	color: #ffffff;
	font-family: var(--wp--preset--font-family--merriweather);
	font-size: clamp(40px, 4.5vw, 48px);
	font-weight: 100;
	line-height: 1.15;
	letter-spacing: normal;
	text-align: center;
	text-transform: none;
}

/* Tagline under the blog name, on both archive and single. */
.sfbbo-hero .sfbbo-hero__subtitle {
	margin: 0;
	color: #ffffff;
	font-family: var(--wp--preset--font-family--merriweather);
	font-size: clamp(16px, 2.5vw, 20px);
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: normal;
	text-align: center;
	text-transform: none;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}