/* Shared persistent navigation; keep video overlays above the navigation. */
html{scroll-padding-top:90px}
body .nav,body>header.site-header{
  position:fixed;inset:0 0 auto;z-index:10;
  height:76px;padding:0 clamp(22px,5vw,76px);
  display:flex;justify-content:space-between;align-items:center;
  background:rgba(17,17,17,.96);color:#f5f5f2;
  border-bottom:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  font-size:11px;letter-spacing:.18em;
}
body:has(>nav.nav),body:has(>.site-header){padding-top:76px}
.site-header .nav-links{display:flex;gap:clamp(18px,3vw,44px)}
.site-header .brand{font-size:11px;font-weight:700}
body .nav a,.site-header a{display:inline-flex;align-items:center;min-height:44px;padding-bottom:0}
body .nav a:focus-visible,.site-header a:focus-visible{outline:2px solid #d5dfd5;outline-offset:4px}
@media(max-width:620px){
  html{scroll-padding-top:78px}
  body .nav,body>header.site-header{height:64px;padding:0 22px;font-size:10px}
  body:has(>nav.nav),body:has(>.site-header){padding-top:64px}
  body .nav .links,body .nav .nav-links,.site-header .nav-links{gap:15px;font-size:9px}
  .site-header .brand{font-size:10px}
}
@media(max-width:380px){
  body .nav,body>header.site-header{padding:0 14px;letter-spacing:.08em}
  body .nav .links,body .nav .nav-links,.site-header .nav-links{gap:10px;font-size:8px}
}