/* Laptop fit (2026-10-17): the site was sized for tall 1080p monitors. Windows laptops at
   125-150% scaling show only ~600-730px of height, so scale the rem-based layout down on
   short landscape screens - the same as the visitor pressing Ctrl+minus. Page width stays. */
@media (min-width: 1024px) and (max-height: 820px) {
  html { font-size: 14px; }
  .container-x { max-width: 1280px; }
  header a > img { flex-shrink: 0; }
  section.min-h-svh .hero-copy { padding-top: 7rem; padding-bottom: 4rem; }
  section.min-h-svh .hero-copy h1 { font-size: min(6rem, 11.5vh); }
}
@media (min-width: 1024px) and (max-height: 680px) { html { font-size: 13px; } }