/**
 * Backgrounds Module — Public Rendering Styles
 * Handles responsive <picture> elements and slideshow animations
 */

/* ── Single Background Image ────────────────────── */
.bg-picture {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -2;
}

.bg-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ── Slideshow Container ────────────────────────── */
.bg-slideshow {
    position: fixed;
    inset: 0;
    z-index: -2;
}

.bg-slide {
    position: absolute;
    inset: 0;
    /* animation: bg-fade set dynamically via inline style */
}

/* ── Video Background ───────────────────────────── */
#bg-video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -2;
    object-fit: cover;
}