/* Rigoro: paridade do efeito de zoom do hero no celular. O timeline e a
   geometria sao os mesmos do desktop (hero-zoom.js); este arquivo so
   neutraliza regras de mobile-polish.css que, por empate de especificidade
   e ordem de carga, sobrescreviam o estado is-film/is-hero-intro do header
   durante o hero-motion. Tudo escopado por .hero-motion para nao alterar
   o banner estatico (reduced-motion, paisagem). */
@media (max-width:820px), (hover:none), (pointer:coarse) {
  .hero-motion .site-header.is-film {
    background: transparent;
    color: var(--paper);
    box-shadow: none;
  }
  .hero-motion .site-header.is-hero-intro .site-header__logo {
    visibility: hidden;
    opacity: 0;
    transform: translateY(4px);
    pointer-events: none;
  }
}