/**
 * Section — shared base for the parts every section type emits
 *
 * WHY THIS FILE EXISTS. `.mw-section__eyebrow` and `.mw-section__headline` are
 * emitted by eleven section partials, but until now every one of those elements
 * was styled ONLY by a per-section-type rule, and six section types never got
 * one. A section that had been given a rule looked right; a section that had
 * not fell through to the browser's own paragraph and h2 defaults and rendered
 * in the BODY font at a plain 16px, sentence case, with no tracking — beside
 * an identically-classed element two bands above it in the display face,
 * uppercase and tracked. Same class, same page, two different treatments.
 *
 * Measured on /about/ before this file (1440px):
 *
 *   hero / media-text / body   eyebrow  14px  uppercase  0.08em
 *                              headline Ice Cream Man 72 / 42 / 42px
 *   card-grid                  eyebrow  16px  sentence   normal   <- unstyled
 *                              headline Poppins 24px              <- unstyled
 *   key-facts                  eyebrow  16px  sentence   normal   <- unstyled
 *
 * card-grid alone is composed by FIFTEEN templates, so this was visible on
 * nearly every page of the site, not on one page.
 *
 * SPECIFICITY IS THE WHOLE DESIGN. These selectors are a single class, (0,1,0).
 * Every existing per-section rule is `.mw-section--<type> .mw-section__<part>`,
 * (0,2,0), and beats this on weight regardless of load order. So nothing that
 * renders correctly today changes: this only reaches the elements that had no
 * rule at all. That is also why the fix belongs here rather than as six more
 * copies of the same declarations in six section files — the next section type
 * added to the theme inherits a correct default instead of quietly repeating
 * the defect.
 *
 * COLOUR IS DELIBERATELY NOT SET HERE. `--mw-text-accent` is redefined only on
 * studio bands (theme-tokens.css, Topic 33 FIX-WP1: "Scope is Studio bands
 * only. Kaeros and the warm K-World dark bands keep their own accents"), so a
 * base `color:` would push the studio violet onto K-World cream and Kaeros
 * vellum, where a different accent is intended. Typography is shared; colour
 * stays with the tier that owns it.
 *
 * Loaded FIRST among the section stylesheets (functions.php) so it reads as a
 * base rather than as an override, even though its specificity means the order
 * does not decide the outcome.
 *
 * @package Mystwood_Studios_AB
 * @since   2026-08-22
 */

.mw-section__eyebrow {
	font-size: 0.875rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-block-end: 0.5rem;
}

.mw-section__headline {
	font-family: var(--mw-font-display, system-ui, sans-serif);
	font-size: clamp(1.75rem, 3.5vw, 2.625rem);
	line-height: 1.2;
	margin-block: 0 var(--mw-space-headline-to-paragraph, 24px);
}