/*
 * Section heading. Figma 194:440 / 197:520 (Home): heading cap top 140px
 * after the block above it, Text 100 + ExtraLight 100 in Deep Forest A;
 * bar text (194:460 / 197:524) 80px under the heading, 60px tall; 80px to
 * the content below, 180px to the footer when the section closes the page.
 */

.section-heading {
	padding-top: var(--space-140);
	padding-bottom: var(--space-80);
	color: var(--color-forest-a);
}

.section-heading--closing {
	padding-bottom: var(--space-180);
}

.section-heading__title {
	font-size: var(--fs-100);
	font-weight: var(--fw-text);
	line-height: var(--lh-subheadline);
	letter-spacing: var(--ls-subheadline);
	text-box: trim-both cap alphabetic;
}

.section-heading__line,
.section-heading__text-line {
	display: block;
}

.section-heading__line--light {
	font-weight: var(--fw-extralight);
}

.section-heading__text {
	margin-top: var(--space-80);
	font-size: var(--fs-35);
	line-height: var(--lh-body);
	text-box: trim-both cap alphabetic;
}

.section-heading__text-line--light {
	font-weight: var(--fw-light);
}