/**
 * Temporary home-page color experiment.
 * Remove this file and its enqueue in functions.php to restore the base colors.
 */
body.home {
	--sd-bg-base: #fff7f3;
	--sd-bg-blush: #fde9e5;
	--sd-bg-neutral: #fffdfc;
	--sd-life-coral: #f38091;
	--sd-life-apricot: #ffd7a6;
	--sd-life-mint: #bfe6d2;
	--sd-life-aqua: #a8d8f2;
	--sd-pulse-pink: #f38091;
	--sd-ink-deep-green: #264a43;
	--sd-soft-lavender: #d7c9ea;
	--sd-white: #fff;
	color: var(--sd-ink-deep-green);
}

body.home .school-hero {
	background: linear-gradient(145deg, var(--sd-bg-base), #fde9e5 58%, var(--sd-bg-base));
}

body.home .school-hero h1,
body.home .school-hero h1 b,
body.home .home-concerns__header h2,
body.home .home-section-heading h2,
body.home .home-about-new__copy h2,
body.home .home-learning__card h3,
body.home .home-voice-card h3 {
	color: var(--sd-ink-deep-green);
}

body.home .home-about-new__label,
body.home .home-section-heading .eyebrow,
body.home .home-school-data__card strong {
	color: var(--sd-life-coral);
}

body.home .home-empathy {
	background: var(--sd-bg-neutral);
}

body.home .home-about-new {
	background:
		radial-gradient(circle at 105% 58%, rgba(201,193,218,.15), transparent 27%),
		linear-gradient(180deg, var(--sd-bg-base) 0%, var(--sd-bg-blush) 30%, var(--sd-bg-blush) 100%);
}

body.home .home-concerns {
	background: var(--sd-bg-neutral);
}

body.home .concern-card.is-current {
	border-color: color-mix(in srgb, var(--sd-life-coral) 42%, transparent);
}

body.home .concerns-slider__dots button[aria-current="true"] {
	background-color: var(--sd-life-coral);
}

body.home .concerns-slider__arrow:hover {
	border-color: color-mix(in srgb, var(--sd-life-coral) 48%, var(--sd-ink-deep-green));
	color: var(--sd-ink-deep-green);
	background-color: #f4faf6;
}

body.home .home-movie {
	background: var(--sd-bg-neutral);
}

body.home .home-learning {
	background: var(--sd-bg-neutral);
}

body.home .home-learning__card {
	border-color: rgba(38,74,67,.08);
}

body.home .home-voice-cards {
	background: var(--sd-bg-neutral);
}

body.home .home-voice-card {
	border-color: rgba(238,149,135,.22);
}

body.home .home-data-life-field {
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--sd-life-mint) 48%, var(--sd-white)) 0%,
		color-mix(in srgb, var(--sd-life-mint) 24%, var(--sd-bg-neutral)) 30%,
		var(--sd-bg-neutral) 60%,
		var(--sd-bg-neutral) 100%
	);
}

body.home .home-data-life-field .home-school-data,
body.home .home-data-life-field .home-instagram {
	background: transparent;
}

body.home .button--outline {
	border-color: rgba(38,74,67,.36);
	color: var(--sd-ink-deep-green);
	background: rgba(255,255,255,.76);
}

body.home .button--outline:hover,
body.home .button--outline:focus-visible {
	border-color: var(--sd-life-coral);
	color: var(--sd-ink-deep-green);
	background: var(--sd-life-coral);
}

body.home .home-instagram__action .button {
	border-color: var(--sd-pulse-pink);
	color: var(--sd-pulse-pink);
	background: var(--sd-white);
}

body.home .home-instagram__action .button:hover,
body.home .home-instagram__action .button:focus-visible {
	border-color: var(--sd-pulse-pink);
	color: var(--sd-white);
	background: var(--sd-pulse-pink);
}

body.home .text-link:hover,
body.home .text-link:focus-visible {
	color: var(--sd-life-coral);
}



/* Top FV and intro: distinct background surfaces bridged by the NEWS card. */
body.home .home-intro-field {
	position: relative;
	isolation: isolate;
	background: var(--sd-bg-neutral);
}

body.home .home-intro-field > .school-hero,
body.home .home-intro-field > .home-empathy {
	position: relative;
	z-index: 1;
}

body.home .home-intro-field > .school-hero {
	background: var(--sd-bg-neutral);
}

body.home .home-intro-field > .home-empathy {
	background: linear-gradient(180deg, var(--sd-bg-neutral) 0%, var(--sd-bg-neutral) 76%, #fffaf8 90%, var(--sd-bg-base) 100%);
}

body.home .home-intro-field > .school-hero::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 0;
	content: "";
	pointer-events: none;
}

body.home .home-intro-field > .school-hero::after {
	content: none;
}

body.home .home-intro-field > .home-empathy::before {
	display: none;
}

@media (min-width: 768px) {
	body.home .home-intro-field {
		overflow: clip;
	}

	body.home .home-intro-field > .school-hero::before {
		bottom: var(--home-news-boundary-offset);
		background:
			radial-gradient(ellipse 72% 62% at 52% 40%, rgba(255, 255, 255, .72) 0%, rgba(255, 247, 243, .38) 48%, transparent 78%),
			linear-gradient(145deg, rgba(253, 233, 229, .58) 0%, rgba(255, 250, 247, .94) 48%, #fffdfb 72%, rgba(253, 233, 229, .56) 100%);
	}
}

@media (max-width: 767px) {
	body.home .home-about-new {
		/* The section overlaps the preceding copy by 48px. Begin the visible
		   gradient at that overlap edge so the first painted color exactly
		   matches the preceding section instead of exposing a progressed stop. */
		background-color: var(--sd-bg-base);
		background-image: linear-gradient(180deg, var(--sd-bg-base) 0%, var(--sd-bg-blush) 58%, var(--sd-bg-blush) 100%);
		background-position: 0 48px;
		background-size: 100% calc(100% - 48px);
		background-repeat: no-repeat;
	}

	body.home .home-intro-field > .school-hero::before {
		bottom: var(--home-news-boundary-offset);
		background: linear-gradient(155deg, var(--sd-bg-base) 0%, var(--sd-bg-blush) 60%, var(--sd-bg-base) 100%);
	}
}