/* Holty glass layer: header "invisible at top, glass on scroll".
   Written against prod chrome.css (.site-nav). Load after chrome.css. JS adds html.nav-scrolled after 8px of scroll. */
body.glass .site-nav {
  background: transparent !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  border-bottom-color: transparent !important;
  box-shadow: none;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, -webkit-backdrop-filter 0.3s ease, backdrop-filter 0.3s ease; }
html.nav-scrolled body.glass .site-nav,
body.glass.menu-open .site-nav {
  background: linear-gradient(180deg, rgba(255,255,255,0.80) 0%, rgba(255,255,255,0.62) 100%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important; backdrop-filter: blur(24px) saturate(180%) !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.9), 0 1px 0 rgba(18,22,36,0.05), 0 12px 30px -10px rgba(18,40,60,0.20); }
/* Small parts that sit on the glows while the bar is invisible */
body.glass :is(.nav-link, .nav-trigger):hover { background: rgba(255,255,255,0.6) !important; }
body.glass .lang-switch-trigger { background: rgba(255,255,255,0.55) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.9), 0 1px 2px rgba(18,22,36,0.05); }
body.glass .lang-switch-trigger:hover { background: rgba(255,255,255,0.85) !important; }
body.glass .lang-switch-menu { background: rgba(255,255,255,0.78) !important; -webkit-backdrop-filter: blur(24px) saturate(180%); backdrop-filter: blur(24px) saturate(180%); border-color: rgba(255,255,255,0.85) !important; box-shadow: inset 0 1px 0 #fff, 0 14px 32px rgba(18,40,60,0.12) !important; }
body.glass .nav-burger:hover { background: rgba(255,255,255,0.6) !important; }
/* Tablet drawer (769–1263px): frosted panel under the bar */
@media (min-width: 769px) and (max-width: 1263px) {
  body.glass .site-nav .nav-links { background: rgba(255,255,255,0.84) !important; -webkit-backdrop-filter: blur(24px) saturate(180%); backdrop-filter: blur(24px) saturate(180%); box-shadow: 0 24px 48px -16px rgba(18,40,60,0.22) !important; }
}
/* Phones: lighter blur; while the menu sheet is open the bar stays solid white (prod behaviour) */
@media (max-width: 768px) {
  html.nav-scrolled body.glass .site-nav { -webkit-backdrop-filter: blur(16px) saturate(160%) !important; backdrop-filter: blur(16px) saturate(160%) !important; }
  body.glass.menu-open .site-nav { background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: inset 0 -1px 0 var(--gray-200, #E6E6EA); }
}
@media (prefers-reduced-transparency: reduce) {
  html.nav-scrolled body.glass .site-nav { background: rgba(255,255,255,0.97) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
}
@media (prefers-reduced-motion: reduce) { body.glass .site-nav { transition: none; } }