/**
 * PG2 About: page-level spacing only (page 5; `lts-about-page` is the class on templates/page-about.html's <main>).
 * The patterns own everything inside their sections. Figma L2 121:1551 butts hero | story band | values together,
 * while the parent's `.entry-content > * + *` puts the section gap (120px) between every block.
 *
 * Desktop distances, all from the Figma frame (y values are the frame's; hero top = 121):
 *  - values end 1802 -> "How it works" title text 1883: 81.
 *  - "How it works" lead bottom 1974 -> cards 2056: 82 (the pattern's 57 is the no-lead distance, Figma 140:1818 -> 140:1766).
 *  - "How it works" cards end 2289 -> founder curve top 2463: 174.
 *  - founder circle bottom 3139 -> newsletter card top 3251: 112 (the band carries 72 of its own top padding: 40).
 *  - newsletter card bottom 3582 -> footer 3691: 109 (the band leaves 80: 29).
 */

.lts-about-page .entry-content > .lts-split-video,
.lts-about-page .entry-content > .lts-values {
	margin-block-start: 0;
}

.lts-about-page .entry-content > .lts-section-header {
	margin-block-start: 5.0625rem;
}

/* Lead -> cards 82 (the pattern draws 57 for a header with no lead). The gap is the header's own margin-bottom: the parent's
   `.kd-stats-grid { margin: 0 auto !important }` (stats-row.css) beats any margin-top on the cards. Desktop only: at (width <= 1024px)
   the pattern's own 48 / 32 apply. */
@media (width > 1024px) {
	.lts-about-page
		.entry-content
		> .lts-section-header.kd-section-header.kd-section {
		margin-block-end: 5.125rem !important;
	}
}

.lts-about-page .entry-content > .lts-split-circle--card {
	margin-block-start: 10.875rem;
}

.lts-about-page .entry-content > .lts-newsletter {
	margin-block: 2.5rem 1.8125rem;
}

/* Same breakpoint as lts-home.css / lts-section-header.css: below it the section gap is the parent's (derived: no tablet / mobile frames). */
@media (width <= 1024px) {
	.lts-about-page .entry-content > .lts-section-header,
	.lts-about-page .entry-content > .lts-split-circle--card,
	.lts-about-page .entry-content > .lts-newsletter {
		margin-block-start: var(--kd-section-gap);
	}

	.lts-about-page .entry-content > .lts-newsletter {
		margin-block-end: 0;
	}
}