/* hero_auto.php */

.hero-auto-root {
    position: relative;
    min-height: 100svh;
    background: var(--public-bg, #010202);
    overflow: hidden;
}

.hero-auto-intro-stage,
.hero-auto-target-stage {
    position: absolute;
    inset: 0;
    min-height: 100svh;
    width: 100%;
}

.hero-auto-target-stage[hidden],
.hero-auto-intro-stage[hidden] {
    display: none;
}

.hero-auto-target-stage {
    opacity: 0;
    transition: opacity 520ms ease;
}

.hero-auto-target-stage.hero-auto-visible {
    opacity: 1;
}

.hero-auto-intro-stage.hero-auto-fading {
    opacity: 0;
    transition: opacity 520ms ease;
}