/* Hero Image Fix - Only fixes mobile/iOS compatibility issues */

/* Fix for iOS devices - they don't support background-attachment: fixed */
@supports (-webkit-touch-callout: none) {
    .hero {
        background-attachment: scroll !important;
    }
}

/* Fix for all touch devices */
@media (hover: none) and (pointer: coarse) {
    .hero {
        background-attachment: scroll !important;
    }
}

/* Ensure mobile devices use scroll */
@media (max-width: 768px) {
    .hero {
        background-attachment: scroll !important;
    }
}

/* Force image preload for faster loading */
body::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    background-image: url('/images/Gorillacon-logo.jpg');
}