/* Hero: ring and dial are centred by default (left/top 50% + translate -50%). go-home.js positions them with an inline
   transform translate3d(...) from left/top 0, so the centring only applies until that inline transform exists.
   The ring also stays hidden until then (its size is set by the script), so it never shows unsized or off-centre.
   The WebGL path never positions the DOM ring (.is-gl hides it), so it stays hidden there. */
html.go-js .hero-ring:not([style*="transform"]),
html.go-js .hero-dial:not([style*="transform"]) {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

html.go-js .hero-ring:not([style*="transform"]) {
	visibility: hidden;

	img {
		animation-play-state: paused;
	}
}

/* Hero: partner bar (white) stays invisible until go-home.js has set its first state (is-hidden / is-arriving / is-live).
   Fallback: shows after 4 s even if the script never runs. */
html.go-js .hero-partners:not(.is-hidden):not(.is-arriving):not(.is-live) {
	opacity: 0;
	animation: go-show 0.01s 4s forwards;
}

@keyframes go-show {
	to {
		opacity: 1;
	}
}

@media(max-width: 767px) {
	#brx-header {

		#mobileMenu {
			display: none !important;
			top: 0 !important;

			&.is-open {
				display: flex !important;
			}
		}

		#nav.menu-open {
			background: #07031F !important;

			.nav-inner {
				background: #07031F !important;
			}
		}

	}
}