@tailwind base;
@tailwind components;
@tailwind utilities;

.hero-bg {
    background-image: linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.85)), 
                      url('https://picsum.photos/id/1015/2000/1200');
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}

input:focus, textarea:focus {
    box-shadow: 0 0 0 4px rgba(185, 28, 28, 0.3);
}

/* Better mobile headline sizing */
@media (max-width: 640px) {
    h1 {
        font-size: 1.65rem;     /* Smaller on very small screens */
        line-height: 1.2;
    }
    
    .hero-bg {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}