/* Scroll entrances inspired by the quiet pacing of the FLOS reference.
   These classes are added only when the motion controller is available. */
:root{--vn-motion-distance:80px;--vn-motion-ease:cubic-bezier(.22,1,.36,1)}
.vn-motion-item{
 opacity:1;transform:translate3d(0,0,0);
 transition:opacity .75s ease var(--vn-motion-delay,0ms),transform 1.1s var(--vn-motion-ease) var(--vn-motion-delay,0ms);
}
.vn-motion-item.vn-motion-pending{opacity:0;transform:translate3d(0,80px,0)}
.vn-motion-media img{
 scale:1;
 transition:scale .7s var(--vn-motion-ease) var(--vn-motion-delay,0ms),transform .7s var(--vn-motion-ease);
}
.vn-motion-media.vn-motion-pending img{scale:1}
.hero>img.vn-motion-hero{animation:vn-hero-arrive 1.4s cubic-bezier(.25,.46,.45,.94) both}
@keyframes vn-hero-arrive{from{scale:1.045}to{scale:1}}
/* Keep focus visible immediately, even before the observer's next callback. */
.vn-motion-item:focus-within{opacity:1;transform:none;transition-delay:0ms}
@media(hover:hover) and (pointer:fine){
 .ed-link span,.text-link span,.light-link span,.ed-inline-link span{display:inline-block;transition:transform .3s ease}
 :is(.ed-link,.text-link,.light-link,.ed-inline-link):hover span{transform:translate3d(4px,-2px,0)}
}
@media(max-width:767px){
 :root{--vn-motion-distance:40px}
 .vn-motion-item{transition-duration:.65s,.95s}
 .vn-motion-item.vn-motion-pending{transform:translate3d(0,40px,0)}
 .hero>img.vn-motion-hero{animation-duration:1s}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .vn-motion-item,.vn-motion-item.vn-motion-pending{opacity:1!important;transform:none!important;transition:none!important}
 .vn-motion-media img{scale:1!important;transition:none!important}
 .hero>img.vn-motion-hero{animation:none!important}
 :is(.ed-link,.text-link,.light-link,.ed-inline-link) span{transition:none!important;transform:none!important}
}
@media print{
 .vn-motion-item,.vn-motion-item.vn-motion-pending{opacity:1!important;transform:none!important;transition:none!important}
 .vn-motion-media img,.hero>img.vn-motion-hero{scale:1!important;animation:none!important}
}