/* Optional animated brand media. The ordinary Site Logo remains the stable
 * geometry owner and first-paint fallback; video is a progressive overlay. */
.mth-brand-media,
.nxs-shell__brand-media {
	display: block;
	flex: 0 0 auto;
	isolation: isolate;
	line-height: 0;
	max-width: 100%;
	position: relative;
}

.mth-brand-media > img,
.nxs-shell__brand-media > img {
	position: relative;
	z-index: 1;
}

.mth-brand-video,
.nxs-shell__brand-video {
	background: transparent;
	border: 0;
	border-radius: 0.45rem;
	display: block;
	height: 100%;
	inset: 0;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity 180ms ease;
	width: 100%;
	z-index: 2;
}

.mth-brand-video.is-playing,
.nxs-shell__brand-video.is-playing { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
	.mth-brand-video,
	.nxs-shell__brand-video {
		display: none;
		transition: none;
	}
}

@media print, (forced-colors: active) {
	.mth-brand-video,
	.nxs-shell__brand-video { display: none; }
}