/*
  Site scroll v4 — cosmos journey vars + shell fade (no sticky jank)
*/

:root {
  --sr-page-p: 0;
  --sr-hero-progress: 0;
}

html.sr-site-scroll-ready {
  scroll-behavior: auto;
  scroll-padding-top: calc(var(--sr-nav-offset, 5.85rem) + 0.65rem);
}

body.sr-site .sr-cosmos-scroll-track {
  display: block;
  height: var(--sr-cosmos-track-h, clamp(300px, 46dvh, 520px));
  min-height: clamp(260px, 40dvh, 480px);
  pointer-events: none;
}

body.sr-site .sr-hero-pro__shell {
  position: relative;
  z-index: 2;
  will-change: transform, opacity;
}

body.sr-site .sr-flow-section {
  --flow-p: 1;
  opacity: 1 !important;
  transform: none !important;
  will-change: auto;
}

body.sr-site .sr-flow-section > .max-w-7xl,
body.sr-site .sr-flow-section > .mx-auto {
  transform: none;
}

body.sr-site section[id] {
  scroll-margin-top: calc(var(--sr-nav-offset, 5.85rem) + 0.75rem);
}

body.sr-site .sr-scroll-cosmos-hint {
  transition: opacity 0.25s linear, visibility 0.25s linear;
}

@media (prefers-reduced-motion: reduce) {
  body.sr-site .sr-cosmos-scroll-track {
    height: 0 !important;
    min-height: 0 !important;
    display: none !important;
  }

  body.sr-site .sr-hero-pro__shell {
    transform: none !important;
    opacity: 1 !important;
  }
}