@keyframes fadeInUp{
from{
opacity:0;
transform:translateY(16px);
}
to{
opacity:1;
transform:translateY(0);
}
}

.hero{
animation:fadeInUp 0.55s ease-out backwards;
}

.section[data-reveal]{
opacity:1;
transform:none;
}

.section[data-reveal].is-visible{
opacity:1;
transform:none;
}

@media (prefers-reduced-motion: reduce){
.hero{animation:none;}
.section[data-reveal]{
opacity:1;
transform:none;
transition:none;
}
}