/* motion-hero.css — O PADRÃO DE TODAS AS PÁGINAS. Copiado do artifact, não traduzido.
 *
 * 🔴 MARTELO DELE, 01/09/2026: "eu quero exatamente o que é nessa página que você já criou,
 *    exatamente isso, para TODAS as páginas. Todas — até de chaveiro. Porque aí é a PRIMEIRA
 *    FOTO que vier... Pronto, é um PADRÃO agora: todos eles vão ter esse motion."
 *
 * ⭐ FONTE: artifact `1a3a3310-8f2a-499f-bda8-6d8118bbb701` (Dra. Marina Duarte). Cada valor
 *    abaixo foi COPIADO do fonte dele — ⛔ nada aqui foi escolhido por mim. Traduzir referência
 *    foi o que custou a tarde de 01/09: seis tentativas, seis reprovações.
 *
 * ⚠️ A peça que faltava nas minhas tentativas era `position: sticky` com `230svh` — sem a cena
 *    PRESA, a foto passa direto e o círculo nunca é visto.
 */
.mh-palco { height: 230svh; position: relative }
.mh-fixo  { position: sticky; top: 0; height: 100svh; overflow: hidden; background: #163f33 }
.mh-cam   { position: absolute; inset: 0; will-change: transform, opacity }
.mh-cam img { width: 100%; height: 100%; object-fit: cover; display: block }

/* ⭐ cena 1 — a foto VIVA. Comentário do fonte: "sem véu pesado". ⛔ Véu que apaga a foto foi
   reprovado por ele DUAS vezes; este é claro e serve só à legibilidade do texto. */
.mh-veu { position: absolute; inset: 0; will-change: opacity;
  background: linear-gradient(180deg, rgba(246,242,234,.5), rgba(246,242,234,.06) 45%, rgba(22,63,51,.35)) }

/* ⭐ cena 2 — a foto da PESSOA toma a tela, revelada por um círculo que cresce */
.mh-cam2 { clip-path: circle(0% at 50% 46%) }
.mh-cam2 img { object-position: 50% 18%; transform-origin: 50% 30% }
.mh-tinta { position: absolute; inset: 0; opacity: 0;
  background: linear-gradient(200deg, rgba(22,63,51,0) 30%, rgba(22,63,51,.78) 78%),
              linear-gradient(20deg, rgba(201,162,90,.35), rgba(201,162,90,0) 40%) }

/* ⚠️ quem pediu menos movimento manda mais que o efeito */
@media (prefers-reduced-motion: reduce) {
  .mh-palco { height: auto }
  .mh-fixo  { position: relative; height: auto; min-height: 60svh }
  .mh-cam2  { clip-path: none }
}