/* Individual translate composes with the existing entrance animations. */
.scroll-story-enabled .hero-copy{translate:0 var(--hero-copy-y,0px);opacity:var(--hero-copy-opacity,1)}
.scroll-story-enabled .hero-composition{translate:0 var(--hero-photo-y,0px)}
.hero:focus-within .hero-copy{opacity:1}
.studio-scroll-track{position:relative}
.studio-scroll-track.is-pinned .studio-experience{position:sticky;top:var(--studio-pin-top,106px)}
.studio-scroll-track.is-pinned .studio-stage{box-shadow:0 22px 50px -38px #365c7040}
.studio-scroll-track.is-pinned .studio-stage-label:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#6d958c;transform:scaleX(var(--studio-scroll-progress,0));transform-origin:left}
.studio-stage-label{position:relative;padding-bottom:9px}
.studio-device .product-screen-outgoing{position:absolute;width:128%;max-width:none;height:128%;left:-14%;top:-19.84%;object-fit:fill;z-index:1;pointer-events:none;animation:screen-dissolve .5s ease both}
@keyframes screen-dissolve{to{opacity:0}}
.js .research-heading.visible h2,.js .featured-study.visible .study-feature-title,.js .teaching-grid.visible .teaching-photo{animation:chapter-arrive .8s cubic-bezier(.2,.75,.25,1) both}
.js .research-heading.visible .research-intro,.js .featured-study.visible .study-feature-copy{animation:chapter-arrive .8s .12s cubic-bezier(.2,.75,.25,1) both}
@keyframes chapter-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.paused .hero-copy,.paused .hero-composition{translate:none;opacity:1}
.paused .product-screen-outgoing{display:none}
.paused .research-heading.visible h2,.paused .featured-study.visible>div,.paused .teaching-grid.visible .teaching-photo{animation:none!important}
@media(prefers-reduced-motion:reduce){
  .scroll-story-enabled .hero-copy,.scroll-story-enabled .hero-composition{translate:none;opacity:1}
  .studio-device .product-screen-outgoing{display:none}
}