/* Keep the logo box stable and swap only its visual, like the legacy site. */
.header__logo {
	display: block;
	transition: opacity 140ms ease;
}

#brx-header.scrolling a:has(> svg.header__logo) {
	background-image: url("../images/logo-jakus-without-claim.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 2.75rem;
}

#brx-header.scrolling svg.header__logo {
	opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
	.header__logo {
		transition-duration: 0.01ms;
	}
}