/* Hero WebGL background (variant draft pages only). Static CSS gradient is the no-WebGL / pre-paint fallback. */
.mm-hero[class*="mm-bg-"]::before,
.mm-hero[class*="mm-bg-"]::after { display: none; }
.mm-hero[class*="mm-bg-"] .kt-row-column-wrap { position: relative; z-index: 2; }
.mm-hero-bg {
	position: absolute; inset: 0; z-index: 0; pointer-events: none;
	background: radial-gradient(120% 90% at 80% 0%, #dbe9f9 0%, #F7FAFC 60%);
}
.mm-hero-bg > div { position: absolute; inset: 0; }
.mm-hero-bg::after { /* text-contrast scrim over the copy column */
	content: ""; position: absolute; inset: 0; z-index: 1;
	background: linear-gradient(90deg, rgba(247,250,252,.92) 0%, rgba(247,250,252,.75) 42%, rgba(247,250,252,0) 78%);
}
@media (max-width: 1024px) {
	.mm-hero-bg::after { background: rgba(247,250,252,.78); }
}
.mm-bg-gradient-blinds .mm-hero-bg::after { background: linear-gradient(90deg, rgba(247,250,252,.88) 0%, rgba(247,250,252,.55) 40%, rgba(247,250,252,0) 72%); }