/* Approved Who We Serve v2. Isolated to English; editable copy stays in flow. */
.serve-approved { --header-height: 128px; }
.serve-approved .site-header { height: var(--header-height); }
.serve-approved .brand picture { display: block; line-height: 0; }
.serve-approved .brand__logo { width: 280px; height: 46px; max-width: none; }
.serve-approved .brand--footer .brand__logo { width: 250px; height: auto; }
.serve-approved .language-switcher__list a { text-transform: lowercase; }
.serve-approved .serve-hero { background: #d1d6db; }
.serve-approved .serve-hero__media { display: block; z-index: -1; opacity: .55; }
.serve-approved .serve-hero__photo { display: block; object-position: center; }
.serve-approved .serve-hero__overlay {
	z-index: -2;
	background: linear-gradient(180deg, rgb(11 44 37 / 18%) 0%, rgb(11 44 37 / 84%) 100%);
}
.serve-approved .serve-hero h1,
.serve-approved .serve-intro h2,
.serve-approved .serve-segment h3,
.serve-approved .serve-next h2 { letter-spacing: 0; }
.serve-approved .serve-segment__media { position: relative; }
.serve-approved .serve-segment__photo { display: block; }
.serve-approved .serve-next__photo { display: block; }
@media (min-width: 901px) {
	.serve-approved .serve-hero { padding-block: 182px 112px; }
	/* Match portrait crops while allowing longer edited copy to expand cards. */
	.serve-approved .serve-segment__media { aspect-ratio: 527.11 / 705.94; }
	.serve-approved .serve-segment__photo { position: absolute; inset: 0; }
	/* Optical placement in the approved frame, without faded final text. */
	.serve-approved .serve-intro__heading,
	.serve-approved .serve-intro__copy,
	.serve-approved .serve-segments .section-heading,
	.serve-approved .serve-segment { position: relative; top: 14px; }
	.serve-approved .serve-next { padding-block: 134px 106px; }
	.serve-approved .site-footer { padding-bottom: 35px; }
}
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
	.serve-approved .serve-segment:hover .serve-segment__photo { transform: none; }
}
@media (max-width: 1100px) {
	.serve-approved .brand__logo { width: 220px; height: auto; }
	.serve-approved .primary-navigation__list { gap: 18px; }
}
@media (max-width: 900px) { .serve-approved { --header-height: 78px; } }
@media (max-width: 760px) {
	.serve-approved { --header-height: 70px; }
	.serve-approved .brand__logo,
	.serve-approved .site-header.is-scrolled .brand__logo,
	.serve-approved .brand--footer .brand__logo { width: 194px; height: auto; }
	.serve-approved .site-header__cta { display: none; }
	.serve-approved .menu-toggle { margin-left: auto; }
	.serve-approved .serve-hero__media { z-index: -2; opacity: .55; }
	.serve-approved .serve-hero__overlay {
		z-index: -1;
		background: linear-gradient(180deg, rgb(11 44 37 / 20%) 0%, rgb(11 44 37 / 90%) 100%);
	}
	/* Preserve the approved optical placement without fixing copy heights
	 * or leaving the final content at its partially revealed opacity. */
	.serve-approved .serve-intro,
	.serve-approved .serve-next { padding-top: 86px; padding-bottom: 58px; }
	.serve-approved .serve-segments .section-heading,
	.serve-approved .serve-segment { position: relative; top: 14px; }
	.serve-approved .site-footer__tagline { max-width: 274px; margin-top: 33px; }
}