/* Desktop Isolated CSS (1440px+) */
@media screen and (min-width: 1440px) {
    /* Desktop Layout */
    .container {
        max-width: 1440px;
    }
    
    /* Grid Layouts */
    .grid-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-lg);
    }
    
    .grid-4 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: var(--spacing-lg);
    }
    
    /* Header Navigation */
    .main-nav {
        display: flex;
        gap: var(--spacing-lg);
    }
    
    .main-nav a {
        font-size: 16px;
        color: var(--color-text-light);
        position: relative;
    }
    
    .main-nav a::after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 0;
        height: 2px;
        background: var(--color-primary);
        transition: width 0.3s ease;
    }
    
    .main-nav a:hover::after {
        width: 100%;
    }
    
    .main-nav a:hover {
        color: var(--color-primary);
    }
    
    /* Hero Section */
    .hero-section {
        padding: var(--spacing-3xl) 0;
    }
    
    .hero-title {
        font-size: 3.5rem;
        line-height: 1.1;
    }
    
    /* Service Cards */
    .service-card {
        padding: var(--spacing-xl);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .service-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 30px rgba(168, 132, 84, 0.15);
    }
    
    /* Project Cards */
    .project-card img {
        aspect-ratio: 16/9;
    }
    
    /* Footer */
    .footer-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: var(--spacing-xl);
    }
}