html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

html,
body {
    min-height: 100%;
}

img {
    max-width: 100%;
}

@supports (height: 100dvh) {
    .view {
        min-height: 100dvh;
    }

    .hero {
        min-height: calc(100dvh - var(--header));
    }
}

@media (max-width: 850px) {
    .mobile-nav.open {
        max-height: calc(100dvh - 68px);
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .hero__emblem {
        will-change: auto !important;
    }
}

@media (max-width: 620px) {
    .hero__emblem {
        filter: none !important;
        will-change: auto !important;
    }

    .header__inner,
    .project-chip,
    .socials--brand .social-chip,
    .footer__inner--rich {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto !important;
    }
}