/* ==========================================================================
   GOLDPOOL COFFEE - DESKTOP STYLESHEET (1025px to 1440px)
   Strictly scoped to standard desktop & laptop displays
   ========================================================================== */

@media screen and (min-width: 1025px) and (max-width: 1440px) {
    .navbar {
        padding: 1.25rem 2rem !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .nav-links {
        gap: 1.5rem !important;
    }

    .menu-main {
        gap: 1.25rem !important;
    }

    .nav-links a,
    .menu-main a {
        font-size: 0.88rem !important;
    }

    .menu-footer {
        gap: 0.75rem !important;
    }

    .home-hero-section,
    .signature-hero-section,
    .reserve-hero-section,
    .how-hero-section,
    .creators-hero-section,
    .founding-hero-section,
    .portal-hero-section,
    .hero-stage-section {
        position: relative ;
        min-height: 92vh ;
        min-height: 96svh ;
        padding: 125px 4% 4.5rem 4% ;
        overflow: hidden ;
    }

    .home-hero-container,
    .signature-hero-container,
    .reserve-hero-container,
    .how-hero-container,
    .creators-hero-container,
    .founding-hero-container,
    .portal-hero-container,
    .hero-stage-container {
        position: static ;
        max-width: 1440px ;
        min-height: 72vh ;
        width: 100% ;
        margin: 0 auto ;
        display: flex ;
        align-items: center ;
    }

    /* Full-Width Right-Aligned Hero Visual (100% Identical Position across Home, Signature, and Portal) */
    .hero-bg-faded-artwork,
    .home-hero-section .hero-bg-faded-artwork,
    .signature-hero-section .hero-bg-faded-artwork,
    .portal-hero-section .hero-bg-faded-artwork {
        position: absolute ;
        top: 0 ;
        right: 0 ;
        bottom: 0 ;
        width: 54vw ;
        max-width: 940px ;
        height: 100% ;
        pointer-events: none ;
        overflow: hidden ;
        z-index: 1 ;
    }

    .hero-bg-faded-artwork .hero-carousel-track,
    .hero-bg-faded-artwork .hero-slide {
        width: 100% ;
        height: 100% ;
    }

    .hero-bg-faded-artwork img,
    .hero-bg-faded-artwork .ken-burns-img,
    .home-hero-section .ken-burns-img,
    .signature-hero-section .ken-burns-img,
    .portal-hero-section .ken-burns-img {
        width: 100% ;
        height: 100% ;
        object-fit: cover ;
        object-position: 25% center ;
        opacity: 1 ;
        mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.2) 6%, #000 18%) ;
        -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.2) 6%, #000 18%) ;
        border-radius: 0 ;
        animation: none ;
        transform: none ;
    }

    /* Complete 12oz Gold Pouch Display */
    .reserve-hero-section .hero-bg-faded-artwork,
    .home-hero-section .hero-slide:nth-child(2) {
        display: flex ;
        align-items: center ;
        justify-content: flex-end ;
    }

    .reserve-hero-section .hero-bg-faded-artwork img,
    .reserve-hero-section .ken-burns-img,
    .home-hero-section .hero-slide:nth-child(2) img {
        width: auto ;
        max-width: 100% ;
        height: 90% ;
        max-height: 820px ;
        object-fit: contain ;
        object-position: center right ;
        margin: auto 0 auto auto ;
        mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 8%, #000 24%) ;
        -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 8%, #000 24%) ;
    }

    .hero-content-inner {
        position: relative ;
        z-index: 2 ;
        max-width: 660px ;
        text-align: left ;
    }

    .mobile-only-hero-cta {
        display: none ;
    }

    .explore-section-wrapper {
        display: block ;
    }

    .hero-metrics-grid {
        display: grid ;
        grid-template-columns: repeat(3, 1fr) ;
        gap: 12px ;
        margin: 1.75rem 0 2rem 0 ;
        max-width: 580px ;
    }

    .offerings-duo-grid {
        display: grid ;
        grid-template-columns: 1fr 1fr ;
        gap: 2.5rem ;
    }

    .hero-scroll-indicator {
        position: absolute !important;
        bottom: 2rem !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: auto !important;
        margin: 0 !important;
    }
}