/* Additional custom styles for Blurred Lines */

/* Ensure smooth rendering */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Focus styles for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #d4522e;
    outline-offset: 2px;
}

/* Selection color */
::selection {
    background-color: #d4522e;
    color: #FAF7F2;
}

/* Prevent layout shift on images */
img {
    max-width: 100%;
    height: auto;
}

/* Smooth transitions for interactive elements */
button, a {
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Print styles */
@media print {
    nav, #contact, .btn-primary { display: none; }
    body { background: white; color: black; }
    .hero, section { padding: 20px 0; }
}

/* Tablet adjustments */
@media (max-width: 768px) {
    .font-serif {
        font-size: clamp(2rem, 8vw, 3rem);
    }
}

/* Large desktop adjustments */
@media (min-width: 1280px) {
    .max-w-7xl {
        max-width: 80rem;
    }
}