/* Soft color fields live below content. Only opacity and transform animate. */
.overview .morning-hero,.overview .overview-number{position:relative;isolation:isolate}
.ambient-wash{position:absolute!important;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden;contain:paint;border-radius:inherit}
.morning-hero>.ambient-wash{border-radius:27px 27px 0 0}
.ambient-wash::before,.ambient-wash::after{content:"";position:absolute;inset:-14%;pointer-events:none;animation-play-state:paused}
.overview .morning-hero{border-radius:27px 27px 0 0;background:linear-gradient(135deg,#f2f7ff,#fcfaff 58%,#fff)}
.morning-hero>.ambient-wash::before{background:radial-gradient(ellipse at 14% 28%,#cde5fdcc,transparent 58%),radial-gradient(ellipse at 83% 26%,#dcd2fac2,transparent 59%);opacity:.7;animation:brief-color-drift 18s ease-in-out infinite alternate;animation-play-state:paused}
.morning-hero>.ambient-wash::after{background:radial-gradient(ellipse at 24% 62%,#cff0e4c9,transparent 57%),radial-gradient(ellipse at 78% 30%,#f9dcdba8,transparent 57%);opacity:.08;animation:brief-color-fade 16s ease-in-out infinite alternate;animation-play-state:paused}
.morning-hero.ambient-is-visible>.ambient-wash::before,.morning-hero.ambient-is-visible>.ambient-wash::after{animation-play-state:running}
.overview .overview-number{background:var(--summary-base)!important}
.overview-number:nth-child(1){--summary-base:#edf4ff;--summary-color:#b7d6fa;--summary-accent:#dcdaf8}
.overview-number:nth-child(2){--summary-base:#f1edfc;--summary-color:#d3c2f5;--summary-accent:#d1e0fa}
.overview-number:nth-child(3){--summary-base:#fff3e7;--summary-color:#f5d7b3;--summary-accent:#f6d4d8}
.overview-number:nth-child(4){--summary-base:#eaf6f0;--summary-color:#bfe3d1;--summary-accent:#d5e8f5}
.overview-number>.ambient-wash::before{background:radial-gradient(ellipse at 0% 14%,var(--summary-color),transparent 66%),radial-gradient(ellipse at 95% 90%,var(--summary-accent),transparent 64%);opacity:.55;animation:summary-color-drift 9s ease-in-out infinite alternate;animation-play-state:paused}
.overview-number>.ambient-wash::after{background:radial-gradient(ellipse at 85% 20%,var(--summary-color),transparent 62%);opacity:.08;transition:opacity 1.2s ease}
.overview-number.ambient-is-visible:focus-visible>.ambient-wash::before{animation-play-state:running}
.overview-number:focus-visible>.ambient-wash::after{opacity:.32}
@media(hover:hover) and (pointer:fine){.overview-number.ambient-is-visible:hover>.ambient-wash::before{animation-play-state:running}.overview-number:hover>.ambient-wash::after{opacity:.32}}
html[data-ambient-paused] .ambient-wash::before,html[data-ambient-paused] .ambient-wash::after{animation-play-state:paused!important}
@keyframes brief-color-drift{from{transform:translate3d(-2%,-1%,0) scale(1.02);opacity:.76}to{transform:translate3d(9%,5%,0) scale(1.14);opacity:.32}}
@keyframes brief-color-fade{from{transform:translate3d(2%,1%,0);opacity:.06}to{transform:translate3d(-8%,-5%,0) scale(1.1);opacity:.88}}
@keyframes summary-color-drift{from{transform:translate3d(-1%,-1%,0) scale(1.01)}to{transform:translate3d(4%,3%,0) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.ambient-wash::before,.ambient-wash::after{animation:none!important;transition:none!important}.morning-hero>.ambient-wash::before{opacity:.55}.morning-hero>.ambient-wash::after{opacity:.12}.overview-number:hover>.ambient-wash::after,.overview-number:focus-visible>.ambient-wash::after{opacity:.08}}

.overview-number.ambient-is-visible>.ambient-wash::before{animation-play-state:running;animation-duration:14s}