/* Site header (js/components/site-header.js): tall at the top, shrinks and stays pinned once the page scrolls.
   On phones the links fold into a menu button that opens the sheet below the bar. */
/* the bar is fixed; site-header keeps its full height in the page so nothing moves when the bar shrinks */
site-header{display:block;height:var(--nav-h,105px)}
.s-nav{position:fixed;top:0;inset-inline:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px var(--gutter);background:var(--paper);border-bottom:1px solid var(--line);
  transition:padding 260ms var(--ease-out),background-color 260ms ease,box-shadow 260ms ease}
.s-nav .logo{height:48px;width:auto;transition:height 260ms var(--ease-out)}
.s-nav.is-small{padding-block:10px;background:var(--nav-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-nav)}
.s-nav.is-small .logo{height:34px}
.nav-end{display:flex;align-items:center;gap:10px}
.s-links{display:flex;gap:30px;font-size:var(--fs-16)}
.s-links a{text-decoration:none;padding-block:8px;color:var(--char);position:relative}
.s-links a[aria-current]{color:var(--head);font-weight:var(--fw-bold)}
.s-links a[aria-current]::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--red);border-radius:var(--r-2)}
.s-nav .btn{min-height:44px;padding-inline:20px;font-size:var(--fs-15)}
.burger{display:none;width:46px;height:46px;place-items:center;border:1px solid var(--line);border-radius:var(--r-12);background:var(--paper);color:var(--head);cursor:pointer;padding:0;transition:transform 160ms var(--ease-out)}
.burger:active{transform:scale(.94)}
.burger .i-x{display:none}
.burger[aria-expanded="true"] .i-x{display:block}
.burger[aria-expanded="true"] .i-menu{display:none}

/* Mobile menu sheet: opens in 300ms, closes faster (200ms) */
.sheet{position:fixed;top:var(--sheet-top,var(--nav-h,73px));inset-inline:0;bottom:0;z-index:29;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);padding:10px var(--gutter-m) 22px;display:grid;align-content:start;
  visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path 200ms var(--ease-drawer),opacity 200ms ease,visibility 0s 200ms}
.sheet.is-open{visibility:visible;opacity:1;clip-path:inset(0 0 0 0);transition:clip-path 300ms var(--ease-drawer),opacity 300ms ease,visibility 0s}
.sheet a.l{font-size:var(--fs-28);font-weight:var(--fw-bold);color:var(--head);text-decoration:none;padding-block:12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.sheet a.l[aria-current]{color:var(--red)}
.sheet .btn{margin-top:20px}
.sheet .soc{display:flex;gap:18px;margin-top:20px;font-size:var(--fs-15);color:var(--grey)}

@media (max-width:760px){
  .s-nav{padding:14px var(--gutter-m)}
  .s-nav .logo,.s-nav.is-small .logo{height:32px}
  .s-links,.s-nav .nav-end .btn{display:none}
  .burger{display:grid}
}
@media (min-width:761px){.sheet{display:none}}
@media (prefers-reduced-motion:reduce){.s-nav,.s-nav .logo{transition:none}}
.sheet .soc a{text-decoration:none}