/*
 * MVN lightweight homepage rendering.
 * Loaded only on the public homepage.
 */

html{
    scroll-behavior:auto!important;
}

body{
    overflow-x:hidden;
}

/*
 * Remove expensive blur calculations while preserving backgrounds.
 */
.mvn-v2-header,
.mvn-v2-menu,
.mvn-v2-menu-backdrop,
[class*="glass"],
[class*="backdrop"]{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}

/*
 * Stop decorative animations that continuously use browser resources.
 */
.mvn-v2-brand-mark:after,
.mvn-compact-hero *,
.mvn-collaboration-section:before,
.mvn-collaboration-card:after{
    animation:none!important;
}

/*
 * Prevent unnecessary GPU layers.
 */
.mvn-compact-hero *,
.mvn-collaboration-card,
.mvn-resource-list a,
.mvn-v2-header,
.mvn-v2-menu{
    will-change:auto!important;
}

/*
 * Render below-the-fold sections when they approach the viewport.
 */
section:not(.mvn-compact-hero){
    content-visibility:auto;
    contain-intrinsic-size:auto 650px;
}

.mvn-inline-registration-section{
    content-visibility:auto;
    contain-intrinsic-size:auto 1100px;
}

footer{
    content-visibility:auto;
    contain-intrinsic-size:auto 250px;
}

/*
 * Keep media responsive and inexpensive to paint.
 */
img,
svg,
video{
    max-width:100%;
}

img{
    height:auto;
}

/*
 * Reduce large shadows without removing visual separation.
 */
.mvn-collaboration-shell,
.mvn-inline-registration-form-card,
.mvn-inline-registration-intro{
    box-shadow:0 12px 34px rgba(6,46,41,.07)!important;
}

.mvn-collaboration-card{
    box-shadow:0 7px 20px rgba(6,46,41,.05)!important;
}

.mvn-collaboration-card:hover{
    box-shadow:0 12px 27px rgba(6,46,41,.09)!important;
}

/*
 * Keep small interaction feedback without long animations.
 */
a,
button,
input,
select,
textarea,
.mvn-collaboration-card,
.mvn-resource-list a{
    transition-duration:.12s!important;
}

/*
 * Further reduce mobile browser work.
 */
@media(max-width:760px){
    section:not(.mvn-compact-hero){
        contain-intrinsic-size:auto 520px;
    }

    .mvn-collaboration-card,
    .mvn-resource-list a,
    .mvn-v2-header *,
    .mvn-inline-registration-section *{
        animation:none!important;
    }

    .mvn-collaboration-card:hover,
    .mvn-resource-list a:hover{
        transform:none!important;
    }

    .mvn-collaboration-shell,
    .mvn-inline-registration-form-card,
    .mvn-inline-registration-intro{
        box-shadow:0 7px 22px rgba(6,46,41,.06)!important;
    }
}

@media(prefers-reduced-motion:reduce){
    *,
    *:before,
    *:after{
        animation:none!important;
        transition:none!important;
        scroll-behavior:auto!important;
    }
}