/* Turbo-Performance & High-Res Fixes */

/* 1. Hardware Acceleration for Parallax only */
.parallax-element, 
.parallax-background-container,
.background-image {
    will-change: transform;
    transform: translate3d(0,0,0);
}

/* 2K Monitors (QHD) */
@media screen and (min-width: 2000px) {
    html {
        font-size: 110% !important;
    }
    
    .wrapper.medium, .wrapper, .container {
        max-width: 1700px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* 4K Monitors (UHD) - PERFORMANCE MODE */
@media screen and (min-width: 3000px) {
    html {
        font-size: 125% !important;
    }

    .wrapper.medium, .wrapper, .container {
        max-width: 2600px !important;
    }

    .section.intro {
        min-height: 100vh !important;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
    }

    .intro-title .large-text {
        font-size: 6rem !important;
    }

    /* Scaling up background layers only */
    .parallax-element-1, .parallax-element-2 {
        width: 100vw !important;
        height: 120vh !important;
        transform: scale(1.3) translate3d(0,0,0) !important;
    }
    
    /* Airship should scale naturally without full-screen stretch */
    .parallax-element-4 {
        transform: scale(1.5) translate3d(0,0,0) !important;
    }
}

/* 3. Smooth scroll fixes */
#smooth-content {
    will-change: transform;
}

img {
    height: auto;
    content-visibility: auto;
}

.about-game-image--wrapper {
    background-size: cover !important;
    background-position: center !important;
    transition: none !important;
}

body {
    overflow-x: hidden;
    background-color: #030304;
}