/* mixaid intro v1 — tinted hero panel, rounded photo frame, geometric decor (no colors) */
.mixaid-intro__blob {
    aspect-ratio: 1;
    transform: translate(20%, -10%);
}

.mixaid-intro__frame.mixaid-intro__frame {
    aspect-ratio: 16 / 10;
}

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

.mixaid-intro__quarter.mixaid-intro__quarter {
    width: 7rem;
    height: 7rem;
}

.mixaid-intro__desc {
    line-height: 1.5;
}

@media (max-width: 1023px) {
    .mixaid-intro__blob {
        width: 50%;
    }

    .mixaid-intro__quarter {
        display: none;
    }
}

/* mixaid intro v2 — stacked centered hero, wide photo band, corner blob (no colors) */
.mixaid-intro-v2__blob {
    width: 14rem;
    height: 14rem;
    transform: translate(-30%, -30%);
}

.mixaid-intro-v2__frame.mixaid-intro-v2__frame {
    aspect-ratio: 21 / 9;
}

.mixaid-intro-v2__img.mixaid-intro-v2__img {
    object-fit: cover;
}

.mixaid-intro-v2__quarter.mixaid-intro-v2__quarter {
    width: 6rem;
    height: 6rem;
}

.mixaid-intro-v2__desc {
    line-height: 1.5;
}

@media (max-width: 767px) {
    .mixaid-intro-v2__frame {
        aspect-ratio: 4 / 3;
    }

    .mixaid-intro-v2__quarter {
        display: none;
    }
}

/* mixaid about v1 — tinted panel with blob decor */
.mixaid-about__panel {
    isolation: isolate;
}

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

.mixaid-about__blob--top {
    transform: translate(2rem, -2rem);
}

.mixaid-about__blob--bottom {
    transform: translate(-1.5rem, 2rem);
}

.mixaid-about__swoosh {
    width: 100%;
    max-width: 12rem;
    height: auto;
}

/* 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 newsletter v2 — split layout blobs on dark panel */
.mixaid-newsletter-split__panel {
    isolation: isolate;
}

.mixaid-newsletter-split__blob {
    pointer-events: none;
}

.mixaid-newsletter-split__submit.mixaid-newsletter-split__submit {
    min-width: 7rem;
}

.mixaid-newsletter-split__checkbox.mixaid-newsletter-split__checkbox {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    position: relative;
}

.mixaid-newsletter-split__checkbox.mixaid-newsletter-split__checkbox:checked::after {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: inherit;
    background: currentColor;
}

@media (max-width: 1023px) {
    .mixaid-newsletter-split__panel .mixaid-newsletter-split__blob--top,
    .mixaid-newsletter-split__panel .mixaid-newsletter-split__blob--bottom {
        opacity: 0.25;
    }
}

