/* Hero "calma": ondas de gota em água parada + halo quente que respira, a partir do cursor (assets/js/hero-calm.js).
   Camada acima da foto/véu (.hero-media, z 0) e abaixo do texto (.hero-text, z 2).
   A coluna do texto (≤ 680 px) fica limpa via máscara: o efeito entra suave a partir de ~600 px. */
.hero-calm {
  position: absolute; inset: 0; z-index: 1;
  display: block; width: 100%; height: 100%;
  pointer-events: none;
  opacity: 0; transition: opacity 1.2s ease;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, transparent 600px, rgba(0,0,0,.35) 720px, #000 900px);
          mask-image: linear-gradient(90deg, transparent 0, transparent 600px, rgba(0,0,0,.35) 720px, #000 900px);
}
.hero-calm.hero-calm--on { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .hero-calm { display: none; } }