/*
 * Desktop-only site scaling.
 * CSS zoom is used because websites cannot change the browser's own zoom level.
 */
@media screen and (min-width: 769px) {
    html {
        zoom: 80%;
    }

    body {
        min-height: 125vh;
    }

    /* Keep overlays covering the whole screen on root-scaled pages. */
    .modal-overlay {
        width: 125vw !important;
        height: 125vh !important;
    }

    /* Compensate viewport-based limits after the root element is scaled. */
    .hero-notice {
        max-width: calc(125vw - 80px) !important;
    }

    .form-modal {
        max-width: calc(125vw - 32px) !important;
        max-height: calc(125vh - 48px) !important;
    }
}