/* Homepage-only mobile layout refinements. */

@media (max-width: 767px) {
	html,
	body.home {
		max-width: 100%;
		overflow-x: clip;
	}

	/* Keep the hamburger vertically centred and away from the screen edge. */
	.home .header-2__menu.brxe-nav-menu {
		align-items: center;
		display: flex;
		margin-inline-end: 12px;
	}

	.home .header-2__menu.brxe-nav-menu .bricks-mobile-menu-toggle {
		align-items: center;
		display: inline-flex;
		justify-content: center;
		margin: 0;
	}

	/* The desktop marquee prevents wrapping; restore readable mobile heading flow. */
	.home .logo-4__container.brxe-container {
		padding-inline: 20px !important;
		white-space: normal !important;
	}

	.home .logo-4__heading.brxe-heading {
		max-width: 100% !important;
		font-size: clamp(1.5rem, 7vw, 2rem) !important;
		line-height: 1.15 !important;
		text-align: center !important;
		white-space: normal !important;
	}

	/* 9.8rem is 70% of the existing 14rem minimum desktop logo width. */
	.home .logo-4__logo-wrapper.brxe-div {
		width: 9.8rem !important;
		margin-inline: var(--space-m) !important;
	}
}