@layer pages{.hero{position: relative;overflow: hidden;padding-block: clamp(2rem,1rem + 4vw,4.5rem) clamp(3rem,2rem + 4vw,5.5rem);background: var(--mf-gradient-hero)} .hero::before{content: "";position: absolute;right: -180px;top: -220px;width: 640px;height: 640px;border: 110px solid var(--mf-color-accent-ring);border-radius: 50%;opacity: .4;pointer-events: none} .hero__inner{--split-cols: 1.05fr 1fr;position: relative} .hero__title{margin-bottom: var(--mf-space-2)} .hero__title em{font-style: normal;color: var(--mf-color-action)} .hero__lead{max-width: 34rem;margin-bottom: var(--mf-space-4)} .hero .search{margin-bottom: var(--mf-space-3)} .hero__media{position: relative} .hero__photo{width: 100%;aspect-ratio: 5 / 4;object-fit: cover;object-position: 60% center;border-radius: var(--mf-radius-xl);box-shadow: var(--mf-shadow-hero)} .quick-tiles{position: relative;z-index: 2;margin-top: calc(var(--mf-space-5) * -1);--grid-min: 200px;--grid-gap: var(--mf-space-2)} @media (max-width: 599px){.quick-tiles{--grid-min: 130px;margin-top: calc(var(--mf-space-2) * -1)}} .kids{--split-cols: 1fr 1fr;padding: var(--mf-space-panel);border-radius: var(--mf-radius-xl);background: var(--mf-gradient-child)} .kids__photo{width: 100%;aspect-ratio: 4 / 3.4;object-fit: cover;object-position: center 30%;border-radius: var(--mf-radius-card)} .kids__list{display: grid;gap: .6rem;margin: 0 0 var(--mf-space-4);padding: 0;list-style: none} .kids__list li{display: flex;align-items: start;gap: .6rem} .kids__list .icon{--icon-size: 1.35rem;color: var(--mf-color-child-icon)} .facts{--grid-min: 220px;--grid-gap: var(--mf-space-2)} .partners{--grid-min: 280px;--grid-gap: var(--mf-space-3)} .partners + .muted{margin: var(--mf-space-3) 0 0} @media (max-width: 599px){.facts{--grid-min: 130px}}}