/* The paired accreditation/brand lockup needs the compact menu sooner. */
@media (max-width: 1240px) {
  :root { --header-height: 94px; }
  .menu-toggle { display: grid; }
  .main-nav {
    position: fixed;
    inset: calc(42px + var(--header-height)) 1rem auto;
    z-index: 1200;
    display: grid;
    gap: .35rem;
    padding: .75rem;
    border: 1px solid rgba(255,255,255,.64);
    border-radius: 1.35rem;
    background: rgba(255,253,248,.95);
    backdrop-filter: blur(24px);
    box-shadow: var(--shadow-lg);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px) scale(.98);
    transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
  }
  .nav-open .main-nav { opacity: 1; visibility: visible; transform: none; }
  .main-nav .nav-link { width: 100%; justify-content: center; }
}

@media (max-width: 760px) {
  :root { --header-height: 80px; }
  .main-nav { top: calc(38px + 80px); }
}