/* Import Google Fonts - Jost is a good alternative to Futura */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700&display=swap');
/* Hero Section - Modified to 70% height */
.hero {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: url('../img/poster.jpg') center/cover no-repeat; /* Default poster */
}

/* Hide video if autoplay fails */
.hidden-video {
    display: none;
}


        video {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100vw;
            height: 100vh;
            object-fit: cover;
            transform: translate(-50%, -50%);
        }

        .hero-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            text-align: center;
            z-index: 2;
        }

        /* Fallback background for mobile devices that block autoplay */
        .hero::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: url('../img/poster.jpg') center/cover no-repeat;
            z-index: 1;
        }

        /* Ensure the video is displayed on devices that allow it */
        @media (min-width: 768px) {
            .hero::before {
                display: none;
            }
        }