/*
    HOMYN HYBRID KIOSK — LIVING AMBIENT v4

    A dark cinematic ambient layer built from a clean loop asset.
    No watermark, text, bubbles, caustic grid, concentric rings, or stock artifacts.
*/

.kiosk-ad-canvas {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    background: #010814;
}

.kiosk-ad-media {
    position: absolute;
    inset: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: transparent;
}

.kiosk-ad-media[hidden] {
    display: none !important;
}

.kiosk-ad-fallback {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    overflow: hidden;
    background: #010814;
}

.kiosk-ambient-video {
    position: absolute;
    inset: -2%;
    width: 104%;
    height: 104%;
    object-fit: cover;
    opacity: .94;
    transform: scale(1.02);
    filter: brightness(.84) saturate(.92) contrast(1.05);
    animation: homyn-ambient-breathe 15s ease-in-out infinite;
}

.kiosk-ad-fallback::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(
            ellipse at 50% 45%,
            rgba(9, 46, 82, .04) 0%,
            transparent 50%
        ),
        radial-gradient(
            ellipse at 50% 50%,
            transparent 42%,
            rgba(0, 4, 10, .28) 78%,
            rgba(0, 2, 7, .58) 100%
        );
}

.kiosk-ad-fallback[hidden] {
    display: none !important;
}

@keyframes homyn-ambient-breathe {
    0%, 100% {
        filter: brightness(.82) saturate(.90) contrast(1.05);
    }

    50% {
        filter: brightness(.87) saturate(.94) contrast(1.05);
    }
}

@media (prefers-reduced-motion: reduce) {
    .kiosk-ambient-video {
        animation: none !important;
        filter: brightness(.84) saturate(.92) contrast(1.05);
    }
}