/* Exact hero-only geometry and motion from the existing Storefront Preview. */
html body.adria-site.home.adria-public-home-hero .adria-air-hero {
    --adria-preview-vial-angle: 6deg;
    --adria-preview-vial-rise: -18px;
    --adria-preview-vial-cycle: 7.8s;
    isolation: isolate !important;
}

html body.adria-site.home.adria-public-home-hero.adria-public-home-hero-ready main.adria-home section.adria-air-hero .adria-air-hero__media {
    background: #84bfee !important;
    background-image: none !important;
}

html body.adria-site.home.adria-public-home-hero.adria-public-home-hero-ready main.adria-home section.adria-air-hero .adria-air-hero__picture,
html body.adria-site.home.adria-public-home-hero.adria-public-home-hero-ready main.adria-home section.adria-air-hero .adria-air-hero__picture .adria-air-hero__image {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

body.adria-site.home.adria-public-home-hero .adria-public-home-hero__scene,
body.adria-site.home.adria-public-home-hero .adria-public-home-hero__clouds,
body.adria-site.home.adria-public-home-hero .adria-public-home-hero__stage {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    pointer-events: none !important;
}

body.adria-site.home.adria-public-home-hero .adria-public-home-hero__scene {
    z-index: 1 !important;
    overflow: hidden !important;
    opacity: 0;
}

body.adria-site.home.adria-public-home-hero-ready .adria-public-home-hero__scene {
    opacity: 1;
}

body.adria-site.home.adria-public-home-hero .adria-public-home-hero__clouds,
body.adria-site.home.adria-public-home-hero .adria-public-home-hero__clouds img {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
}

body.adria-site.home.adria-public-home-hero .adria-public-home-hero__clouds img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
}

body.adria-site.home.adria-public-home-hero .adria-public-home-hero__stage {
    z-index: 2 !important;
}

body.adria-site.home.adria-public-home-hero .adria-public-home-hero__vial-picture {
    display: contents !important;
}

html body.adria-site.home.adria-public-home-hero .adria-air-hero__media img.adria-public-home-hero__vial {
    position: absolute !important;
    z-index: 2 !important;
    top: clamp(92px, 12vh, 126px) !important;
    left: 64% !important;
    display: block !important;
    width: clamp(286px, 24vw, 382px) !important;
    max-width: none !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    backface-visibility: hidden !important;
    clip-path: inset(0 0 7% 0) !important;
    filter: none !important;
    transform: translate3d(-50%, 0, 0) rotate(var(--adria-preview-vial-angle));
    transform-origin: 50% 86% !important;
    animation: adria-public-home-hero-float var(--adria-preview-vial-cycle) cubic-bezier(.45, 0, .55, 1) infinite !important;
    animation-play-state: paused !important;
}

body.adria-site.home.adria-public-home-hero .adria-public-home-hero__shadow {
    position: absolute !important;
    z-index: 1 !important;
    bottom: 13.5% !important;
    left: 64% !important;
    display: block !important;
    width: clamp(108px, 9vw, 150px) !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: radial-gradient(ellipse at center, rgba(7, 35, 65, .25) 0%, rgba(7, 35, 65, .11) 46%, rgba(7, 35, 65, 0) 76%) !important;
    filter: blur(8px) !important;
    opacity: .25 !important;
    transform: translate3d(-50%, 0, 0) scaleX(.82);
    transform-origin: center !important;
    animation: adria-public-home-hero-shadow var(--adria-preview-vial-cycle) cubic-bezier(.45, 0, .55, 1) infinite !important;
    animation-play-state: paused !important;
}

body.adria-site.home.adria-public-home-hero .adria-air-hero.is-adria-preview-motion-active .adria-public-home-hero__vial,
body.adria-site.home.adria-public-home-hero .adria-air-hero.is-adria-preview-motion-active .adria-public-home-hero__shadow {
    animation-play-state: running !important;
}

@keyframes adria-public-home-hero-float {
    0%, 100% {
        transform: translate3d(-50%, 0, 0) rotate(var(--adria-preview-vial-angle));
    }
    50% {
        transform: translate3d(-50%, var(--adria-preview-vial-rise), 0) rotate(var(--adria-preview-vial-angle));
    }
}

@keyframes adria-public-home-hero-shadow {
    0%, 100% {
        opacity: .25;
        transform: translate3d(-50%, 0, 0) scaleX(.82);
    }
    50% {
        opacity: .14;
        transform: translate3d(-50%, 0, 0) scaleX(.98);
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    html body.adria-site.home.adria-public-home-hero .adria-air-hero {
        --adria-preview-vial-rise: -15px;
        --adria-preview-vial-cycle: 8.2s;
    }

    html body.adria-site.home.adria-public-home-hero .adria-air-hero__media img.adria-public-home-hero__vial {
        top: 104px !important;
        left: 66% !important;
        width: clamp(260px, 35vw, 348px) !important;
    }

    body.adria-site.home.adria-public-home-hero .adria-public-home-hero__shadow {
        bottom: 13% !important;
        left: 66% !important;
    }
}

@media (max-width: 640px) {
    html body.adria-site.home.adria-public-home-hero .adria-air-hero {
        --adria-preview-vial-angle: 5deg;
        --adria-preview-vial-rise: -12px;
        --adria-preview-vial-cycle: 8.6s;
    }

    html body.adria-site.home.adria-public-home-hero .adria-air-hero__media img.adria-public-home-hero__vial {
        top: clamp(46px, 8.3svh, 64px) !important;
        left: 47% !important;
        width: clamp(214px, 59vw, 238px) !important;
        clip-path: inset(0 0 6% 0) !important;
    }

    body.adria-site.home.adria-public-home-hero .adria-public-home-hero__shadow {
        bottom: 29.5% !important;
        left: 47% !important;
        width: clamp(82px, 25vw, 106px) !important;
        height: 9px !important;
        filter: blur(6px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body.adria-site.home.adria-public-home-hero main.adria-home section.adria-air-hero .adria-air-hero__media img.adria-public-home-hero__vial,
    html body.adria-site.home.adria-public-home-hero .adria-public-home-hero__shadow {
        animation: none !important;
        will-change: auto !important;
    }
}

@media (forced-colors: active) {
    body.adria-site.home.adria-public-home-hero .adria-public-home-hero__shadow {
        display: none !important;
    }
}