/* Keep the navigation in the same place as its palette changes. */
html[data-visual="rings"] .header {
  position: fixed;
  top: 0;
  transition: background-color .32s ease, color .32s ease, border-color .32s ease;
}

html { scroll-padding-top: calc(var(--casp-header-height, 80px) + 18px); }
html.casp-scroll-managed { scroll-behavior: auto !important; }
html.lenis, html.lenis body { height: auto; }
html.casp-dialog-open, html.lenis.lenis-stopped { overflow: hidden; }

@media (max-width: 540px) {
  html { --casp-header-height: 69px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  html[data-visual="rings"] .header { transition: none; }
}