/* 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 v2 — sidebar title, split grid, radial blob */
.mixaid-features-split__blob {
    width: 14rem;
    height: 14rem;
    border-radius: 9999px;
    transform: translate(25%, -35%);
}

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

.mixaid-features-split__card:hover {
    transform: translateY(-0.2rem);
}

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

@media (max-width: 767px) {
    .mixaid-features-split__blob {
        display: none;
    }
}

/* mixaid features — stacked row variant */
.mixaid-features-v2__blob.mixaid-features-v2__blob {
    width: 4rem;
    height: 4rem;
    transform: translate(-1.5rem, 1.5rem);
}

.mixaid-features-v2__title.mixaid-features-v2__title {
    min-width: 10rem;
}

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

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

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

/* mixaid cta stack — centered variant on tinted panel (no colors) */
.mixaid-cta-stack__media {
    aspect-ratio: 3 / 4;
}

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

.mixaid-cta-stack__blob.mixaid-cta-stack__blob {
    width: 4rem;
    height: 4rem;
    transform: translate(-25%, -25%);
}

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

/* mixaid news stack — media proportions */
.mixaid-news-stack__media--large {
    aspect-ratio: 16 / 10;
}

@media (min-width: 768px) {
    .mixaid-news-stack__media--large {
        aspect-ratio: auto;
        height: 100%;
    }
}

.mixaid-news-stack__media--small {
    aspect-ratio: 4 / 3;
}

.mixaid-news-stack__img {
    object-fit: cover;
}

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

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

/* mixaid stay-connected reversed split banner */
.mixaid-cta-orbit__quarter.mixaid-cta-orbit__quarter {
    width: 6rem;
    height: 6rem;
    border-bottom-right-radius: 100%;
}

.mixaid-cta-orbit__media {
    min-height: 22rem;
}

.mixaid-cta-orbit__frame {
    min-height: 18rem;
}

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

.mixaid-cta-orbit__dot.mixaid-cta-orbit__dot {
    width: 4rem;
    height: 4rem;
    transform: translate(-0.5rem, 0.5rem);
}

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

    .mixaid-cta-orbit__dot {
        display: none;
    }
}