/* Mytra shared hero wash — mint tint, top-right */
:root {
	--mytra-mint: #61d3a0;
	--mytra-mint-soft: #e8f8f1;
	--mytra-hero-tint: radial-gradient(
		1200px 500px at 85% -10%,
		rgba(97, 211, 160, 0.18),
		transparent 55%
	);
	--mytra-hero-wash: linear-gradient(180deg, #fbfbfb 0%, #ffffff 100%);
	--mytra-hero-bg: var(--mytra-hero-tint), var(--mytra-hero-wash);
}

.mytra-hero-tint {
	background-image: var(--mytra-hero-bg);
	background-repeat: no-repeat;
	background-color: #fff;
}

.section:has(> .hero),
.section:has(> .hero-with-right-image),
.section:has(> .container > .hero),
.section:has(> .container > .hero-with-right-image),
.section[data-section-template="Hero"],
.section[data-section-template="Hero with Right Image"] {
	background-image: var(--mytra-hero-bg);
	background-repeat: no-repeat;
	background-color: #fff;
}

.section.bg-light:has(.hero),
.section.bg-light:has(.hero-with-right-image) {
	background-image: var(--mytra-hero-tint);
	background-repeat: no-repeat;
}