@media (max-width: 800px) {
  .site-header.menu-open {
    background: linear-gradient(135deg, rgba(245, 252, 249, .78), rgba(214, 235, 229, .68)) !important;
    border: 1px solid rgba(255, 255, 255, .76);
    box-shadow: 0 .8rem 2.4rem rgba(8, 49, 50, .16), inset 0 1px rgba(255, 255, 255, .86);
    -webkit-backdrop-filter: blur(30px) saturate(135%);
    backdrop-filter: blur(30px) saturate(135%);
  }

  .site-header.menu-open .mobile-menu {
    background:
      radial-gradient(circle at 92% 8%, rgba(255, 255, 255, .78), transparent 26%),
      linear-gradient(145deg, rgba(234, 247, 243, .84), rgba(207, 229, 224, .76)) !important;
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 1.55rem;
    box-shadow: 0 1.35rem 3.2rem rgba(8, 49, 50, .2), inset 0 1px rgba(255, 255, 255, .8);
    -webkit-backdrop-filter: blur(38px) saturate(135%);
    backdrop-filter: blur(38px) saturate(135%);
  }

  .site-header.menu-open .mobile-menu a {
    border-bottom-color: rgba(18, 52, 59, .15);
  }

  .site-header.menu-open .mobile-menu-cta {
    background: rgba(18, 110, 106, .82);
    box-shadow: inset 0 1px rgba(255, 255, 255, .22);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header.menu-open,
  .site-header.menu-open .mobile-menu { transition: none !important; }
}