/* The approved home navigation panel, shared by every published route. */
@media (max-width: 900px) {
  :is(.opening, .service-opening) .site-header { min-height: 80px; }
  :is(.opening, .service-opening) .brand__logo { width: 136px; height: 44px; }
  :is(.opening, .service-opening) .main-nav {
    inset: 8px;
    width: auto;
    max-width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px);
    padding: max(86px, calc(env(safe-area-inset-top) + 78px)) 28px max(24px, env(safe-area-inset-bottom));
    border-radius: 18px;
    background: rgba(23, 28, 24, .94);
    backdrop-filter: blur(18px);
    overflow: auto;
    overscroll-behavior: contain;
  }
  :is(.opening, .service-opening) .main-nav > a:not(.nav-cta) {
    min-height: 88px;
    padding: 12px 0;
  }
  :is(.opening, .service-opening) .main-nav > a::before,
  :is(.opening, .service-opening) .main-nav > a::after { display: none !important; }
  :is(.opening, .service-opening) .main-nav .mobile-nav-copy {
    min-width: 0;
    white-space: normal;
    overflow-wrap: break-word;
  }
  :is(.opening, .service-opening) .main-nav a[aria-current] { color: #ffb065; }
  :is(.opening, .service-opening) .main-nav a[aria-current] .mobile-nav-icon {
    border-color: #ffa811;
    background: #ffa811;
    color: #1c211d;
  }
}
@media (max-width: 359px) {
  :is(.opening, .service-opening) .main-nav { padding-right: 20px; padding-left: 20px; }
}