/* Mobile-specific homepage styles */
@media (max-width: 768px) {
    /* Homepage specific - just font sizes, everything else moved to fix-homepage-slider.css */
    body:not(.project-detail-page) #hero h1 {
        font-size: 2.8em;
        margin: 0;
        line-height: 1; /* Tighter line height to reduce space */
    }

    body:not(.project-detail-page) #hero h2 {
        font-size: 1.2em;
        margin: 3px 0 0 0; /* Minimal top margin */
        line-height: 1.2; /* Tighter line height */
    }
    
    body:not(.project-detail-page) #hero {
        overflow: visible; /* Prevent outline cutoff */
        padding-bottom: 0; /* Remove bottom padding */
        padding-top: 20px; /* Reduce top padding */
    }
}