:root{--effect-speed: 1}.effects-on .img-mask-container{overflow:hidden}.effects-on .animate-zoom{animation:zoomIn calc(2.5s / var(--effect-speed)) ease-out both;transform-origin:center center}@keyframes zoomIn{0%{transform:scale(1.18);opacity:.6}to{transform:scale(1);opacity:1}}.effects-on img.img-item:not([data-zoom=true]):not(.heading){animation:fragmentReveal calc(2.5s / var(--effect-speed)) linear both}@keyframes fragmentReveal{0%,99%{opacity:0}to{opacity:1}}.effects-on g.svg-heading{animation:headingSlideFadeSvg calc(1.4s / var(--effect-speed)) ease-out backwards}@keyframes headingSlideFadeSvg{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.effects-on .svg-zoom{animation:svgZoomIn calc(2.5s / var(--effect-speed)) ease-out both;transform-origin:center center;transform-box:fill-box;will-change:transform;backface-visibility:hidden}@keyframes svgZoomIn{0%{transform:perspective(1000px) scale3d(1.18,1.18,1)}to{transform:perspective(1000px) scaleZ(1)}}.effects-on .svg-fragment{animation:fragmentReveal calc(2.5s / var(--effect-speed)) linear both}