/* All original navigation remains visible when JavaScript or this file is absent. */
.site-nav { --mobile-navigation-ready: 1; }
.site-nav .nav-toggle { display: none; }

@media (max-width: 750px) {
  html:has(.site-nav.navigation-enhanced) { scroll-padding-top: calc(92px + env(safe-area-inset-top, 0px)); }
  .kinetic-v8 .site-nav.navigation-enhanced {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    column-gap: 10px;
    min-height: calc(76px + env(safe-area-inset-top, 0px));
    padding: calc(12px + env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) 12px max(16px, env(safe-area-inset-left, 0px));
    background: #08060df7;
    border-bottom: 1px solid #ba86ff3b;
  }
  .kinetic-v8 .site-nav.navigation-enhanced .wordmark {
    grid-column: 1;
    grid-row: 1;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 8px;
    min-width: 0;
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: .065em;
  }
  .kinetic-v8 .site-nav.navigation-enhanced .nav-symbol { width: 32px; height: 32px; }
  .kinetic-v8 .site-nav.navigation-enhanced .wordmark-name { flex-direction: column; gap: 1px; }
  .kinetic-v8 .site-nav.navigation-enhanced .language-picker { grid-column: 3; grid-row: 1; }
  .kinetic-v8 .site-nav.navigation-enhanced .language-select { min-width: 54px; width: 54px; padding-left: 8px; }
  .kinetic-v8 .site-nav.navigation-enhanced .nav-toggle {
    grid-column: 2;
    grid-row: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    min-width: 78px;
    padding: 8px 5px;
    border: 1px solid transparent;
    border-radius: 0;
    background: transparent;
    color: #f5f0fb;
    font: 400 14px/1.2 var(--type-display, sans-serif);
    letter-spacing: .045em;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-tap-highlight-color: #ba86ff33;
  }
  .kinetic-v8 .site-nav.navigation-enhanced .nav-toggle[hidden],
  .kinetic-v8 .site-nav.navigation-enhanced nav[hidden] { display: none; }
  .kinetic-v8 .site-nav.navigation-enhanced .nav-toggle:is(:hover, :active) { color: #d9baff; border-color: #ba86ff66; }
  .kinetic-v8 .site-nav.navigation-enhanced .nav-toggle:focus-visible { outline: 2px solid #ba86ff; outline-offset: 3px; }
  .nav-toggle-icon { flex: 0 0 22px; }
  .nav-toggle-icon path { transform-origin: 12px 12px; transition: transform .24s cubic-bezier(.16, 1, .3, 1), opacity .16s ease; }
  .is-menu-open .nav-toggle-icon path:nth-child(1) { transform: translateY(6px) rotate(45deg); transform-origin: 12px 6px; }
  .is-menu-open .nav-toggle-icon path:nth-child(2) { opacity: 0; }
  .is-menu-open .nav-toggle-icon path:nth-child(3) { transform: translateY(-6px) rotate(-45deg); transform-origin: 12px 18px; }
  .kinetic-v8 .site-nav.navigation-enhanced nav {
    position: absolute;
    inset: 100% 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: 100%;
    max-height: calc(100vh - 76px - env(safe-area-inset-top, 0px));
    max-height: calc(100svh - 76px - env(safe-area-inset-top, 0px));
    overflow-y: auto;
    overscroll-behavior: contain;
    margin: 0;
    padding: 14px max(24px, env(safe-area-inset-right, 0px)) calc(20px + env(safe-area-inset-bottom, 0px)) max(24px, env(safe-area-inset-left, 0px));
    background: linear-gradient(115deg, #100b1bd9, #171021d9), url("header-material-v16.webp") center / cover;
    border-block: 1px solid #ba86ff42;
    box-shadow: 0 22px 32px #0009;
    color: #f5f0fb;
    scrollbar-width: thin;
    scrollbar-color: #b087dd #171021;
  }
  .kinetic-v8 .site-nav.navigation-enhanced nav a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 64px;
    width: 100%;
    padding: 12px 0;
    border: 0;
    border-bottom: 1px solid #ba86ff26;
    border-radius: 0;
    background: transparent;
    color: #f5f0fb;
    font: 400 clamp(28px, 6.4vw, 40px)/1.16 var(--type-display, sans-serif);
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .01em;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .kinetic-v8 .site-nav.navigation-enhanced nav a:last-child { border-bottom: 0; }
  .kinetic-v8 .site-nav.navigation-enhanced nav a::after { inset: auto 0 0; }
  .kinetic-v8 .site-nav.navigation-enhanced nav :is(a[aria-current="page"], .nav-enquire) { color: #d9baff; }
  .kinetic-v8 .site-nav.navigation-enhanced nav a:is(:hover, :focus-visible) { color: #e8d7ff; background: #ba86ff0c; }
  .kinetic-v8 .site-nav.navigation-enhanced nav a:active { background: #ba86ff1a; }
  .kinetic-v8 .site-nav.navigation-enhanced nav a:focus-visible { outline-offset: 4px; }
  @media (prefers-reduced-motion: no-preference) {
    .kinetic-v8:not(.type-motion-stopped) .site-nav.navigation-enhanced.is-menu-open nav { animation: navigation-reveal .32s cubic-bezier(.16, 1, .3, 1) both; }
    @keyframes navigation-reveal {
      from { opacity: .75; transform: translateY(-6px); clip-path: inset(0 0 8% 0); }
      to { opacity: 1; transform: none; clip-path: inset(0); }
    }
  }
}
@media (max-width: 360px) {
  .kinetic-v8 .site-nav.navigation-enhanced { column-gap: 7px; padding-inline: max(12px, env(safe-area-inset-left, 0px)); }
  .kinetic-v8 .site-nav.navigation-enhanced .wordmark { grid-template-columns: 28px minmax(0, 1fr); gap: 6px; font-size: 9px; letter-spacing: .04em; }
  .kinetic-v8 .site-nav.navigation-enhanced .nav-symbol { width: 28px; height: 28px; }
  .kinetic-v8 .site-nav.navigation-enhanced .nav-toggle { min-width: 74px; }
}
.kinetic-v8.type-motion-stopped .nav-toggle-icon path { transition: none; }
@media (prefers-reduced-motion: reduce) { .nav-toggle-icon path { transition: none; } }
@media (forced-colors: active) {
  .kinetic-v8 .site-nav.navigation-enhanced,
  .kinetic-v8 .site-nav.navigation-enhanced nav { background: Canvas; border-color: CanvasText; box-shadow: none; }
  .kinetic-v8 .site-nav.navigation-enhanced nav a { color: LinkText; border-color: CanvasText; }
  .kinetic-v8 .site-nav.navigation-enhanced .nav-toggle { color: ButtonText; border-color: ButtonText; }
  .kinetic-v8 .site-nav.navigation-enhanced .nav-toggle:focus-visible { outline-color: Highlight; }
}
@media print {
  .kinetic-v8 .site-nav.navigation-enhanced .nav-toggle { display: none; }
  .kinetic-v8 .site-nav.navigation-enhanced nav { display: none; }
}