/* ============================================================
   FOUR SCYTHES — SEMI-TRANSPARENT VIDEO PREVIEW
   Demo3 restore
   Preview/poster: 40% opacity
   Playing YouTube video: 100% opacity
   No JavaScript added; font/PageSpeed unaffected.
   ============================================================ */

:root {
    --fs-video-opacity: .40;
}

.embed-responsive.fs-rope-media {
    position: relative;
    background-color: transparent;
}

/* No extra dark overlay over the artwork. */
.embed-responsive.fs-rope-media::after {
    display: none !important;
    content: none !important;
}

.embed-responsive.fs-rope-media .lite-video,
.embed-responsive.fs-rope-media .lite-video::before,
.embed-responsive.fs-rope-media .lite-video::after {
    background: transparent !important;
}

/* Keep picture wrapper normal; fade only the preview image once. */
.embed-responsive.fs-rope-media .lite-video picture {
    opacity: 1 !important;
}

.embed-responsive.fs-rope-media .lite-video picture > img,
.embed-responsive.fs-rope-media .lite-video > img,
.embed-responsive.fs-rope-media .lite-video img {
    opacity: var(--fs-video-opacity) !important;
}

/* Once Play is clicked, the actual video is fully visible. */
.embed-responsive.fs-rope-media iframe {
    opacity: 1 !important;
}

/* Play control remains fully visible. */
.embed-responsive.fs-rope-media .lite-video-play,
.embed-responsive.fs-rope-media .lite-video-playbtn {
    opacity: 1 !important;
    z-index: 5;
}