/* Hero film layer (2026-10-08): Round Rock scenes dissolve in after the girl clip and keep drifting, inside the original hero layout */
@media (min-width:761px){
  .hero--video video{transition:opacity 2.4s ease-in-out}
  .hero--video video.off{opacity:0}
  .hero--video img.scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:blur(22px) saturate(1.05);transform:scale(1.08);opacity:0;transition:opacity 2.4s ease-in-out}
  .hero--video img.scene{position:absolute;top:0;right:0;height:100%;width:auto;aspect-ratio:16/9;object-fit:cover;opacity:0;transition:opacity 2.4s ease-in-out;will-change:transform,opacity;
    -webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,#000 22%);mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,#000 22%)}
  .hero--video img.scene.on,.hero--video img.scene-bg.on{opacity:1}
  /* slow camera moves, a different one per scene, never stopping */
  .hero--video img.scene{animation:film-a 14s linear infinite alternate;transform-origin:60% 50%}
  .hero--video img.scene:nth-of-type(2){animation-name:film-b}
  .hero--video img.scene:nth-of-type(3){animation-name:film-c}
  .hero--video img.scene:nth-of-type(4){animation-name:film-d}
  @keyframes film-a{from{transform:scale(1.04) translate(1.5%,0)}to{transform:scale(1.14) translate(-1.5%,-1%)}}
  @keyframes film-b{from{transform:scale(1.13) translate(-1%,0)}to{transform:scale(1.04) translate(1%,-.5%)}}
  @keyframes film-c{from{transform:scale(1.04) translate(-1.5%,0)}to{transform:scale(1.12) translate(1.5%,.5%)}}
  @keyframes film-d{from{transform:scale(1.12) translate(1%,-1%)}to{transform:scale(1.03) translate(-1%,0)}}
  @media (prefers-reduced-motion:reduce){.hero--video img.scene{animation:none}}
}
@media (max-width:760px){
  .hero--video img.scene,.hero--video img.scene-bg{display:none}
}