.home-hero.home-hero-video {
    background: #163342 url('assets/video/plusco-manufacturing-poster.jpg') center / cover no-repeat;
    overflow: hidden;
    isolation: isolate;
}
.home-hero-film { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -2; }
.home-hero-video::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,18,36,.68) 0%, rgba(0,18,36,.48) 38%, rgba(0,18,36,.20) 68%, rgba(0,18,36,.04) 100%); z-index: -1; }
.home-hero-video .hero-content { position: relative; z-index: 1; }
@media (max-width: 768px) {
    .home-hero-video::before { background: linear-gradient(180deg, rgba(0,18,36,.30), rgba(0,18,36,.56) 35%, rgba(0,18,36,.56) 70%, rgba(0,18,36,.25)); }
    .home-hero.home-hero-video { background-position: center; }
    .home-hero-film { object-position: center; }
}

.home-video-start { position: absolute; top: 20px; right: 20px; z-index: 3; padding: 10px 16px; border: 1px solid white; border-radius: 4px; color: white; background: #003366; font: inherit; cursor: pointer; }
.home-video-start[hidden] { display: none; }
@media (max-width: 768px) {
    .home-hero.home-hero-video { display: block; height: auto; min-height: 0; background: #003366; }
    .home-hero-video .home-hero-film { position: relative; display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; z-index: 0; }
    .home-hero-video::before { display: none; }
    .home-hero-video .hero-content { padding-top: 28px; padding-bottom: 32px; }
    .home-hero-video h1 { font-size: clamp(1.8rem, 7vw, 2.5rem); }
}