#agegate .btn {
    box-sizing: content-box;
    width: 8ch;
    font-size: 2rem;
}

.header-grid {
    grid-template-areas:
            '. win-lockup .'
            '. . .'
            '. info .'
            '. minimals .'
    ;
    grid-template-rows: auto;
    grid-template-columns: 1rem 2fr 1rem;
    padding: 2rem 0;
}

.header-info {
    text-align: center;
}

.header-info h2 {
    font-size: 2.5rem;
}


.info-text {
    /*max-width: 35ch;*/
}

.header-info p {
    font-size: 1rem;
}

#main,
#footer {
    display: none;
}

@media (max-width: 991.98px) {
    #header {
        min-height: 100svh;
    }

    .header-grid {
        grid-template-rows: auto;
    }

    .hero-image {
        display: none;
    }

    /*.header-santa img {
        aspect-ratio: 0.55;
        width: 100%;
        object-fit: cover;
        object-position: top center;
    }*/
}

@media (min-width: 992px) {
    .header-grid {
        grid-template-areas:
                '. . . hero'
                '. win-lockup . hero'
                '. info . hero'
                '. minimals . hero'
                '. . .hero'
                ;
        grid-template-columns: 5fr 43fr 5fr 47fr;
        grid-template-rows: auto;
        padding: 0;
        height: 100svh;
    }

    .hero-image {
        height: 100%;
        position: relative;
    }

    .hero-image img {
        height: 100%;
        width: 50vw;
        aspect-ratio: auto;
        border-radius: 0;
        position: absolute;
        object-position: 60% 50%;
    }

    .header-info h2 {
        font-size: 2.5rem;
    }

    .info-text {
        /*max-width: 25ch;*/
    }

    #agegate .btn {
        font-size: 1.25rem;
    }
}