/* How We Help v2. Keep content in flow for zoom and longer copy. */
.help-approved { --header-height: 128px; }
.help-approved .site-header { height: var(--header-height); }
.help-approved .brand picture { display: block; line-height: 0; }
.help-approved .brand__logo { width: 280px; height: 46px; max-width: none; }
.help-approved .brand--footer .brand__logo { width: 250px; height: auto; }
.help-approved .language-switcher__list a { text-transform: lowercase; }
.help-approved .help-hero { background: #d1d6db; }
.help-approved .help-hero__media { display: block; z-index: -1; opacity: .55; }
.help-approved .help-hero__photo { display: block; object-position: center; }
.help-approved .help-hero__overlay { z-index: -2; background: linear-gradient(180deg, rgb(11 44 37 / 20%), rgb(11 44 37 / 86%)); }
.help-approved .help-page h1,
.help-approved .help-page h2 { letter-spacing: 0; }
.help-approved .help-role__photo,
.help-approved .help-next__photo { display: block; }
@media (min-width: 901px) {
	.help-approved .help-hero { padding-block: 186px 116px; }
	.help-approved .help-intro__heading,
	.help-approved .help-intro__copy,
	.help-approved .help-process .section-heading,
	.help-approved .help-role__layout,
	.help-approved .help-principles .section-heading,
	.help-approved .help-next__layout { position: relative; top: 14px; }
	.help-approved .help-role__media { position: relative; }
	.help-approved .help-role__photo { position: absolute; inset: 0; }
	.help-approved .help-principles .section-heading { max-width: 800px; }

	.help-approved .help-next__image { position: relative; }
	.help-approved .help-next__photo { position: absolute; inset: 0; }
	.help-approved .site-footer { padding-bottom: 35px; }
}
@media (max-width: 1100px) {
	.help-approved .brand__logo { width: 220px; height: auto; }
	.help-approved .primary-navigation__list { gap: 18px; }
}
@media (max-width: 900px) { .help-approved { --header-height: 78px; } }
@media (max-width: 760px) {
	.help-approved { --header-height: 70px; }
	.help-approved .brand__logo,
	.help-approved .site-header.is-scrolled .brand__logo,
	.help-approved .brand--footer .brand__logo { width: 194px; height: auto; }
	.help-approved .site-header__cta { display: none; }
	.help-approved .menu-toggle { margin-left: auto; }
	.help-approved .help-hero__media { z-index: -1; opacity: .55; }
	.help-approved .help-hero__overlay { z-index: -2; background: linear-gradient(180deg, rgb(11 44 37 / 20%), rgb(11 44 37 / 90%)); }
	/* Preserve the reference's optical offsets without fixing text heights. */
	.help-approved .help-process .section-heading,
	.help-approved .help-role__layout,
	.help-approved .help-principles .section-heading,
	.help-approved .help-next__layout { position: relative; top: 14px; }
	/* The reference captures partially revealed panels. Match their surface
	 * color while keeping the final text and focus states fully opaque. */
	.help-approved .help-step { background: #15382f; }

	.help-approved .help-role__media,
	.help-approved .help-next__image { position: relative; }
	.help-approved .help-role__photo,
	.help-approved .help-next__photo { position: absolute; inset: 0; }
	.help-approved .site-footer__tagline { max-width: 274px; margin-top: 33px; }
}