/* The English page deliberately reuses the approved Portuguese layout. */
body.magma-lp-en-page .hero__title {
	max-width: 13.5ch;
	font-size: clamp(3.2rem, 6.2vw, 6.8rem);
}

@media (min-width: 1181px) {
	body.magma-lp-en-page .site-header .site-nav {
		gap: clamp(.6rem, 1vw, 1rem) !important;
		font-size: clamp(.55rem, .7vw, .64rem) !important;
	}
}

@media (max-width: 1180px) and (min-width: 768px) {
	body.magma-lp-en-page .site-header__inner {
		grid-template-columns: 1fr auto !important;
	}

	body.magma-lp-en-page .site-header .site-nav,
	body.magma-lp-en-page .site-header .header-actions {
		display: none !important;
	}

	body.magma-lp-en-page .site-header .menu-toggle {
		display: grid !important;
	}

	body.magma-lp-en-page .mobile-menu {
		position: absolute;
		top: 76px;
		display: block;
		width: 100%;
		min-height: calc(100svh - 76px);
		padding: 2rem var(--gutter);
		background: var(--ink);
		color: var(--cream);
	}

	body.magma-lp-en-page .mobile-menu[hidden] {
		display: none !important;
	}

	body.magma-lp-en-page .mobile-menu nav {
		display: grid;
		border-top: 1px solid rgba(248, 246, 243, .25);
	}

	body.magma-lp-en-page .mobile-menu nav a {
		display: grid;
		grid-template-columns: 3rem 1fr;
		align-items: center;
		min-height: 62px;
		border-bottom: 1px solid rgba(248, 246, 243, .25);
		font-family: var(--serif);
		font-size: 2.1rem;
		line-height: 1;
	}

	body.magma-lp-en-page .mobile-menu nav span {
		font-family: var(--sans);
		font-size: .65rem;
		font-weight: 700;
		letter-spacing: .1em;
	}

	body.magma-lp-en-page .mobile-menu .language-switch--mobile,
	body.magma-lp-en-page .mobile-menu > .text-link {
		display: inline-flex;
		margin-top: 1.8rem;
		color: var(--cream);
	}

	body.magma-lp-en-page .mobile-menu > .text-link {
		margin-top: 2rem;
	}
}

@media (max-width: 900px) and (min-width: 768px) {
	body.magma-lp-en-page .units__grid--single {
		grid-template-columns: 1fr;
	}

	body.magma-lp-en-page .unit-map {
		min-height: 30rem;
	}
}

@media (max-width: 767px) {
	body.magma-lp-en-page .hero__title {
		max-width: 11.5ch;
		font-size: clamp(2.9rem, 12.5vw, 4rem);
	}

	body.magma-lp-en-page .hero__content {
		justify-content: center;
		padding-top: 4.25rem;
		padding-bottom: 4.25rem;
	}
}

@media (max-width: 1180px) {
	body.magma-lp-en-page .mobile-menu .language-switch--mobile,
	body.magma-lp-en-page .mobile-menu > .text-link {
		display: flex;
		width: fit-content;
	}

	body.magma-lp-en-page .mobile-menu > .text-link {
		margin-top: 1.25rem;
	}
}