/* Keep navigation in reach without collapsing its height or shifting the page. */
html{scroll-padding-top:112px}
.site-header{position:sticky;top:0;z-index:50;transition:background-color 180ms ease,box-shadow 180ms ease,border-color 180ms ease}
.site-header.is-scrolled{background:rgba(247,247,245,.96);border-bottom-color:#d6d6ce;box-shadow:0 5px 22px #0d0d0c0d}
@supports(backdrop-filter:blur(12px)){
  .site-header.is-scrolled{background:rgba(247,247,245,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
}
.site-header .mobile-nav{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--rule);box-shadow:0 12px 22px #0d0d0c0d;max-height:calc(100dvh - 90px);overflow-y:auto}
@media(max-width:600px){html{scroll-padding-top:96px}.site-header .mobile-nav{max-height:calc(100dvh - 78px)}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}