/* แบนเนอร์หัวหน้าทุกหน้า: ซูมเข้าช้า ๆ + รองรับวิดีโอพื้นหลัง (inc/banner-video.php) */
.page-head img{animation:cl-banner-zoom 16s ease-out both;transition:opacity 1.2s ease}
@keyframes cl-banner-zoom{from{transform:scale(1.08)}to{transform:scale(1)}}

.page-head video.bg,.story-hero video.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}
.page-head video.bg.is-on{opacity:.4}
.story-hero video.bg.is-on{opacity:.5}
.page-head.video-on img,.story-hero.video-on img.bg{opacity:0}
.story-hero img.bg{transition:opacity 1.2s ease}

@media (prefers-reduced-motion: reduce){
  .page-head img,.story-hero img.bg{animation:none}
}