/* Enter from the lower right; keep the outgoing snapshot covering the corners. */
@view-transition{navigation:auto}
::view-transition{background:#111816}
::view-transition-group(root){animation:none}
::view-transition-image-pair(root){isolation:isolate}
::view-transition-old(root),::view-transition-new(root){height:100%;width:100%;object-fit:cover;object-position:top left;mix-blend-mode:normal}
::view-transition-old(root){z-index:1;animation:nue-page-out 960ms cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){z-index:2;animation:nue-page-in 900ms cubic-bezier(.65,0,.22,1) both;box-shadow:-20px -20px 60px #0003}
@keyframes nue-page-out{from{transform:translate3d(0,0,0);filter:brightness(1)}to{transform:translate3d(-4%,-4%,0) scale(1.08);filter:brightness(.56)}}
@keyframes nue-page-in{from{transform:translate3d(100%,100%,0)}to{transform:translate3d(0,0,0)}}

/* Hold the initial pose before the deferred scene scripts or first snapshot.
   Home and the stories share one masked title motion, never two nested lifts. */
.page-entry-pending :is(.hero,.content-hero) :is(.title-mask>span,.content-intro,.hero-aside>p,.hero-aside>.split-button){opacity:0!important;transform:translate3d(0,22px,0)!important;transition:none!important}
.page-entry-pending :is(.hero,.content-hero) .title-mask>span{transform:translate3d(0,110%,0)!important}
.text-motion-ready .hero .motion-block{opacity:1;transform:none;transition:none}
.text-motion-ready :is(.hero,.content-hero) .title-mask>span{opacity:1;transform:translate3d(0,110%,0);transition:none}
.text-motion-ready :is(.hero,.content-hero).text-entered .title-mask>span{transform:none;transition:transform 1000ms var(--motion-ease) 60ms}
.text-motion-ready :is(.hero,.content-hero).text-entered .title-mask~.title-mask>span{transition-delay:150ms}
.text-motion-ready .hero-aside>p,.text-motion-ready .hero-aside>.split-button{opacity:0;transform:translate3d(0,18px,0)}
.text-motion-ready .hero.text-entered .hero-aside>p{opacity:1;transform:none;transition:opacity 900ms var(--motion-ease) 180ms,transform 900ms var(--motion-ease) 180ms}
.text-motion-ready .hero.text-entered .hero-aside>.split-button{opacity:1;transform:none;transition:opacity 900ms var(--motion-ease) 300ms,transform 900ms var(--motion-ease) 300ms}
.text-motion-ready .content-page .content-hero.text-entered .content-intro{transition:opacity 900ms var(--motion-ease),transform 900ms var(--motion-ease)}
.text-motion-ready .content-page .content-hero.text-entered .title-mask>span{transition-delay:100ms}
.text-motion-ready .content-page .content-hero.text-entered .title-mask~.title-mask>span{transition-delay:190ms}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  ::view-transition-old(root),::view-transition-new(root){animation:none;box-shadow:none}
  :is(.hero,.content-hero) :is(.title-mask>span,.content-intro,.hero-aside>p,.hero-aside>.split-button){opacity:1!important;transform:none!important;transition:none!important}
}