/* Motion follows the device setting until the visitor uses Play/Pause motion. */
.motion-enabled .reveal.will-reveal{
 opacity:0;transform:translate3d(0,38px,0);
 transition:opacity .85s ease,transform 1.05s cubic-bezier(.16,1,.3,1);
 transition-delay:var(--reveal-delay,0ms);
}
.motion-enabled .reveal.visible{opacity:1;transform:none}
.motion-enabled .reveal.will-reveal .image-window{
 clip-path:inset(6% 0 0 0);transition:clip-path 1.25s cubic-bezier(.16,1,.3,1);
}
.motion-enabled .reveal.visible .image-window{clip-path:inset(0)}
.motion-enabled .portrait-hero .hero-bottom a span{animation:scroll-cue 2.5s ease-in-out infinite}
.motion-enabled .hero-actions{animation:editorial-rise 1s .65s both}
.motion-enabled :is(.split-copy,.social-story,.construction-film-copy,.about-heading)>*,
.motion-enabled .about-deck,.motion-enabled .group-hero-heading>div{
 animation:editorial-rise 1.15s cubic-bezier(.16,1,.3,1) both;
}
.motion-enabled :is(.split-copy,.social-story,.construction-film-copy,.about-heading)>:nth-child(2){animation-delay:.15s}
.motion-enabled :is(.split-copy,.social-story,.construction-film-copy,.about-heading)>:nth-child(n+3),
.motion-enabled .about-deck,.motion-enabled .group-hero-heading>div:nth-child(2){animation-delay:.3s}
.motion-enabled :is(.split-photo,.about-portrait,.contact-portrait){overflow:hidden}
.motion-enabled :is(.split-photo,.about-portrait,.contact-portrait)>img{animation:editorial-photo-in 1.8s cubic-bezier(.16,1,.3,1) both}
.text-link .icon-arrow,.button .icon-arrow,.move-paths .icon-arrow{transition:transform .35s cubic-bezier(.16,1,.3,1)}
@media(hover:hover){
 .motion-enabled :is(.text-link,.button,.move-paths>a):hover .icon-arrow{transform:translate(3px,-3px)}
}
@media(min-width:701px){
 .motion-enabled .portrait-hero .hero-visual .hero-image{animation:portrait-breathe 12s ease-in-out infinite alternate}
 .motion-enabled .group-hero-photo img{animation:group-breathe 14s ease-in-out infinite alternate}
}
@media(max-width:700px){
 .motion-enabled .reveal.will-reveal{transform:translate3d(0,24px,0);transition-delay:0ms}
 .motion-enabled .reveal.visible{transform:none}
}
.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}
.motion-paused .reveal .image-window{clip-path:none;transition:none}
.motion-paused :is(.split-copy,.social-story,.construction-film-copy,.about-heading)>*,
.motion-paused .about-deck,.motion-paused .group-hero-heading>div{opacity:1;transform:none;animation:none!important}
@keyframes portrait-breathe{
 from{transform:translate3d(0,var(--hero-shift,0px),0) scale(1.04)}
 to{transform:translate3d(0,var(--hero-shift,0px),0) scale(1.085)}
}
@keyframes group-breathe{from{transform:scale(1.015)}to{transform:scale(1.04)}}
@keyframes editorial-rise{from{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:none}}
@keyframes editorial-photo-in{from{transform:scale(1.075)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
 html:not(.motion-enabled){scroll-behavior:auto}
 html:not(.motion-enabled) *,html:not(.motion-enabled) *:before,html:not(.motion-enabled) *:after{animation:none!important;transition:none!important}
 html:not(.motion-enabled) .hero-visual{clip-path:none}
 html:not(.motion-enabled) .headline-line>span{transform:none;opacity:1}
 html:not(.motion-enabled) .portrait-hero .hero-visual .hero-image,
 html:not(.motion-enabled) .page-home .intro-photo .image-window img{transform:none;will-change:auto}
 html:not(.motion-enabled) .reveal.will-reveal{opacity:1;transform:none}
}