.js .hero-copy>*{opacity:0;transform:translateY(1rem)}.js.is-ready .hero-copy>*{opacity:1;transform:none;transition:opacity 760ms 260ms var(--ease-entrance),transform 760ms 260ms var(--ease-entrance)}.js.is-ready .hero-copy>*:nth-child(2){transition-delay:380ms}.js.is-ready .hero-copy>*:nth-child(3){transition-delay:500ms}.js .hero-door{transform:translateX(0)}.js.is-ready .hero-door-left{transform:translateX(-100%);transition:transform 1450ms 320ms var(--ease-entrance)}.js.is-ready .hero-door-right{transform:translateX(100%);transition:transform 1450ms 320ms var(--ease-entrance)}

.js .hero-copy h1{transform:translateX(-12rem)}
.js.is-ready .hero-copy h1{
  transform:none;
  transition:opacity 900ms 220ms var(--ease-entrance),transform 1100ms 220ms var(--ease-entrance);
}

@media(max-width:52rem){
  .js .hero-copy h1{transform:translateX(-7rem)}
}

.js .reveal{
  opacity:0;
  transform:translateY(2rem);
  transition:opacity 720ms var(--ease-entrance),transform 720ms var(--ease-entrance);
  transition-delay:var(--reveal-delay,0ms);
  will-change:opacity,transform;
}
.js .reveal.is-visible{opacity:1;transform:none;will-change:auto}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .hero-copy>*,.js .hero-door,.js .reveal{opacity:1;transform:none;transition:none}.environment img,.button{transition:none}}