/* Click-to-play YouTube — no player CSS/JS until activation */
.yt-facade {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: #0f172a;
    overflow: hidden;
}

.hero-section .about-img-first[style] .yt-facade,
.hero-section .about-content-right > .rounded-custom[style] .yt-facade,
.work-process .rounded-custom[style] .yt-facade,
.block-video .yt-facade {
    position: absolute;
    inset: 0;
}

.yt-facade__thumb {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yt-facade__play {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 4.25rem;
    height: 3rem;
    padding: 0;
    border: 0;
    border-radius: 0.75rem;
    background: rgba(255, 0, 0, 0.9);
    cursor: pointer;
    transition: background 0.15s, transform 0.12s;
}

.yt-facade__play:hover {
    background: #f00;
    transform: scale(1.05);
}

.yt-facade__play-icon {
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 0.55rem 0 0.55rem 1rem;
}

.yt-facade iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Hero mobile: thumbnail only (no play chrome) — matches prior autoplay embed look */
.hero-video-autoplay .yt-facade__play {
    opacity: 0;
}