/* Shared Glacier navigation: ice-blue glass, original wordmark, quiet motion. */
.site-navigation {
  --nav-ink: #f1f8ff;
  box-sizing: border-box;
  position: fixed;
  inset: max(20px, env(safe-area-inset-top)) 32px auto;
  z-index: 100;
  width: max-content;
  max-width: calc(100% - 40px);
  height: 76px;
  margin-inline: auto;
  padding: 8px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  border: 1px solid #d5edff38;
  border-top-color: #e7f6ff70;
  border-radius: 18px;
  color: var(--nav-ink);
  background: linear-gradient(115deg, #abcfe529, #3a709d18 48%, #8ec5e22b), #082943c9;
  box-shadow: inset 0 1px 0 #ffffff0d, 0 12px 40px #00152824;
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  backdrop-filter: blur(24px) saturate(140%);
  transition: transform .32s cubic-bezier(.22,1,.36,1), opacity .25s ease;
}
.site-navigation *, .site-navigation *::before, .site-navigation *::after { box-sizing: border-box; }
.site-navigation.is-hidden { transform: translateY(calc(-100% - 32px - env(safe-area-inset-top))); opacity: 0; pointer-events: none; }
.site-navigation .navigation-brand { display: flex; flex-shrink: 0; align-items: center; padding: 0; text-decoration: none; }
.site-navigation .navigation-brand img { display: block; width: 120px; height: auto; }
.site-navigation nav { display: block; }
.site-navigation ul { display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
.site-navigation li { margin: 0; padding: 0; }
.site-navigation .navigation-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 46px;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  font: 500 14px/1.2 Inter, system-ui, sans-serif;
  letter-spacing: -.015em;
  color: var(--nav-ink);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease;
}
.site-navigation .navigation-link:hover { background: #d9efff14; color: white; }
.site-navigation .navigation-link[aria-current="page"] { background: #d9efff14; }
.site-navigation .navigation-contact { margin-left: 12px; padding-inline: 22px; border: 1px solid #d7efff70; background: linear-gradient(130deg,#d5eeff26,#d5eeff0a); box-shadow: inset 0 1px 0 #ffffff12; }
.site-navigation .navigation-contact:hover { background: #d5eeff2e; }
.site-navigation .navigation-contact span { font-size: 19px; font-weight: 400; color: #b8e8ff; }
.site-navigation :is(a,button):focus-visible { outline: 2px solid #b1e8ff; outline-offset: 4px; }
.site-navigation .navigation-toggle { display: none; }
.equipment-page { padding-top: 130px; }
html { scroll-padding-top: 130px; }
.navigation-about { max-width: 480px; width: calc(100% - 40px); padding: 36px; border: 1px solid #547a99; border-radius: 20px; background: #082845; color: #f5fbff; font: 16px/1.65 system-ui,sans-serif; }
.navigation-about::backdrop { background: #001020bb; backdrop-filter: blur(8px); }
.navigation-about h2 { font: 600 28px/1.2 system-ui,sans-serif; margin: 0 0 20px; color: white; }
.navigation-about p { color: #d4e7f8; }
.navigation-about button { border: 0; border-radius: 10px; padding: 12px 20px; background: #e7f5ff; color: #05233e; cursor: pointer; font: 600 14px system-ui,sans-serif; }
@media (max-width: 900px) {
  .site-navigation { inset-inline: 20px; gap: 24px; padding-inline: 20px; }
  .site-navigation ul { gap: 4px; }
  .site-navigation .navigation-link { padding-inline: 12px; }
  .site-navigation .navigation-contact { margin-left: 6px; }
  .site-navigation .navigation-brand img { width: 120px; }
}
@media (max-width: 700px) {
  .site-navigation { inset: max(12px, env(safe-area-inset-top)) 12px auto; width: calc(100% - 40px); max-width: 360px; height: 68px; padding: 6px 16px; border-radius: 16px; }
  .site-navigation .navigation-brand img { width: 106px; }
  .site-navigation .navigation-toggle { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 10px; border: 0; background: transparent; color: var(--nav-ink); font: 500 13px Inter,system-ui,sans-serif; cursor: pointer; }
  .navigation-toggle-icon { display: flex; flex-direction: column; gap: 6px; width: 20px; }
  .navigation-toggle-icon i { display: block; width: 20px; height: 1px; background: currentColor; transition: transform .2s ease; }
  .is-open .navigation-toggle-icon i:first-child { transform: translateY(3.5px) rotate(45deg); }
  .is-open .navigation-toggle-icon i:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .site-navigation nav { display: none; }
  .site-navigation.is-open { height: auto; flex-wrap: wrap; gap: 8px; padding-bottom: 16px; background-color: #082943f2; }
  .site-navigation.is-open nav { display: block; width: 100%; padding-top: 12px; border-top: 1px solid #d5edff26; }
  .site-navigation ul { flex-direction: column; align-items: stretch; gap: 4px; }
  .site-navigation .navigation-link { width: 100%; justify-content: space-between; min-height: 50px; padding: 0 16px; font-size: 15px; }
  .site-navigation .navigation-contact { margin: 8px 0 0; }
  .equipment-page { padding-top: 108px; }
  html { scroll-padding-top: 108px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-navigation, .site-navigation * { transition: none !important; }
}

/* Detached logo on the left; only the navigation controls sit inside glass. */
.site-navigation {
  inset: max(24px, env(safe-area-inset-top)) 6vw auto;
  width: auto;
  max-width: none;
  height: 66px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.site-navigation .navigation-brand img { width: 142px; }
.site-navigation nav {
  padding: 6px;
  border: 1px solid #d5edff38;
  border-top-color: #e7f6ff70;
  border-radius: 14px;
  background: linear-gradient(115deg,#abcfe529,#8ec5e218),#082943b8;
  box-shadow: 0 8px 30px #00152820;
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  backdrop-filter: blur(24px) saturate(140%);
}
@media(max-width:900px) {
  .site-navigation { inset-inline: 24px; gap: 20px; }
  .site-navigation .navigation-brand img { width: 120px; }
}
@media(max-width:700px) {
  .site-navigation { inset: max(18px, env(safe-area-inset-top)) 24px auto; width:auto; max-width:none; height:56px; padding:0; }
  .site-navigation .navigation-brand img { width:110px; }
  .site-navigation .navigation-toggle { padding:0 14px; min-height:44px; border:1px solid #d5edff38; border-radius:12px; background:#28506bc4; -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); }
  .site-navigation.is-open { height:56px; padding:0; gap:20px; flex-wrap:nowrap; background:transparent; }
  .site-navigation.is-open nav { position:absolute; top:70px; left:0; right:0; width:auto; padding:12px; border:1px solid #d5edff38; background:#082943ed; }
}