#slogan-section{view-timeline-name:--slogan-timeline;view-timeline-axis:block}.slogan-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transform:translateZ(0);will-change:mask-position;mask-image:linear-gradient(to right,black 50%,transparent 50%);-webkit-mask-image:linear-gradient(to right,black 50%,transparent 50%);mask-size:200% 100%;-webkit-mask-size:200% 100%;mask-position:100% 0;-webkit-mask-position:100% 0;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.slogan-part-1 .slogan-text{animation:reveal-mask linear both;animation-timeline:--slogan-timeline;animation-range:entry 10% cover 20%}.slogan-part-2 .slogan-text{animation:reveal-mask linear both;animation-timeline:--slogan-timeline;animation-range:cover 20% cover 25%}.slogan-part-3 .slogan-text{animation:reveal-mask linear both;animation-timeline:--slogan-timeline;animation-range:cover 25% cover 35%}.slogan-part-4 .slogan-text{animation:reveal-mask linear both;animation-timeline:--slogan-timeline;animation-range:cover 35% cover 50%}@keyframes reveal-mask{0%{mask-position:100% 0;-webkit-mask-position:100% 0}to{mask-position:0% 0;-webkit-mask-position:0% 0}}@supports not (animation-timeline: --slogan-timeline){.slogan-text{animation:none}#slogan-section.in-view .slogan-part-1 .slogan-text{mask-position:0% 0;-webkit-mask-position:0% 0;transition:mask-position .4s ease-out}#slogan-section.in-view .slogan-part-2 .slogan-text{mask-position:0% 0;-webkit-mask-position:0% 0;transition:mask-position .4s ease-out .4s}#slogan-section.in-view .slogan-part-3 .slogan-text{mask-position:0% 0;-webkit-mask-position:0% 0;transition:mask-position .4s ease-out .8s}#slogan-section.in-view .slogan-part-4 .slogan-text{mask-position:0% 0;-webkit-mask-position:0% 0;transition:mask-position .4s ease-out 1.2s}}