/* Senserva video facade skin. Pairs with js/senserva-video.js. */
.sen-video {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #001B52;
    border: 1px solid rgba(70, 194, 203, 0.28);
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
}
.sen-video img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sen-video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.sen-video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 84px;
    height: 84px;
    margin: -42px 0 0 -42px;
    pointer-events: none;
    filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.55));
    transition: transform 180ms ease;
}
.sen-video-play svg { width: 100%; height: 100%; display: block; }
.sen-video:hover .sen-video-play,
.sen-video:focus-visible .sen-video-play { transform: scale(1.08); }
.sen-video:focus-visible { outline: 3px solid #46C2CB; outline-offset: 3px; }
/* The plain title, for anyone who needs it read out or sees images fail. */
.sen-video-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}