@media (max-width: 719px) {
  body.menu-open .site-header {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .site-nav,
  .site-nav.open {
    z-index: 101;
    top: 4.5rem;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100vw;
    height: calc(100dvh - 4.5rem);
    min-height: calc(100svh - 4.5rem);
    padding: clamp(2.5rem, 10vh, 5rem) 1.4rem;
    overflow-y: auto;
    background-color: #050607;
    opacity: 1;
    isolation: isolate;
  }

  .site-nav.open {
    display: block;
  }

  html[data-theme="light"] .site-nav,
  html[data-theme="light"] .site-nav.open {
    background-color: #f7f9fb;
    color: #0a1118;
  }

  html[data-theme="light"] .site-nav a {
    border-color: #c9d2da;
    color: #0a1118;
  }

  .hero {
    min-height: min(78svh, 44rem);
  }

  .hero img {
    object-position: 88% center;
  }

  .hero-line {
    display: none;
  }
}