/* 首頁進場動畫:白底 + 去背 logo 影片，播完（或使用者互動）即淡出。
   overlay 的關鍵覆蓋樣式已 inline 在 HTML（wp_body_open 印出），
   確保 CSS 尚未載入時也立即白屏、無閃爍。這裡補置中、尺寸與收尾。 */

.cbc-intro {
	display: flex;
	align-items: center;
	justify-content: center;
	/* JS 沒接手時的保底：8 秒後自動淡出，避免影片/JS 異常時卡住整頁 */
	animation: cbcIntroFailsafe 0.6s ease 8s forwards;
}

.cbc-intro.is-done {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.5s ease, visibility 0.5s ease;
	animation: none;
}

.cbc-intro__video {
	display: block;
	width: 46vw;
	max-width: 720px;
	height: auto;
}

@media (max-width: 999.98px) {
	.cbc-intro__video { width: 64vw; }
}

@media (max-width: 689.98px) {
	.cbc-intro__video { width: 82vw; }
}

@keyframes cbcIntroFailsafe {
	to { opacity: 0; visibility: hidden; pointer-events: none; }
}

/* 尊重「減少動態效果」偏好：不播進場動畫 */
@media (prefers-reduced-motion: reduce) {
	.cbc-intro { display: none !important; }
}