/* mixaid hero — staggered overlapping photo cluster */
.mixaid-hero__cluster {
    min-height: 23rem;
}

.mixaid-hero__photo {
    flex-shrink: 0;
}

.mixaid-hero__photo--left {
    width: 17rem;
    height: 14.5rem;
    margin-right: -2.5rem;
}

.mixaid-hero__photo--center {
    width: 20rem;
    height: 20rem;
    margin-top: 2rem;
}

.mixaid-hero__photo--right {
    width: 14rem;
    height: 14rem;
    margin-left: -2.5rem;
    align-self: flex-end;
    margin-bottom: 0.5rem;
}

.mixaid-hero__img.mixaid-hero__img {
    object-fit: cover;
}

.mixaid-hero__blob {
    pointer-events: none;
}

.mixaid-hero__blob--yellow {
    top: 15%;
    left: 2%;
}

.mixaid-hero__blob--orange {
    right: 2%;
    bottom: 5%;
}

.mixaid-hero__swoosh {
    pointer-events: none;
}

.mixaid-hero__swoosh--left {
    top: -1rem;
    left: 2%;
}

.mixaid-hero__swoosh--right {
    top: -1.5rem;
    right: 2%;
}

@media (max-width: 1023px) {
    .mixaid-hero__cluster {
        flex-wrap: wrap;
        min-height: 0;
    }

    .mixaid-hero__photo--left,
    .mixaid-hero__photo--center,
    .mixaid-hero__photo--right {
        width: 100%;
        max-width: 20rem;
        height: 16rem;
        margin: 0.75rem auto 0;
        align-self: center;
    }

    .mixaid-hero__swoosh,
    .mixaid-hero__blob {
        display: none;
    }
}

/* mixaid features v1 — panel blobs + card corner dot */
.mixaid-features__blob {
    width: 8rem;
    height: 8rem;
}

.mixaid-features__blob--tl {
    transform: translate(-30%, -30%);
}

.mixaid-features__blob--br {
    width: 10rem;
    height: 10rem;
    transform: translate(25%, 25%);
}

.mixaid-features__card {
    transition: transform 200ms ease;
}

.mixaid-features__card:hover {
    transform: translateY(-0.25rem);
}

.mixaid-features__dot {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 9999px;
    transform: translate(30%, -30%);
}

@media (max-width: 767px) {
    .mixaid-features__blob--tl,
    .mixaid-features__blob--br {
        display: none;
    }
}

/* mixaid features — 2x2 grid variant */
.mixaid-features__blob.mixaid-features__blob {
    width: 5rem;
    height: 5rem;
    transform: translate(1.5rem, -1.5rem);
}

.mixaid-features__card {
    transition: transform 200ms ease;
}

.mixaid-features__card:hover {
    transform: translateY(-0.25rem);
}

@media (prefers-reduced-motion: reduce) {
    .mixaid-features__card {
        transition: none;
    }
}

/* mixaid cta — split feature banner on tinted panel (no colors) */
.mixaid-cta__panel {
    isolation: isolate;
}

.mixaid-cta__media {
    min-height: 18rem;
}

@media (min-width: 1024px) {
    .mixaid-cta__media {
        min-height: 24rem;
    }
}

.mixaid-cta__img.mixaid-cta__img {
    object-fit: cover;
    object-position: center;
}

.mixaid-cta__blob.mixaid-cta__blob {
    width: 6rem;
    height: 6rem;
    transform: translate(25%, 25%);
}

/* mixaid news — card media sizes */
.mixaid-news__media--large {
    aspect-ratio: 16 / 9;
}

.mixaid-news__media--small {
    width: 9rem;
    height: 100%;
    min-height: 100%;
}

.mixaid-news__img {
    object-fit: cover;
}

.mixaid-news__min-shrink {
    min-width: 0;
}

.mixaid-news__card {
    transition: transform 200ms ease;
}

.mixaid-news__card:hover {
    transform: translateY(-0.25rem);
}

@media (max-width: 767px) {
    .mixaid-news__media--small {
        width: 6rem;
    }
}

/* mixaid stay-connected split banner */
.mixaid-cta-connect__media {
    min-height: 20rem;
}

.mixaid-cta-connect__img.mixaid-cta-connect__img {
    object-fit: cover;
    object-position: center;
}

.mixaid-cta-connect__blob.mixaid-cta-connect__blob {
    width: 5rem;
    height: 5rem;
    transform: translate(1.25rem, 1.25rem);
}

@media (max-width: 767px) {
    .mixaid-cta-connect__media {
        min-height: 16rem;
    }
}