/* Preserve the small source portrait at near-native resolution instead of stretching it full-screen. */
.cine-hero{height:clamp(680px,88svh,820px);min-height:680px}
.cine-stage[data-cine-stage="intro"]{
  background:#05070c;
}
.cine-stage[data-cine-stage="intro"]::before{
  inset:-8%;
  z-index:-3;
  background:url('../images/hero/seth-intro.webp') center 34%/cover no-repeat;
  filter:blur(22px) saturate(.62) brightness(.5);
  transform:scale(1.15);
  opacity:.72;
  animation:none;
}
.cine-stage[data-cine-stage="intro"]::after{
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(3,5,10,.92) 0%,rgba(3,5,10,.72) 35%,rgba(3,5,10,.14) 67%,rgba(3,5,10,.52) 100%),
    linear-gradient(0deg,rgba(3,5,10,.74),transparent 45%),
    url('../images/hero/seth-intro.webp') 74% center/auto min(78vh,658px) no-repeat;
}
.cine-intro-copy{
  width:min(100%,1320px);
  margin-inline:auto;
  padding:72px clamp(24px,7vw,104px) 0;
  text-align:left;
}
.cine-intro-copy h1{font-size:clamp(58px,8vw,112px);max-width:680px}
.cine-intro-copy>p{padding-left:5px}
@media(min-width:1600px){
  .cine-stage[data-cine-stage="intro"]::after{background-size:auto 658px;background-position:72% center}
}
@media(max-width:800px){
  .cine-hero{height:100svh;min-height:660px;max-height:820px}
  .cine-stage[data-cine-stage="intro"]::after{
    background:
      linear-gradient(0deg,rgba(3,5,10,.88) 0%,rgba(3,5,10,.18) 62%,rgba(3,5,10,.42) 100%),
      url('../images/hero/seth-intro.webp') center 24%/auto min(70vh,658px) no-repeat;
  }
  .cine-intro-copy{align-self:end;padding:0 22px 112px;text-align:center}
  .cine-intro-copy h1{font-size:clamp(53px,17vw,76px);margin-inline:auto}
}
@media(prefers-reduced-motion:reduce){.cine-stage[data-cine-stage="intro"]::before{transform:scale(1.15)}}