/* Non-critical CSS - loaded asynchronously */

/* Font loading - now handled in critical CSS */

/* Additional animations and enhancements */
.card {
    position: relative;
    overflow: hidden;
}

.card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(176, 92, 55, 0.1), transparent);
    transition: left 0.5s;
}

.card:hover::before {
    left: 100%;
}

/* Enhanced focus states for accessibility */
.cta-button:focus,
.contact-item a:focus {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .hero {
        min-height: auto;
        padding: 2rem 0;
    }
    
    .cta-button {
        display: none;
    }
    
    .card {
        break-inside: avoid;
        box-shadow: none;
        border: 1px solid #ddd;
    }
}

/* Reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
    .card,
    .cta-button {
        transition: none;
    }
    
    .card::before {
        display: none;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .card {
        border: 2px solid #ffffff;
    }
}

/* Dark mode overrides are disabled to keep a consistent custom dark theme */
@media (prefers-color-scheme: dark) {
    /* Intentionally left empty */
}