/* The home route is intentionally a single viewport composition. */
html:has(body.home-page),
body.home-page {
  height: 100%;
  overflow: hidden;
}

body.home-page .landing {
  height: 100dvh;
  min-height: 100svh;
}

@supports not (height: 100dvh) {
  body.home-page .landing { height: 100svh; }
}

@media (max-height: 500px) and (orientation: landscape) {
  body.home-page .landing {
    height: 100vh;
    min-height: 0;
  }
}