/* Adapted from the reference site's UiScrollbars and SectionSnap behavior. */
.has-custom-scrollbar{scrollbar-width:none;scrollbar-gutter:auto}
.has-custom-scrollbar::-webkit-scrollbar,.has-custom-scrollbar body::-webkit-scrollbar{display:none;width:0;height:0}
.ui-scroll-layer{position:fixed;inset:0;z-index:130;pointer-events:none;overflow:hidden}
.ui-scroll-track{position:absolute;top:8px;right:2px;bottom:8px;width:10px;pointer-events:auto;opacity:.3;border-radius:20px;transition:opacity .18s,background .18s;touch-action:none}
.ui-scroll-track:hover,.ui-scroll-track:focus-within,.ui-scroll-track.is-dragging{opacity:1;background:#7c909b12}
.ui-scroll-thumb{position:absolute;top:0;left:3px;width:4px;min-height:32px;background:#657d8b;border-radius:20px;cursor:grab;touch-action:none;outline:0;transition:background .15s}
.ui-scroll-track:hover .ui-scroll-thumb{background:#405d71}
.ui-scroll-track.is-dragging .ui-scroll-thumb{cursor:grabbing;background:var(--accent)}
.ui-scroll-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ui-scroll-track.is-on-dark .ui-scroll-thumb{background:#eef3f7}
.ui-scroll-track.is-on-dark:hover .ui-scroll-thumb{background:#fff}
.hero-landscape{transform:translateY(var(--landscape-depth,0px))}
.hero-content{transform:translateY(var(--copy-depth,0px))}
@media(max-width:760px),(hover:none) and (pointer:coarse){.ui-scroll-layer{display:none}}
@media(prefers-reduced-motion:reduce){.ui-scroll-track,.ui-scroll-thumb{transition:none}.hero-landscape,.hero-content{transform:none}}