/* Canvas behind fixed video / overscroll — deep purple vertical gradient */
html {
    min-height: 100%;
    background-color: var(--eq-color-canvas) !important;
    background-image: var(--eq-canvas-gradient) !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    color-scheme: dark;
}

html.light,
html.dark {
    background-color: var(--eq-color-canvas) !important;
    background-image: var(--eq-canvas-gradient) !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    color-scheme: dark !important;
}

body {
    min-height: 100%;
    background-color: var(--eq-color-canvas) !important;
    background-image: var(--eq-canvas-gradient) !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}

.equinox-bg-video-wrap {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

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

.equinox-bg-overlay {
    position: absolute;
    inset: 0;
    background: var(--eq-surface-video-scrim);
}