/* H2 Studios — reforço sutil da luz da capa original, sem trocar a arte.
   Animação construída apenas com CSS para funcionar inclusive no Safari móvel. */
.hero-light-pulse,.hero-light-sweep{
  position:absolute;inset:0;pointer-events:none;z-index:-1;
  will-change:opacity,transform;
}
.hero-light-pulse{
  background:radial-gradient(ellipse 40% 41% at 79% 48%,
    rgba(250,155,106,.32) 0%,rgba(232,101,66,.17) 43%,transparent 77%);
  opacity:.24;
  -webkit-animation:h2-light-breath 8s ease-in-out infinite;
  animation:h2-light-breath 8s ease-in-out infinite;
}
.hero-light-sweep{
  left:40%;right:-12%;
  background:linear-gradient(106deg,transparent 25%,rgba(255,171,120,.015) 42%,rgba(255,189,132,.16) 53%,rgba(255,155,103,.045) 62%,transparent 75%);
  opacity:.20;
  mix-blend-mode:screen;
  -webkit-animation:h2-light-pass 11s ease-in-out infinite;
  animation:h2-light-pass 11s ease-in-out infinite;
}
@keyframes h2-light-breath{
  0%,100%{opacity:.24;transform:scale(.97)}
  50%{opacity:.85;transform:scale(1.055)}
}
@keyframes h2-light-pass{
  0%,100%{opacity:.11;transform:translate3d(-7%,0,0)}
  45%{opacity:.65;transform:translate3d(8%,0,0)}
  60%{opacity:.51;transform:translate3d(11%,0,0)}
}
@media(max-width:760px){
  /* No formato estreito a lente fica à direita: faça a luz agir nessa região. */
  .hero-image{
    -webkit-transform-origin:72% 49%;transform-origin:72% 49%;
    -webkit-animation:h2-mobile-camera 16s ease-in-out infinite;
    animation:h2-mobile-camera 16s ease-in-out infinite;
    -webkit-backface-visibility:hidden;backface-visibility:hidden;
  }
  .hero-light-pulse{
    background:radial-gradient(ellipse 69% 36% at 93% 47%,
      rgba(253,155,107,.36) 0%,rgba(227,95,53,.20) 42%,transparent 84%);
    -webkit-animation-duration:7s;animation-duration:7s;
  }
  .hero-light-sweep{
    left:25%;right:-36%;
    background:linear-gradient(106deg,transparent 12%,rgba(255,166,104,.02) 40%,rgba(250,169,120,.18) 53%,transparent 80%);
    -webkit-animation-duration:9s;animation-duration:9s;
  }
}
@keyframes h2-mobile-camera{
  0%,100%{transform:scale(1.035) translate3d(0,0,0)}
  50%{transform:scale(1.100) translate3d(-.45%,.18%,0)}
}
/* Mantém a preferência de acessibilidade do iPhone e de outros aparelhos. */
@media(prefers-reduced-motion:reduce){
  .hero-image,.hero-light-pulse,.hero-light-sweep,.hero-image::after{
    -webkit-animation:none!important;animation:none!important;
  }
  .hero-image{transform:scale(1.035)}
  .hero-light-pulse{opacity:.25;transform:none}
  .hero-light-sweep{opacity:0;transform:none}
}