/* =========================================
   GLOBAL HERO SYSTEM
   ========================================= */

.page-hero {
    position: relative;
    isolation: isolate;

    min-height: calc(var(--real-vh) * 100);

    display: flex;
    align-items: center;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.page-hero .overlay {
    position: absolute;
    inset: 0;
    background: rgba(10, 12, 16, 0.45);
}

.hero-content {
    position: relative;
    z-index: 2;
    max-width: 800px;

    /* Animation initial state */
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    transition: opacity 0.9s ease, transform 0.9s ease;
}

.hero-content.animate {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

html.is-fxios .page-hero {
    min-height: 120vh !important;
}