.sticky-scene img,.sticky-scene video{width:100%;height:100%;object-fit:cover}#results{width:100vw;margin-left:calc(50% - 50vw)}#results .gate{width:min(calc(100% - 2rem),48rem);margin-inline:auto}.reveal-video{position:absolute;top:0;right:0;bottom:0;left:0}.scroll-video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .14s linear;will-change:opacity}.scroll-video.active{opacity:1}.reveal-video{z-index:2}.reveal-video.finished{visibility:hidden}.sticky-scene:not(.reveal-finished) .scroll-video,.sticky-scene:not(.reveal-finished) .veil,.sticky-scene:not(.reveal-finished) .cinematic-copy{visibility:hidden;opacity:0}.cinematic-copy,.caption{position:absolute;top:0;right:0;bottom:0;left:0}.cinematic-copy{--caption-gutter: clamp(1.5rem, 5vw, 6rem);--caption-title-size: clamp(2.25rem, 5vw, 4.4rem);--caption-body-size: clamp(1rem, 1.35vw, 1.35rem);--caption-label-size: clamp(.68rem, .75vw, .8rem);--caption-copy-width: min(32rem, 100%);z-index:3;pointer-events:none}.caption{display:grid;align-content:center;left:var(--caption-gutter);right:var(--caption-gutter);width:auto;margin:auto;padding:calc(5rem + env(safe-area-inset-top)) 0 calc(3rem + env(safe-area-inset-bottom));opacity:0;visibility:hidden;transition:opacity .18s ease}.caption.active{opacity:1;visibility:visible}.caption-top{align-content:start}.caption-bottom{align-content:end}.caption-mid{justify-items:center;text-align:center}.caption-right{justify-items:end;text-align:right}.hero-moon{width:min(42vw,11rem);margin-bottom:1.4rem;color:#fff;filter:drop-shadow(0 0 2rem rgb(255 255 255 / .16))}.moon-caption{justify-items:center;text-align:center}.moon-slot{width:min(62vw,17rem);margin:0 auto 1.5rem;color:#fff;filter:drop-shadow(0 0 2.5rem rgb(255 255 255 / .18))}.moon-copy{display:grid;justify-items:center;gap:.7rem}.caption h2{max-width:14ch;font-size:var(--caption-title-size)}.caption .lede{max-width:var(--caption-copy-width);margin:0;font-size:var(--caption-body-size);text-shadow:0 2px 20px #000}.caption .eyebrow,.caption .place-date,.moment .event-time,.moment .event-title{font-size:var(--caption-label-size)}.moment{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left}.moment .event-copy{max-width:29rem}
/*# sourceMappingURL=/cdn/shop/t/13/assets/ephemeris-cinematic-motion.css.map */