/**
 * Aspenwood Dental - performance module styles.
 *
 * Only what is needed to stand the hero poster in for the video background.
 * The poster sits in the same box the video occupies, underneath the cover
 * block's gradient overlay, and the video fades over it once it plays.
 */

.wp-block-cover .aw-hero-poster { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; border: 0; margin: 0; padding: 0; z-index: 0; }

.wp-block-cover video.aw-hero-video { opacity: 0; transition: opacity .5s ease; }

.wp-block-cover video.aw-hero-video.is-aw-playing { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
	.wp-block-cover video.aw-hero-video { transition: none; }
}