:root {
  --verben-desktop-scale: 0.8;
}

@media (min-width: 1024px) {
  body {
    zoom: var(--verben-desktop-scale);
  }

  /* Keep the temporary loading screen at the physical viewport scale. */
  .page-loader {
    zoom: 1.25;
  }
}

/*
 * Fallback for older engines without CSS zoom support. Most sizing in the
 * storefront and Admin uses rem units, so this preserves the intended scale.
 */
@supports not (zoom: 0.8) {
  @media (min-width: 1024px) {
    html {
      font-size: 80%;
    }
  }
}