html.site-embedded .site-nav { display: none !important; }
html.site-embedded body { min-height: 100vh; }
html.site-embedded .page-enter { animation: none !important; }
html:has(.shell-content),
html:has(.shell-content) body { width: 100%; height: 100%; overflow: hidden; }
.shell-content { position: fixed; inset: 0; overflow: hidden; background: #f3f6fa; }
.shell-page { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #f3f6fa; }
.shell-page[aria-hidden="true"] { visibility: hidden; pointer-events: none; }
.shell-menu { position: fixed; z-index: 1100; inset: 0; display: none; align-items: center; justify-content: center; flex-direction: column; gap: 22px; background: rgba(243,246,250,.96); }
.shell-menu.open { display: flex; }
.shell-menu a { color: #182536; font: 600 25px/1.3 sans-serif; text-decoration: none; }
.site-nav .nav-pills .nav-indicator.shell-indicator { width: 72px; transform-origin: left center; will-change: transform, opacity; transition: none !important; }
html:has(.shell-content) .site-nav a,
html:has(.shell-content) .site-nav button { cursor: pointer !important; }
.site-nav { transition: opacity 320ms cubic-bezier(.22,.61,.36,1); }
.site-nav.shell-obscured { pointer-events: none !important; }
.site-nav.shell-obscured * { pointer-events: none !important; }
/* Keep scrolling artwork behind the navigation, then soften its lower edge. */
body[data-page] .site-nav.liquid-nav.scrolled {
  background: linear-gradient(115deg, #fbfdff, #f4f8fe 65%, #fafaff);
}
.site-nav.liquid-nav::after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  height: 48px;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to bottom, #f4f8fe, rgba(244,248,254,.88) 22%, rgba(244,248,254,.52) 56%, rgba(244,248,254,0));
  opacity: 0;
  transition: opacity 300ms ease;
}
.site-nav.liquid-nav.scrolled::after { opacity: 1; }