.av-reveal{ --av-reveal-start: 20;
--av-reveal-stagger: 0.06s;
--av-reveal-duration: 1s;
--av-reveal-ease: cubic-bezier( 0.25, 1, 0.5, 1 );
--av-reveal-distance: 120%;
--av-reveal-bleed: 0.12em;
}
.av-reveal-speed-slow{
--av-reveal-stagger: 0.09s;
--av-reveal-duration: 1.4s;
}
.av-reveal-speed-fast{
--av-reveal-stagger: 0.03s;
--av-reveal-duration: 0.6s;
} .av-reveal-word{
--av-reveal-stagger: 0.1s;
}
.av-reveal-word.av-reveal-speed-slow{
--av-reveal-stagger: 0.15s;
}
.av-reveal-word.av-reveal-speed-fast{
--av-reveal-stagger: 0.05s;
}
html.js_active .av-reveal .av-reveal-target{
visibility: hidden;
animation: av-reveal-show 1ms linear 2s forwards;
}
html.js_active .av-reveal[data-av-reveal-ready] .av-reveal-target{
visibility: visible;
animation: none;
}
@keyframes av-reveal-show{
to{ visibility: visible; }
} .av-reveal-sr-text{
position: absolute;
overflow: hidden;
clip: rect( 0, 0, 0, 0 );
clip-path: inset( 50% );
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
white-space: nowrap;
} .av-reveal .av-reveal-group,
.av-reveal .av-reveal-unit{
display: inline-flex;
line-height: inherit;
}
.av-reveal .av-reveal-unit > span{
display: inline-flex;
line-height: inherit;
transition-delay: calc( var(--av-reveal-i, 0) * var(--av-reveal-stagger) );
transition-duration: var(--av-reveal-duration);
transition-timing-function: var(--av-reveal-ease);
}
.av-reveal-fade .av-reveal-unit > span{
opacity: 0;
transition-property: opacity;
}
.av-reveal-fade.av-reveal-active .av-reveal-unit > span{
opacity: 1;
} .av-reveal-rise .av-reveal-unit{
clip-path: inset( -0.5em -0.25em calc( var(--av-reveal-bleed) * -1 ) -0.25em );
}
.av-reveal-rise .av-reveal-unit > span{
transform: translateY( var(--av-reveal-distance) );
transition-property: transform;
will-change: transform;
}
.av-reveal-rise.av-reveal-active .av-reveal-unit > span{
transform: translateY( 0 );
} @media (prefers-reduced-motion: reduce){
.av-reveal .av-reveal-unit > span{
opacity: 1;
transform: none;
transition: none;
}
}