/* Title Visibility Fix for Project Pages */

/* Ensure hero sections have proper spacing and title visibility */
.hero-section.project-hero {
    padding-top: 1rem !important;
    padding-bottom: 2rem !important;
    min-height: 50vh !important;
}

/* Ensure titles are always visible and properly positioned */
.hero-section .hero-title,
.project-hero .hero-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Fix for mobile devices */
@media (max-width: 768px) {
    .hero-section.project-hero {
        padding-top: 0.5rem !important;
        padding-bottom: 1.5rem !important;
        min-height: 40vh !important;
    }
    
    .hero-section .hero-title,
    .project-hero .hero-title {
        font-size: clamp(2rem, 6vw, 3rem) !important;
        line-height: 1.2 !important;
    }
}

/* Ensure proper spacing after navigation */
.hero-section.project-hero .container {
    padding-top: 1rem;
}

/* Fix for any animation delays that might hide titles */
.hero-title[data-text-reveal] {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Ensure word reveal spans are visible */
.hero-title .word-reveal {
    opacity: 1 !important;
    transform: translateY(0px) !important;
}