.cine-stage[data-cine-stage="intro"]{
  background:
    linear-gradient(90deg,rgba(3,5,10,.84) 0%,rgba(3,5,10,.46) 48%,rgba(3,5,10,.72) 100%),
    linear-gradient(0deg,rgba(3,5,10,.76) 0%,transparent 58%),
    url('../images/hero/seth-intro.webp') center 28%/cover no-repeat;
}
.cine-stage[data-cine-stage="intro"]::before{
  content:"";
  position:absolute;
  inset:-3%;
  z-index:-1;
  background:url('../images/hero/seth-intro.webp') center 28%/cover no-repeat;
  filter:saturate(.78) contrast(1.06);
  transform:scale(1.06);
  animation:cine-intro-camera 3.2s cubic-bezier(.2,.7,.2,1) forwards;
}
.cine-stage[data-cine-stage="intro"]::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at 50% 38%,transparent 0 25%,rgba(2,4,8,.22) 62%,rgba(2,4,8,.68) 100%);
}
.cine-intro-copy{position:relative;z-index:2;text-shadow:0 4px 35px rgba(0,0,0,.6)}
@keyframes cine-intro-camera{to{transform:scale(1.015) translate3d(0,-.7%,0)}}
@media(max-width:600px){.cine-stage[data-cine-stage="intro"],.cine-stage[data-cine-stage="intro"]::before{background-position:58% 24%}}
@media(prefers-reduced-motion:reduce){.cine-stage[data-cine-stage="intro"]::before{animation:none;transform:scale(1.02)}}