/* Shared header for every page, including the original Testimonials layout. */
body .nav {
  --header-height: 100px;
  height: var(--header-height);
  background: rgba(228, 223, 236, .52);
  border-bottom: 1px solid rgba(255, 255, 255, .35);
  box-shadow: none;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  transition: height .22s ease, background-color .22s ease;
}

body .nav.is-scrolled {
  --header-height: 66px;
  background: rgba(228, 223, 236, .92);
  box-shadow: none;
}

body .nav .header-brain {
  transition: width .22s ease, height .22s ease;
}

body .nav.is-scrolled .header-brain {
  width: 44px;
  height: 44px;
}

body .nav .menu-toggle {
  min-height: 44px;
}

@media (max-width: 1200px) {
  body .nav .mobile-menu {
    top: calc(100% + 4px);
    max-height: calc(100dvh - var(--header-height) - 16px - env(safe-area-inset-bottom, 0px));
  }
}

@media (max-width: 700px) {
  body .nav { --header-height: 78px; }
  body .nav.is-scrolled { --header-height: 60px; }
  body .nav.is-scrolled .header-brain { width: 38px; height: 38px; }
}

body.reduced .nav,
body.reduced .nav .header-brain {
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  body .nav, body .nav .header-brain { transition: none; }
}