.click-intro{display:none}.intro-closed,.intro-closed body,.hero-entering,.hero-entering body{overflow:hidden}
.intro-closed .click-intro{display:grid;place-items:center;position:fixed;inset:0;z-index:10000;background:#0d0d11}
.click-enter{font:italic clamp(100px,18vw,260px)/1 Georgia,serif;letter-spacing:-.085em;color:#bda1ff;border:0;background:none;padding:30px 45px 50px;cursor:pointer;transition:color .2s}
.click-enter:hover{color:#d3bfff}.click-enter:focus-visible{outline:none}.click-enter:focus-visible:after{content:'';display:block;width:28px;height:2px;background:#bda1ff;margin:20px auto -22px;opacity:.4}
.intro-travel-word{position:fixed;z-index:10001;pointer-events:none;white-space:nowrap;transform-origin:top left}
.hero-leadin{display:inline}
#hero:focus{outline:none}
@media(prefers-reduced-motion:reduce){.click-intro{display:none!important}.intro-closed,.intro-closed body,.hero-entering,.hero-entering body{overflow:auto}}

.hero-entering .hero-sculpture{animation:none}

.hero-entering .click-intro{pointer-events:none}.hero-entering .hero-sculpture{transform-origin:70% 55%}

.hero-liquid-video{display:none;width:100%;height:100%;object-fit:cover;object-position:center}.hero-entering .hero-liquid-video{display:block}.hero-entering .hero-sculpture{animation:none;transform:scale(1.02) rotate(-2deg)}
@media(max-width:700px){.hero-liquid-video{object-position:65% center}}

/* The movie owns the background until its final frame. */
.hero-entering .hero-sculpture{background:#000!important;opacity:1!important;transform:none!important;inset:0!important}
.hero-entering .hero-glow{visibility:hidden}.hero-entering .hero-atmosphere:after{display:none}
.hero-entering .hero-liquid-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}

/* Keep the exact movie frame and framing after the entrance ends. */
.hero-landed .hero-sculpture{background:#000!important;opacity:1!important;transform:none!important;inset:0!important;animation:none!important}
.hero-landed .hero-glow{visibility:hidden}
.hero-landed .hero-atmosphere:after{display:none}
.hero-landed .hero-liquid-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}