/* Custom CSS overrides */

.hero-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
    /* Ensures coverage but crops if necessary */
    z-index: -1;
    pointer-events: none;
}

.hero-section {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    /* Standard full height */
}