/* Author intro video lite-embed.
 * Aspect ratio + max-width determined by data-orientation attribute.
 * Vertical (Shorts, 9:16): 360px wide on desktop, full width up to 360px on mobile.
 * Horizontal (16:9): 640px wide on desktop, full width on mobile.
 */
.sib-intro-video {
    margin: 1.5rem auto 2rem;
    position: relative;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}

.sib-intro-video[data-orientation="vertical"] {
    aspect-ratio: 9 / 16;
    max-width: 360px;
}

.sib-intro-video[data-orientation="horizontal"] {
    aspect-ratio: 16 / 9;
    max-width: 640px;
}

.sib-intro-video .sib-yt-play {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    position: relative;
}

.sib-intro-video .sib-yt-play img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: filter 0.2s ease;
}

.sib-intro-video .sib-yt-play:hover img,
.sib-intro-video .sib-yt-play:focus-visible img {
    filter: brightness(1.1);
}

.sib-intro-video .sib-yt-play:focus-visible {
    outline: 3px solid var(--sib-accent, #2D5F3F);
    outline-offset: 2px;
}

.sib-intro-video iframe {
    width: 100% !important;
    height: 100% !important;
    border: 0;
    display: block;
}

@media (max-width: 480px) {
    .sib-intro-video[data-orientation="vertical"] {
        max-width: 100%;
    }
}