:root {
    --mp-translate: 0px;
    --ellipse-l: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:i='http://ns.adobe.com/AdobeIllustrator/10.0/' version='1.1' viewBox='0 0 512 512'%3E%3C!-- Generator: Adobe Illustrator 30.3.0, SVG Export Plug-In . SVG Version: 2.1.3 Build 182) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: url(%23radial-gradient); %7D %3C/style%3E%3CradialGradient id='radial-gradient' cx='172.23' cy='180.99' fx='172.23' fy='180.99' r='372.35' gradientTransform='translate(512) rotate(-180) scale(1 -1)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23f0f0f0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle class='st0' cx='256' cy='256' r='256'/%3E%3C/svg%3E");
    --ellipse-r: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:i='http://ns.adobe.com/AdobeIllustrator/10.0/' version='1.1' viewBox='0 0 512 512'%3E%3C!-- Generator: Adobe Illustrator 30.3.0, SVG Export Plug-In . SVG Version: 2.1.3 Build 182) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: url(%23radial-gradient); %7D %3C/style%3E%3CradialGradient id='radial-gradient' cx='172.23' cy='180.99' fx='172.23' fy='180.99' r='372.35' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23f0f0f0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle class='st0' cx='256' cy='256' r='256'/%3E%3C/svg%3E");
}
.ellipse-block {
    position: relative;
}
.ellipse-block::after {
    content: '';
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    transform: translateY(calc(50% + var(--mp-translate)));
    background-size: 100%;
    background-position: center;
    z-index: 2;
}
.ellipse-block--alpha::after {
    width: clamp(4.5rem, 3.516vw + 3.375rem, 9rem);
    height: clamp(4.5rem, 3.516vw + 3.375rem, 9rem);
    background-image: var(--ellipse-l);
    left: clamp(3.5rem, 5.078vw + 1.875rem, 10rem);
    box-shadow: -20px 70px 50px #6C4C253B;
}
.ellipse-block--bravo::after {
    width: clamp(6rem, 7.031vw + 3.75rem, 15rem);
    height: clamp(6rem, 7.031vw + 3.75rem, 15rem);
    background-image: var(--ellipse-r);
    right: clamp(1rem, 4.688vw + -0.5rem, 7rem);
    box-shadow: 25px 100px 75px #6C4C2540;
}
.ellipse-block--charlie::after {
    width: clamp(6rem, 4.688vw + 4.5rem, 12rem);
    height: clamp(6rem, 4.688vw + 4.5rem, 12rem);
    background-image: var(--ellipse-r);
    right: clamp(1.5rem, 5.859vw + -0.375rem, 9rem);
    box-shadow: 30px 70px 50px #1C274526;
}
.ellipse-block--delta::after {
    width: clamp(6rem, 4.688vw + 4.5rem, 12rem);
    height: clamp(6rem, 4.688vw + 4.5rem, 12rem);
    background-image: var(--ellipse-l);
    left: clamp(1.5rem, 5.859vw + -0.375rem, 9rem);
    box-shadow: -20px 70px 50px #1C274526;;
}
.ellipse-block--echo::after {
    width: clamp(6rem, 7.031vw + 3.75rem, 15rem);
    height: clamp(6rem, 7.031vw + 3.75rem, 15rem);
    background-image: var(--ellipse-r);
    left: clamp(1.5rem, 5.859vw + -0.375rem, 9rem);
    box-shadow: -20px 70px 50px #6C4C2526;
}
@media only screen and (max-width: 991px) {
        .ellipse-block--delta::after {
            left: auto;
            right: clamp(1.5rem, 5.859vw + -0.375rem, 9rem);
        }
}
.hero__section.ellipse-block--alpha::after {
    bottom: -1.5rem;
}

@media only screen and (max-width: 600px) {
    section.ellipse-block, section:has(.ellipse-block) {
        overflow-x: clip;
    }
    .hero__section.ellipse-block--alpha::after {
        bottom: 3rem;
        left: 0.5rem;
    }
    .ellipse-block--bravo::after {
        right: -1rem;
        transform: translateY(calc(50% + var(--mp-translate))) translateX(30%);
        box-shadow: 15px 40px 30px #6C4C2540;
    }
    .ellipse-block--charlie::after, .ellipse-block--delta::after {
        right: -1rem;
        bottom: 5rem;
        transform: translateY(calc(50% + var(--mp-translate))) translateX(30%);
        box-shadow: 15px 35px 25px #1C274526;
    }
    .ellipse-block--echo::after {
        left: -1rem;
        bottom: 5rem;
        transform: translateY(calc(50% + var(--mp-translate))) translateX(-30%);
        box-shadow: -15px 35px 25px #1C274526;
    }
}