/* hero mission — bold color panel with a photo beside the headline */
.hero-mission__panel {
    isolation: isolate;
}

.hero-mission__img.hero-mission__img {
    object-fit: cover;
}

.hero-mission__title {
    letter-spacing: -0.02em;
}

/* benefits outcomes — framed photo with a decorative circle beside a benefit list */
.benefits-outcomes__frame {
    aspect-ratio: 4 / 5;
}

.benefits-outcomes__img {
    object-fit: cover;
}

.benefits-outcomes__title {
    letter-spacing: -0.02em;
}

.benefits-outcomes__blob {
    width: 6rem;
    height: 6rem;
    transform: translate(1rem, -1rem);
}

@media (max-width: 991.98px) {
    .benefits-outcomes__frame {
        aspect-ratio: 4 / 3;
    }

    .benefits-outcomes__blob {
        display: none;
    }
}

/* about story — text and photo rows, the photo switching sides */
.about-story__img.about-story__img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

@media (min-width: 992px) {
    .about-story__media,
    .about-story__text {
        flex: 1 1 0;
    }

    .about-story__row:nth-child(even) {
        flex-direction: row-reverse;
    }
}

/* cta split — dark panel with a text column beside a photo */
.cta-split__panel {
    isolation: isolate;
}

.cta-split__title {
    letter-spacing: -0.02em;
}

.cta-split__img.cta-split__img {
    object-fit: cover;
    max-height: 30rem;
}

.cta-split__circle {
    width: 10rem;
    height: 10rem;
    transform: translate(2rem, -2rem);
    pointer-events: none;
}

@media (max-width: 767.98px) {
    .cta-split__img.cta-split__img {
        max-height: 18rem;
    }
}

/* cta band — tilted photos flanking a centered closing heading */
.cta-band__photo {
    width: 20rem;
    pointer-events: none;
}

.cta-band__photo--left {
    left: -2.5rem;
    transform: rotate(-8deg);
}

.cta-band__photo--right {
    right: -2.5rem;
    transform: rotate(6deg);
}

.cta-band__img.cta-band__img {
    object-fit: contain;
}

@media (max-width: 1199.98px) {
    .cta-band__photo {
        display: none !important;
    }
}