.home-video { position: relative; width: 100%; height: 100%; overflow: hidden; background: #08090d; color: #fff; }
.home-video [hidden] { display: none !important; }
.home-video .home-video__media, .home-video .home-video__fallback, .home-video .home-video__fallback iframe { display: block; width: 100%; height: 100%; border: 0; }
.home-video .home-video__media { object-fit: contain; }
.home-video button { font-family: inherit; cursor: pointer; color: #fff; border: 0; }
.home-video button:focus-visible { outline: 3px solid #38c8ff; outline-offset: -3px; }
.home-video__start { position: absolute; inset: 0; width: 100%; height: 100%; background: linear-gradient(transparent 40%,rgba(0,0,0,.65)); display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 9px; padding: 0 16px 22px; font-size: 15px; box-sizing: border-box; }
.home-video__play-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: #06a3e8; font-size: 23px; padding-left: 3px; box-sizing: border-box; box-shadow: 0 2px 18px #0006; }
.home-video__start:hover .home-video__play-icon { background: #008aca; }
.home-video__status { position: absolute; left: 10px; right: 10px; bottom: 48px; text-align: center; font-size: 13px; line-height: 22px; background: rgba(0,0,0,.65); pointer-events: none; }
.home-video__status:empty { display: none; }
.home-video[data-video-state="fallback"] .home-video__status { width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }