/* Etusivun bannerivideo (assets/banneri). Kuva toimii aloituskuvana ja varana, video häivytetään sen päälle. */
.ot-band-video { background: var(--ot-bg); }
.ot-band-video img { mix-blend-mode: normal; -webkit-mask-image: none; mask-image: none; animation: none; object-position: 50% 50%; }
.ot-band-video video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; opacity: 0; transition: opacity 0.9s ease; }
.ot-band-video.is-playing video { opacity: 1; }
/* Kevyt häivytys sivun taustaan: ylhäällä matala, ettei pää häviä */
.ot-band-video::before, .ot-band-video::after { content: ""; position: absolute; left: 0; right: 0; z-index: 2; pointer-events: none; }
.ot-band-video::before { top: 0; height: 9%; background: linear-gradient(to bottom, var(--ot-bg) 0%, transparent 100%); }
.ot-band-video::after { bottom: 0; height: 16%; background: linear-gradient(to top, var(--ot-bg) 0%, transparent 100%); }
@media (prefers-reduced-motion: reduce) { .ot-band-video video { display: none; } }
/* Kapealla näytöllä 4:3-rajaus: pidä päät kuvassa, kun nauha on 4:3:a leveämpi */
@media (max-width: 600px) { .ot-band-video img, .ot-band-video video { object-position: 50% 22%; } }