:root { --header-height: 180px; --header-height-mobile: 160px; } .video-section, .hero-video, .hero-video-section, .video-wrapper { position: relative; width: 100%; } .video-section, .hero-video, .hero-video-section { margin-top: var(--header-height); } .video-wrapper { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; line-height: 0; } .video-wrapper video { position: absolute; inset: 0; width: 100%; height: 100%; display: block; max-width: none !important; object-fit: cover; object-position: center center; } @media (max-width: 768px) { .video-section, .hero-video, .hero-video-section { margin-top: var(--header-height-mobile); } .video-wrapper { aspect-ratio: 16 / 9; } .video-wrapper video { object-fit: cover; object-position: center center; } }