.animate--zoom-in{--zoom-in-ratio:1}
.animate--zoom-in img,.animate--zoom-in picture,.animate--zoom-in>svg{transition:scale var(--duration-short) linear;scale:var(--zoom-in-ratio)}
:root{--duration-announcement-bar:250ms;--duration-medium:300ms;--duration-long:500ms;--duration-extra-long:600ms;--duration-extra-longer:750ms;--duration-extended:3s;--animation-slide-in:slideIn var(--duration-extra-long) ease forwards;--animation-fade-in:fadeIn var(--duration-extra-long) ease forwards;--animation-zoom-in:zoomIn var(--duration-extra-longer) ease forwards}
@media(prefers-reduced-motion:no-preference){
.animate--ambient>img,.animate--ambient>svg{animation:animateAmbient 30s linear infinite;will-change:transform}
@keyframes animateAmbient{0%{transform:rotate(0deg) translateX(1em) rotate(0deg) scale(1.2)}100%{transform:rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2)}}
.scroll-trigger:is(.zoom_in,.fade_in,.slide_in){opacity:.01}
.scroll-trigger:not(.scroll-trigger--offscreen).zoom_in{animation:var(--animation-zoom-in);animation-delay:calc(var(--animation-order) * 75ms);will-change:transform,opacity}
.scroll-trigger:not(.scroll-trigger--offscreen).fade_in{animation:var(--animation-fade-in);will-change:opacity}
.scroll-trigger:not(.scroll-trigger--offscreen).slide_in{animation:var(--animation-slide-in);animation-delay:calc(var(--animation-order) * 75ms);will-change:transform,opacity}
.scroll-trigger.scroll-trigger--design-mode.fade_in,.scroll-trigger.scroll-trigger--design-mode.slide_in,.scroll-trigger.scroll-trigger--design-mode .slider,.scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel{opacity:1;animation:none;transition:none}
.scroll-trigger[animation-end]{opacity:1;animation:none!important;transition:none;will-change:auto}
.scroll-trigger.scroll-trigger--design-mode.slide_in{transform:translateY(0)}
@keyframes slideIn{from{transform:translateY(1rem);opacity:.01}to{transform:translateY(0);opacity:1}}
@keyframes zoomIn{from{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}
}
@media screen and (max-width:989px){.scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet{animation:var(--animation-slide-in)}}
@media screen and (min-width:990px){.scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop{animation:var(--animation-slide-in)}}
.scroll-trigger.scroll-trigger--design-mode.fade_in,.scroll-trigger.scroll-trigger--design-mode.slide_in,.scroll-trigger.scroll-trigger--design-mode .slider,.scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel{opacity:1;animation:none;transition:none}
.scroll-trigger.scroll-trigger--design-mode.slide_in{transform:translateY(0)}
@keyframes fadeIn{from{opacity:.01}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
.animate--ambient>img,.animate--ambient>picture,.animate--ambient>.svg-wrapper{animation:animateAmbient 30s linear infinite;will-change:transform}
}
.animate-fixed-parent{display:initial!important}
.animate--fixed{clip-path:inset(0)}
.animate--fixed>img:not(.zoom),.animate--fixed>picture:not(.zoom),.animate--fixed>svg:not(.zoom){position:fixed;height:100vh}