/* Entrance motion follows the page's content hierarchy; it never changes layout. */
.hero h1 .hero-line{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em;color:var(--white)}
.hero h1 .hero-line>span{display:block;color:inherit}
.hero h1 .hero-line-accent,.hero h1 .hero-line-accent>span{color:var(--amber)}

.motion-ready .nav{animation:nav-enter .65s cubic-bezier(.22,1,.36,1) both}
.motion-ready .hero-media{animation:hero-image-enter 1.3s cubic-bezier(.22,1,.36,1) both}
.motion-ready .hero-line>span{animation:hero-line-enter .86s cubic-bezier(.22,1,.36,1) both}
.motion-ready .hero-line:first-child>span{animation-delay:.15s}
.motion-ready .hero-line-accent>span{animation-delay:.34s}
.motion-ready .hero-copy p{animation:hero-detail-enter .7s cubic-bezier(.22,1,.36,1) .67s both}

.motion-ready .impact-controls,
.motion-ready .impact-track{opacity:0;transform:translateY(17px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
.motion-ready .impact-carousel.has-entered .impact-controls,
.motion-ready .impact-carousel.has-entered .impact-track{opacity:1;transform:none}
.impact-context .read-word{opacity:var(--read-opacity,.16)}
.read-screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.motion-ready .impact-carousel.has-entered .impact-controls{transition-delay:.13s}
.motion-ready .impact-carousel.has-entered .impact-track{transition-delay:.3s}
.motion-ready .impact-carousel.has-entered .impact-slide.is-active h2{animation:impact-title-enter .62s cubic-bezier(.22,1,.36,1) both}
.motion-ready .impact-carousel.has-entered .impact-slide.is-active .impact-art{animation:impact-art-enter .72s cubic-bezier(.22,1,.36,1) .12s both}

.motion-ready .scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .72s ease,transform .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.motion-ready .scroll-reveal.is-visible{opacity:1;transform:none}
.motion-ready .scroll-reveal.is-visible{will-change:auto}

@keyframes nav-enter{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes hero-image-enter{from{opacity:.55;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@keyframes hero-line-enter{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@keyframes hero-detail-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@keyframes impact-title-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes impact-art-enter{from{opacity:0;transform:translateY(20px) scale(.975)}to{opacity:1;transform:none}}

@media(prefers-reduced-motion:reduce){
  .motion-ready .nav,.motion-ready .hero-media,.motion-ready .hero-line>span,.motion-ready .hero-copy p,
  .motion-ready .impact-carousel.has-entered .impact-slide.is-active h2,.motion-ready .impact-carousel.has-entered .impact-slide.is-active .impact-art{animation:none!important}
  .impact-context .read-word,.motion-ready .impact-controls,.motion-ready .impact-track,.motion-ready .scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}
}