@charset "UTF-8";
/* 1. 外層容器設定 */
.video-banner-container {
  overflow: hidden; /* 隱藏放大後超出範圍的影片 */
  position: relative;
}

/* 2. 影片本體設定 */
.video-zoom {
  object-fit: cover; /* 關鍵！確保影片能無死角填滿容器，不會出現黑邊 */
  /* will-change 是關鍵：告訴瀏覽器這個元素即將變形，請強制使用 GPU (顯示卡) 硬體加速，讓影片動畫不卡頓 */
  will-change: transform;
  /* 設定動畫：15秒、線性、無限循環、來回播放 (alternate) */
  animation: videoSlowZoom 8s linear infinite;
}

/* 3. 定義動畫關鍵影格 */
@keyframes videoSlowZoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1); /* 影片建議不要放大太多，1.05 到 1.1 就很有感覺了 */
  }
}