.header{position:relative;z-index:20}
.nav-dropdown{position:relative;display:inline-flex;align-items:center;gap:2px}
.nav-dropdown>.nav-parent-link,.nav-disclosure{display:flex;align-items:center;gap:7px;padding:10px 0}
.nav-disclosure{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.nav-disclosure>span:last-child{font-size:15px;line-height:1;padding:0 5px;min-width:20px;text-align:center}
.nav-disclosure:focus-visible,.nav-parent-link:focus-visible{outline:3px solid #e6a692;outline-offset:5px}
.nav-dropdown.is-current>.nav-parent-link,.nav-dropdown.is-current>.nav-disclosure,.nav-dropdown.is-open>.nav-parent-link,.nav-dropdown.is-open>.nav-disclosure{color:var(--red)}
.nav-submenu[hidden]{display:none}
.nav-submenu{position:absolute;top:100%;left:-20px;width:240px;list-style:none;margin:0;padding:20px;background:#fff;border-top:3px solid var(--red);box-shadow:0 2px 5px #0002;text-align:left}
.nav .nav-submenu a{display:block;padding:8px 20px;font-size:14px;line-height:1.7;border:0;color:var(--navy);font-weight:600}
.nav .nav-submenu a[aria-current=page]{color:var(--red)}
@media(hover:hover) and (pointer:fine){.nav-dropdown>.nav-parent-link:hover,.nav-disclosure:hover{color:var(--red)}.nav .nav-submenu a:hover{background:#00000008;color:var(--red)}}
@media(max-width:1100px){
  .nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0;max-height:75svh;overflow-y:auto}
  .nav>a,.nav-dropdown>.nav-parent-link,.nav-dropdown>.nav-disclosure{padding:12px 10px;border-bottom:1px solid var(--line);font-size:13px;min-height:46px}
  .nav-dropdown{display:flex;flex-wrap:wrap;gap:0}
  .nav-dropdown>.nav-disclosure{justify-content:space-between}
  .nav-submenu{position:static;width:auto;margin:0;padding:8px 10px 8px 18px;border-top:0;border-left:3px solid var(--red);box-shadow:none;background:#f7f7f7}
  .nav .nav-submenu a{padding:10px 15px;min-height:44px;font-size:13px}
}

.nav-services>.nav-parent-link{padding:10px 0}
@media(max-width:1100px){.nav-services>.nav-parent-link{flex:1;min-height:46px;padding:12px 10px}.nav-services>.nav-disclosure{min-width:44px}}

@media(min-width:801px) and (max-width:1100px){.header .wrap{flex-wrap:wrap;gap:12px}.menu-button{display:block}.nav{display:none;order:3;width:100%;padding-bottom:20px}.nav-tools{margin-left:auto}.nav a{font-size:13px}}

.nav .nav-submenu a{overflow-wrap:anywhere}
@media(min-width:1101px){.nav{min-width:0;flex:1;flex-wrap:wrap;justify-content:center;row-gap:0}.nav>a,.nav-dropdown{max-width:100%;overflow-wrap:anywhere}.header .brand,.header .nav-tools{flex-shrink:0}}
@media(max-width:1100px){.nav-linked>.nav-parent-link{flex:1;min-height:46px}.nav-linked>.nav-disclosure{min-width:44px}}

/* Mobile full-screen navigation with the selected crew-connection signature. */
.mobile-menu-signature{display:none}
@media(max-width:1100px){
  body.mobile-menu-active{position:fixed;top:var(--menu-scroll-top,0px);left:0;right:0;overflow:hidden;overscroll-behavior:none}
  .header.menu-open{position:fixed;inset:0;z-index:1000;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--paper);color:var(--navy);border:0}
  .header.menu-open .wrap{width:100%;height:100%;min-height:0;max-width:none;margin:0;padding:calc(20px + env(safe-area-inset-top)) 24px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:0;overflow:hidden}
  .header.menu-open .brand{align-self:flex-start;flex:none;margin-bottom:20px;background:#fff;padding:6px 9px;border-radius:5px}
  .header.menu-open .brand img{width:142px}
  .header.menu-open .menu-button{position:absolute;top:calc(18px + env(safe-area-inset-top));right:24px;width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;font-size:27px;line-height:1;display:grid;place-items:center;background:#172235;color:#f2f5fa;border-color:#35435a;z-index:2}
  .header.menu-open .nav{display:flex;order:0;flex:1 1 auto;min-height:0;width:100%;max-height:none;margin:0;padding:0 2px 12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;flex-wrap:nowrap;gap:0}
  .header.menu-open .nav>a,.header.menu-open .nav-dropdown>.nav-parent-link,.header.menu-open .nav-dropdown>.nav-disclosure{color:#f2f5fa;font-size:15px;font-weight:700;line-height:1.35;min-height:50px;padding:13px 8px;border-bottom:1px solid #29364b}
  .header.menu-open .nav>a[aria-current=page],.header.menu-open .nav-dropdown.is-current>.nav-parent-link,.header.menu-open .nav-dropdown.is-current>.nav-disclosure{color:#ffab91}
  .header.menu-open .nav-dropdown{width:100%;flex:none}
  .header.menu-open .nav-dropdown>.nav-disclosure{justify-content:space-between}
  .header.menu-open .nav-dropdown:not(.nav-linked):not(.nav-services)>.nav-disclosure{width:100%;flex:1 0 100%}
  .header.menu-open .nav-disclosure>span:last-child{font-size:20px;transition:transform 220ms ease}
  .header.menu-open .nav-dropdown.is-open>.nav-disclosure>span:last-child{transform:rotate(180deg)}
  .header.menu-open .nav-submenu{width:100%;padding:4px 10px 7px 15px;background:transparent;border-left:2px solid #ffab91}
  .header.menu-open .nav .nav-submenu a{min-height:44px;padding:11px 12px;color:#d8e0ed;font-size:14px;font-weight:650}
  .header.menu-open .nav .nav-submenu a[aria-current=page]{color:#ffab91}
  .header.menu-open .nav-tools{order:1;flex:none;width:100%;margin:0;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .header.menu-open .nav-tools .lang-wrap{order:0;gap:8px}
  .header.menu-open .nav-tools .language{width:42px;height:42px;border-radius:50%;border:1px solid #35435a}
  .header.menu-open .nav-tools .language img{width:23px;height:16px}
  .header.menu-open .nav-tools .theme-toggle{width:42px;height:42px;min-height:42px;background:#172235;color:#f2f5fa;border-color:#35435a}
  .header.menu-open .mobile-menu-signature{display:block;order:2;flex:none;margin-top:18px;padding-top:13px;border-top:1px solid #29364b;color:#95a5bb}
  .header.menu-open .mobile-menu-signature svg{width:100%;height:68px;overflow:visible}
  .mobile-menu-signature text{fill:currentColor;font:600 8px/1 Arial,sans-serif;text-anchor:middle;letter-spacing:1.6px}
  .mobile-menu-signature .crew-route{fill:none;stroke:#4e657d;stroke-width:1.5;stroke-linecap:round}
  .mobile-menu-signature .crew-route-one{stroke-dasharray:128;stroke-dashoffset:128;animation:crew-route-draw 2.4s cubic-bezier(.2,.7,.2,1) .25s forwards}
  .mobile-menu-signature .crew-route-two{stroke-dasharray:54;stroke-dashoffset:54;animation:crew-route-draw 1.4s cubic-bezier(.2,.7,.2,1) 1s forwards}
  .mobile-menu-signature .crew-node{fill:#0b1423;stroke:#ffab91;stroke-width:1.6;transform-box:fill-box;transform-origin:center;animation:crew-node-arrive .7s cubic-bezier(.2,.8,.2,1) both}
  .mobile-menu-signature .crew-node-one{animation-delay:.1s}.mobile-menu-signature .crew-node-two{animation-delay:.8s}.mobile-menu-signature .crew-node-three{animation-delay:1.5s}.mobile-menu-signature .crew-node-four{animation-delay:1.15s}.mobile-menu-signature .crew-node-five{animation-delay:1.35s}
  .mobile-menu-location{display:block;text-align:center;font-size:10px;line-height:1.5;letter-spacing:.04em;color:#95a5bb}
}
@keyframes crew-route-draw{to{stroke-dashoffset:0}}
@keyframes crew-node-arrive{0%{opacity:0;transform:scale(.45)}65%{opacity:1;transform:scale(1.14)}100%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.mobile-menu-signature .crew-route,.mobile-menu-signature .crew-node{animation:none!important;stroke-dashoffset:0!important;opacity:1!important;transform:none!important}}
/* Selected mobile signature: centered logo, crew-link microanimation and no language row. */
@media(max-width:1100px){
  .header.menu-open .brand{display:flex;align-self:center;width:100%;justify-content:center;margin:0 0 20px;padding:0;background:transparent;border-radius:0}
  .header.menu-open .brand img{width:min(190px,calc(100vw - 168px));max-height:52px;object-fit:contain;background:#cbd4df;padding:5px 8px;border-radius:9px}
  .header.menu-open .nav-tools{justify-content:flex-end}
  .header.menu-open .nav-tools .lang-wrap{display:none}
  .header.menu-open .mobile-menu-signature{position:relative;height:114px;margin-top:12px;padding:0;overflow:hidden;flex:none;border:0;border-radius:0;background:transparent}
  .header.menu-open .mobile-menu-signature svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
  .mobile-menu-signature .crew-link{fill:none;stroke:#92aabd;stroke-width:1;stroke-dasharray:110;stroke-dashoffset:110;opacity:.6;animation:crew-link-draw 8s ease-in-out infinite}
  .mobile-menu-signature .crew-link.l2{animation-delay:1s}
  .mobile-menu-signature .crew-link.l3{animation-delay:2s}
  .mobile-menu-signature .crew-node{fill:#dce8f2;opacity:.75}
  .mobile-menu-signature .crew-core{fill:#ffab91;filter:drop-shadow(0 0 5px #ffb29e88);transform-box:fill-box;transform-origin:center;animation:crew-node-pulse 4.8s ease-in-out infinite}
  .mobile-menu-signature .crew-core.c2{animation-delay:1.6s}
  .mobile-menu-signature .crew-core.c3{animation-delay:3.2s}
  .mobile-menu-signature .crew-label{font:600 6px Arial,sans-serif;letter-spacing:1.1px;fill:#91a8bc;opacity:.7}
}
@keyframes crew-link-draw{0%,12%{stroke-dashoffset:110;opacity:.1}42%,78%{stroke-dashoffset:0;opacity:.55}100%{stroke-dashoffset:0;opacity:.25}}
@keyframes crew-node-pulse{0%,100%{transform:scale(.88);opacity:.62}50%{transform:scale(1.16);opacity:1}}
@media(prefers-reduced-motion:reduce){.mobile-menu-signature .crew-link,.mobile-menu-signature .crew-core{animation:none!important;stroke-dashoffset:0!important;opacity:1!important;transform:none!important}}
/* Route navigation: the crew marker travels from Stargate to the vessel. */
@media(max-width:1100px){
  .mobile-menu-signature .route-line{fill:none;stroke:#7391aa;stroke-width:1.2;stroke-dasharray:2 5;opacity:.55}
  .mobile-menu-signature .route-end{fill:#dce8f2;opacity:.72}
  .mobile-menu-signature .route-label,.mobile-menu-signature .crew-marker-label{font:600 6px Arial,sans-serif;letter-spacing:1.2px;fill:#91a8bc;text-anchor:middle}
  .mobile-menu-signature .route-moving{color:#ffab91}
  .mobile-menu-signature .route-marker{fill:#ffab91;filter:drop-shadow(0 0 5px #ffb29e88)}
  .mobile-menu-signature .crew-marker-label{fill:#ffb29e}
  .mobile-menu-signature .route-still{display:none}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-signature .route-moving{display:none!important}.mobile-menu-signature .route-still{display:block!important}}
@media(max-width:1100px){
  .header.menu-open .nav-tools{position:static;width:0;height:0;margin:0;padding:0;overflow:visible}
  .header.menu-open .nav-tools .theme-toggle{position:absolute;top:calc(18px + env(safe-area-inset-top));left:24px;width:46px;height:46px;min-height:46px;padding:8px;border-radius:50%;z-index:2}
  .header.menu-open .nav-tools .lang-wrap{display:none!important}
  .header.menu-open .mobile-menu-signature{margin-top:12px}
  .header.menu-open button,.header.menu-open a{touch-action:manipulation}
  .header.menu-open button{user-select:none;-webkit-user-select:none}
}
/* Selected mobile submenu: rounded grouping, aligned plus/minus controls. */
@media(max-width:1100px){
 .header.menu-open .nav-dropdown>.nav-disclosure{position:relative;padding-right:38px}
 .header.menu-open .nav-dropdown:is(.nav-linked,.nav-services)>.nav-disclosure{flex:0 0 44px;width:44px;min-width:44px;padding:0}
 .header.menu-open .nav-disclosure>span:last-child{position:absolute;right:8px;top:50%;width:20px;height:20px;min-width:20px;padding:0;font-size:0;line-height:0;transform:translateY(-50%);transition:none}
 .header.menu-open .nav-dropdown.is-open>.nav-disclosure>span:last-child{transform:translateY(-50%)}
 .header.menu-open .nav-disclosure>span:last-child::before,.header.menu-open .nav-disclosure>span:last-child::after{content:'';position:absolute;left:3px;top:9px;width:14px;height:2px;background:currentColor;border-radius:2px}
 .header.menu-open .nav-disclosure>span:last-child::after{transform:rotate(90deg);transition:transform 180ms cubic-bezier(.23,1,.32,1),opacity 180ms ease-out}
 .header.menu-open .nav-dropdown.is-open>.nav-disclosure>span:last-child::after{transform:rotate(0);opacity:0}
 .header.menu-open .nav .nav-submenu{flex:0 0 calc(100% - 16px);width:calc(100% - 16px);margin:0 8px 12px;padding:7px 9px;border:0;border-radius:12px;box-shadow:none;animation:submenu-card-enter 180ms ease-out}
 html[data-theme=dark] .header.menu-open .nav .nav-submenu{background:#142237}
 html[data-theme=light] .header.menu-open .nav .nav-submenu{background:#eaf0f6}
 .header.menu-open .nav .nav-submenu a{padding:11px 10px;border-radius:7px}
 html[data-theme=dark] .header.menu-open .nav .nav-submenu a[aria-current=page]{background:#ffab9114}
 html[data-theme=light] .header.menu-open .nav .nav-submenu a[aria-current=page]{background:#a73b2314}
}
@keyframes submenu-card-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.header.menu-open .nav .nav-submenu{animation:none}.header.menu-open .nav-disclosure>span:last-child::after{transition:none}}
