[x-cloak] { display: none !important; }
.dots { background-image: radial-gradient(rgba(6,134,65,.12) 1.5px, transparent 1.5px); background-size: 22px 22px; }
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.reveal.show { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
  .animate-float { animation: none; }
}