/* Motion review: short travel, soft arrivals, stable typography and layout. */
.home .work-heading.scroll-arrival{opacity:1;transform:none;transition:none}
.home .micro-heading{position:relative}
.home .micro-heading-original{display:block;opacity:0}
.home .micro-heading-overlay{display:block;position:absolute;inset:0;pointer-events:none}
.home .micro-word{display:inline-block;white-space:nowrap;opacity:0;transform:translateY(8px);transition:opacity 360ms ease,transform 420ms cubic-bezier(.22,1,.36,1);transition-delay:var(--word-delay,0ms)}
.home .micro-heading-visible .micro-word{opacity:1;transform:none}
.home #work .feature-card .card-caption h2,.home #work .feature-card .card-caption p{transition:opacity 320ms ease,transform 420ms cubic-bezier(.22,1,.36,1),translate 280ms cubic-bezier(.22,1,.36,1)}
.home #work .feature-card.scroll-arrival .card-caption h2,.home #work .feature-card.scroll-arrival .card-caption p{opacity:0;transform:translateY(8px)}
.home #work .feature-card.scroll-arrival.arrived .card-caption h2{opacity:1;transform:none;transition-delay:60ms,60ms,0ms}
.home #work .feature-card.scroll-arrival.arrived .card-caption p{opacity:1;transform:none;transition-delay:115ms,115ms,0ms}
.home #work .feature-card .feature-visual video{transition:transform 420ms cubic-bezier(.22,1,.36,1)}
.home .micro-roll{position:relative;display:inline-block;overflow:hidden;vertical-align:middle;line-height:1.35}
.home .micro-roll-original,.home .micro-roll-clone{display:block;line-height:inherit;transition:transform 280ms cubic-bezier(.22,1,.36,1);font:inherit}
.home .micro-roll-clone{position:absolute;top:100%;left:0;white-space:nowrap;pointer-events:none}
.home header nav a .micro-roll span{font:inherit;color:inherit}
.home .micro-link:focus-visible .micro-roll-original,.home .micro-link:focus-visible .micro-roll-clone{transform:translateY(-100%)}
@media(hover:hover) and (pointer:fine){
 .home #work .feature-card:hover .card-caption h2,.home #work .feature-card:focus-visible .card-caption h2{translate:3px 0}
 .home #work .feature-card:hover .card-arrow,.home #work .feature-card:focus-visible .card-arrow{transform:translate(3px,-3px)}
 .home #work .feature-card:hover .feature-visual video,.home #work .feature-card:focus-visible .feature-visual video{transform:scale(1.025)}
 .home .micro-link:hover .micro-roll-original,.home .micro-link:hover .micro-roll-clone{transform:translateY(-100%)}
}
@media(hover:none),(pointer:coarse){
 .home #work .feature-card:active .feature-visual video{transform:scale(1.012)}
 .home #work .feature-card:active .card-caption h2{translate:2px 0}
 .home .micro-link:active .micro-roll-original,.home .micro-link:active .micro-roll-clone{transform:translateY(-100%)}
 .home #work .feature-card:hover .feature-visual video{transform:none}
 .home #work .feature-card:active .feature-visual video{transform:scale(1.012)}
 .home #work .feature-card:hover .card-arrow{transform:none}
}
.home.animations-paused .micro-word,.home.animations-paused #work .feature-card .card-caption h2,.home.animations-paused #work .feature-card .card-caption p{opacity:1;transform:none;translate:none;transition:none}
.home.animations-paused .micro-roll-original,.home.animations-paused .micro-roll-clone{transform:none;transition:none}
@media(prefers-reduced-motion:reduce){
 .home .micro-word,.home #work .feature-card .card-caption h2,.home #work .feature-card .card-caption p{opacity:1!important;transform:none!important;translate:none!important;transition:none!important}
 .home .micro-roll-original,.home .micro-roll-clone{transform:none!important;transition:none!important}
}
/* Navigation lettering inherits the header's dark ink, including both roll copies. */
.home header nav>a:not(:last-child){color:#141414}
.home header nav>a:not(:last-child):is(:hover,:focus-visible){color:#60605c}
.home header nav a .micro-roll,.home header nav a .micro-roll-original,.home header nav a .micro-roll-clone{color:inherit}
