/* NoirMusk — one size for section labels and section headings on every page.

   Reference = the home page:
     gold label above a heading   Inter 14px / 700 / 0.12em / uppercase, 10px below
     section heading (h2)         36px, easing down to 25px on phones (same clamp as responsive-type.css)

   Loaded after every page stylesheet, so it wins over the per-page rules. The home page banner label and the
   page-title banners are not part of this. */

/* ---------- labels ---------- */
html body :is(
	.ncoll-eyebrow,
	.ncoll-pair__eyebrow,
	.noirmusk-about-story__eyebrow,
	.noirmusk-about-approach__eyebrow,
	.ncontact-eyebrow,
	.noirmusk-about-signature__eyebrow,
	.noirmusk-policy__eyebrow,
	.noirmusk-related__eyebrow
) {
	margin-bottom: 10px;
	font-family: var(--theme-body-font-family), 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.8;
	text-transform: uppercase;
}
/* the label on the dark closing banner uses the home page's champagne */
html body .noirmusk-about-signature__eyebrow {
	color: #d4a86a;
}

/* ---------- section headings ---------- */
html body :is(
	.ncoll-head h2,
	.ncoll-pair__head h2,
	.ncoll-cta h2,
	.noirmusk-about-story__text h2,
	.noirmusk-about-approach__head h2,
	.ncontact-intro h2,
	.ncontact-cta h2,
	.noirmusk-about-signature__text h2,
	.noirmusk-policy__head h2,
	.noirmusk-policy__help h2
) {
	font-size: 36px;
	line-height: 1.22;
	letter-spacing: normal;
}
@media (max-width: 900px) {
	html body :is(
		.ncoll-head h2,
		.ncoll-pair__head h2,
		.ncoll-cta h2,
		.noirmusk-about-story__text h2,
		.noirmusk-about-approach__head h2,
		.ncontact-intro h2,
		.ncontact-cta h2,
		.noirmusk-about-signature__text h2,
		.noirmusk-policy__head h2,
		.noirmusk-policy__help h2
	) {
		font-size: clamp(25px, 12px + 3.6vw, 36px);
	}
}

/* ---------- phones: every section label is 12px ---------- */
@media (max-width: 600px) {
	html body :is(
		.ncoll-eyebrow,
		.ncoll-pair__eyebrow,
		.noirmusk-about-story__eyebrow,
		.noirmusk-about-approach__eyebrow,
		.ncontact-eyebrow,
		.noirmusk-about-signature__eyebrow,
		.noirmusk-policy__eyebrow,
		.noirmusk-related__eyebrow,
		.noirmusk-eyebrow,
		.noirmusk-tm__eyebrow
	) {
		font-size: 12px;
	}
}