.about-hero { min-height: min(700px, 100svh); }
.about-hero__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(5rem, 13.2vw, 11.9rem) clamp(1.25rem, 2.8vw, 2.5rem) clamp(5rem, 13.2vw, 11.9rem) var(--wrap-pad);
}
.about-hero__eyebrow { margin-bottom: 30px; }
.about-hero__heading { font-size: clamp(3.25rem, 6.67vw, 6rem); margin-bottom: 30px; }
.about-hero__lead { max-width: 520px; margin-bottom: 44px; }
.about-hero__image { object-position: top; }

.about-quote { padding: clamp(5rem, 10.4vw, 9.4rem) clamp(1.25rem, 16.67vw, 15rem); }
.about-quote__text { max-width: 900px; margin-inline: auto; }

.about-story { padding-block: clamp(5rem, 9vw, 8.1rem); }
.about-story__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2.5rem, 5.56vw, 5rem); }
.about-story__eyebrow { margin-bottom: 30px; }
.about-story__heading { font-size: clamp(2.75rem, 4.58vw, 4.125rem); max-width: 520px; }
.about-story__copy { padding-top: 8px; max-width: 560px; }
.about-story__lead { margin-bottom: 26px; }
.about-story__text p + p, .about-approach__text p + p { margin-top: 22px; }

.about-approach { min-height: min(880px, 100svh); }
.about-approach__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(5rem, 13.9vw, 12.5rem) clamp(1.25rem, 6.94vw, 6.25rem) clamp(5rem, 13.9vw, 12.5rem) clamp(1.25rem, 6.25vw, 5.625rem);
}
.about-approach__eyebrow { margin-bottom: 36px; }
.about-approach__heading { font-size: clamp(2.75rem, 4.58vw, 4.125rem); max-width: 520px; margin-bottom: 40px; }
.about-approach__text { max-width: 540px; }

.about-principles { padding-block: clamp(5rem, 9vw, 8.1rem) clamp(5rem, 9.7vw, 8.75rem); }
.about-principles__header { margin-bottom: clamp(3.5rem, 6.25vw, 5.625rem); }
.about-principles__eyebrow { margin-bottom: 26px; }
.about-principles__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 48px; }
.about-principle__number { font-family: var(--font-display); font-style: italic; font-size: 1.375rem; color: var(--color-gold); margin-bottom: 22px; }
.about-principle__title { font-size: clamp(1.75rem, 2.36vw, 2.125rem); margin-bottom: 16px; }

@media (max-width: 900px) {
	.about-hero__eyebrow { text-wrap: balance; }
	.about-approach { min-height: 0; grid-template-columns: minmax(0, 1fr); }
	.about-approach .split__media { order: -1; min-height: min(62vw, 520px); }
	.about-approach .split__media img { object-position: center 35%; }
	.about-approach__copy { padding: 4.5rem var(--wrap-pad); }
	.about-approach__heading, .about-approach__text { max-width: 560px; }
	.about-principles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px 32px; }
}

@media (max-width: 700px) {
	.about-hero { min-height: 0; }
	.about-hero__copy { padding: 3.5rem var(--wrap-pad) 3rem; }
	.about-hero__heading { font-size: clamp(2.75rem, 13vw, 3.25rem); line-height: 1.06; margin-bottom: 24px; }
	.about-hero__lead { margin-bottom: 36px; }
	.about-hero .actions .button { width: 100%; }
	.about-hero .split__media { min-height: min(115vw, 480px); }
	.about-quote { padding: 4.5rem var(--wrap-pad); }
	.about-story { padding-block: 4.5rem; }
	.about-story__grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.about-story__copy { padding-top: 0; }
	.about-approach__copy { padding: 4rem var(--wrap-pad); }
	.about-approach__eyebrow { margin-bottom: 26px; }
	.about-approach__heading { margin-bottom: 28px; }
	.about-principles { padding-block: 4.5rem; }
	.about-principles__header { margin-bottom: 3rem; }
	.about-principles__grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.about-principle__number { margin-bottom: 14px; }
	.about-principle__title { margin-bottom: 10px; }
}