html {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(244, 244, 245, 0.38) #020202 !important;
}

body {
  scrollbar-gutter: stable;
}

* {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(244, 244, 245, 0.32) rgba(2, 2, 2, 0.72) !important;
}

::-webkit-scrollbar {
  width: 11px !important;
  height: 11px !important;
}

::-webkit-scrollbar-track {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.006)),
    #020202 !important;
  border-radius: 999px !important;
}

::-webkit-scrollbar-thumb {
  min-height: 52px !important;
  border: 3px solid #020202 !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(161, 161, 170, 0.26)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    0 0 18px rgba(255, 255, 255, 0.06) !important;
}

::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(212, 212, 216, 0.42)) !important;
}

::-webkit-scrollbar-thumb:active {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(244, 244, 245, 0.55)) !important;
}

::-webkit-scrollbar-corner {
  background: #020202 !important;
}

/* Shared Orbit route motion */
html { background:#020202; }
@supports (animation-timeline: view()) {
  main > section { animation:orbit-route-section linear both; animation-timeline:view(); animation-range:entry 4% cover 28%; }
  main > section:nth-child(even) { animation-name:orbit-route-section-alt; }
}
@keyframes orbit-route-section { from { opacity:0; transform:translateY(36px) rotateX(4deg); } to { opacity:1; transform:translateY(0) rotateX(0); } }
@keyframes orbit-route-section-alt { from { opacity:0; transform:translateY(36px) rotateX(4deg) rotateY(-1deg); } to { opacity:1; transform:translateY(0) rotateX(0) rotateY(0); } }
@media (prefers-reduced-motion: reduce) { main > section { animation:none !important; } }

/* Shared in-view choreography, powered by site.js */
.orbit-motion-item {
  opacity: 0;
  filter: blur(7px);
  transform: translate3d(0, 42px, 0) rotateX(7deg) scale(.985);
  transform-origin: 50% 100%;
  transition:
    opacity .72s cubic-bezier(.16, 1, .3, 1) var(--orbit-motion-delay, 0ms),
    transform .86s cubic-bezier(.16, 1, .3, 1) var(--orbit-motion-delay, 0ms),
    filter .66s ease var(--orbit-motion-delay, 0ms);
  animation: none !important;
}
.orbit-motion-item.orbit-in-view { opacity: 1; filter: blur(0); transform: translate3d(0, 0, 0) rotateX(0) scale(1); }
.orbit-motion-item.hero-visual { transform: translate3d(30px, 42px, 0) rotateY(-4deg) rotateX(5deg) scale(.98); }
.orbit-motion-item.hero-visual.orbit-in-view { transform: translate3d(0, 0, 0) rotateY(0) rotateX(0) scale(1); }
.orbit-motion-item.list-row:nth-child(even), .orbit-motion-item.timeline-item:nth-child(even) { transform: translate3d(-28px, 40px, 0) rotateY(3deg) rotateX(5deg); }
.orbit-motion-item.list-row:nth-child(even).orbit-in-view, .orbit-motion-item.timeline-item:nth-child(even).orbit-in-view { transform: translate3d(0, 0, 0) rotateY(0) rotateX(0); }
@media (prefers-reduced-motion: reduce) {
  .orbit-motion-item { opacity:1; filter:none; transform:none; transition:none; }
}