/* intro split — heading on a solid band, photo with a round left edge bleeding to the right */
.intro-split__media.intro-split__media {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 42%;
    overflow: hidden;
    border-radius: 50% 0 0 50% / 50% 0 0 50%;
}

.intro-split__title.intro-split__title {
    letter-spacing: -0.01em;
}

@media (max-width: 1023px) {
    .intro-split__media.intro-split__media {
        position: relative;
        width: 100%;
        height: 16rem;
        border-radius: 50% 50% 0 0 / 3rem 3rem 0 0;
    }
}

/* about-facets — straight-cropped photo cards with a solid accent swatch at the corner */
.about-facets__media.about-facets__media {
    aspect-ratio: 16 / 9;
    max-height: 220px;
    overflow: hidden;
}

.about-facets__img.about-facets__img {
    object-fit: cover;
}

.about-facets__swatch.about-facets__swatch {
    width: 2.25rem;
    height: 2.25rem;
    flex: none;
}

.about-facets__card {
    transition: transform 200ms ease;
}

.about-facets__card:hover {
    transform: translateY(-0.25rem);
}

/* about-join-split — image-left, text-right variant with corner accent square */
.about-join-split__frame {
    aspect-ratio: 4 / 3;
}

.about-join-split__photo {
    object-fit: cover;
}

.about-join-split__accent.about-join-split__accent {
    width: 2.5rem;
    height: 2.5rem;
    transform: translate(-0.75rem, -0.75rem);
}

@media (max-width: 767px) {
    .about-join-split__accent {
        display: none;
    }
}

.about-join-split__title {
    max-width: 32rem;
}

/* about donate — split text/image with corner accent squares (no colors) */
.about-donate__text {
    padding-left: 0;
}

@media (min-width: 1024px) {
    .about-donate__text {
        padding-left: 1rem;
    }
}

.about-donate__media.about-donate__media {
    min-height: 18rem;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

@media (min-width: 1024px) {
    .about-donate__media.about-donate__media {
        aspect-ratio: auto;
        min-height: 100%;
    }
}

.about-donate__img.about-donate__img {
    object-fit: cover;
}

.about-donate__accent {
    width: 1.5rem;
    height: 1.5rem;
    flex: none;
}

.about-donate__accent--sm {
    width: 1rem;
    height: 1rem;
}

.about-donate__btn.about-donate__btn:hover {
    transform: scale(1.05);
}

/* customer-support band — decorative blob sizing (no colors) */
.cta-support-band {
    isolation: isolate;
}

.cta-support-band__blob.cta-support-band__blob {
    width: 10rem;
    height: 10rem;
    transform: translate(2.5rem, -2.5rem);
}

.cta-support-band__desc.cta-support-band__desc {
    max-width: 42rem;
}