/* --- DESKTOP ONLY STYLES (min-width: 769px) --- */
@media (min-width: 769px) {
    /* Hero Section Desktop */
    .hero-bg {
        width: 33.33%;
    }

    /* How It Works Desktop Layout */
    .customer-layers {
        grid-template-columns: 1fr 1fr;
    }

    /* Reviews Desktop Layout */
    #reviews {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #reviews .reviews-grid {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }

    /* HNI Desktop */
    .hni-section h2 { font-size: 4rem; }

    /* Services Page Desktop Overrides */
    .service-card.active {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 60px;
        order: -1;
        grid-column: 1 / -1;
    }

    .service-card.active .service-card-image {
        flex: 1;
        max-width: 40%;
    }

    .service-card.active .service-card-content {
        flex: 1.5;
    }

    /* Team Page Desktop Layout */
    .team-container {
        margin-top: 60px;
        display: flex;
        flex-direction: column;
        gap: 100px;
    }

    .profile-card {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 60px;
    }

    .profile-card.image-right { flex-direction: row-reverse; }

    .profile-image { flex: 1; max-width: 50%; }

    .profile-image img {
        width: 100%;
        height: 500px;
        object-fit: cover;
        object-position: top center;
    }

    .profile-text { flex: 1; }
    .profile-text h3 { font-size: 3rem; margin-bottom: 10px; }
    .profile-text .role {
        font-family: var(--font-secondary);
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 3px;
        color: var(--primary-accent);
        display: block;
        margin-bottom: 30px;
    }
}