/* Hashtag Media Group — shared package styles.
 *
 * Deliberately small. Per-section CSS lives in sections/<id>/style.css and is
 * auto-scoped to .hmg-section--hashtag-<id> at import, so a section can never
 * break a neighbour. Only genuinely cross-section primitives belong here.
 */

/* Every builder section is a full-bleed band; the inner wrap does the centring. */
.hmg-section { position: relative; }

/* Shared inner container, used by sections that do not need their own. */
.hm-x-wrap {
	width: min(100% - (var(--hm-gutter) * 2), var(--hm-wrap));
	margin-inline: auto;
}

/* Shared eyebrow + section head, so the rhythm is identical across sections. */
.hm-x-eyebrow {
	display: inline-block;
	font-family: var(--hm-font-display);
	font-size: var(--hm-t-eyebrow);
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--hm-cyan);
	margin-bottom: 0.9rem;
}