/* Authoritative 80% scale. Mobile/tablet trial authorised 2026-09-16. */
@media screen {
  html {
    --site-page-scale: .8;
    --opening-hero-height: calc(100vh / var(--site-page-scale));
    zoom: var(--site-page-scale);
  }
  @supports (height: 100dvh) {
    html { --opening-hero-height: calc(100dvh / var(--site-page-scale)); }
  }

  /* Opening photographs fill one visible screen despite the page scale.
     Dynamic viewport units track browser chrome, resizing and orientation. */
  main > :is(.home-ref-hero, .stay-hero-full, .about-hero, .experiences-hero-full, .gallery-hero-full, .contact-hero) {
    height: var(--opening-hero-height);
    min-height: 0;
    max-height: none;
  }
  main > :is(.home-ref-hero, .stay-hero-full, .about-hero, .experiences-hero-full, .gallery-hero-full, .contact-hero) img {
    height: var(--opening-hero-height);
    min-height: 0;
    max-height: none;
  }
}
