/* Hero Title Size Fix - Prevents Overflow */
.hero-title {
    font-size: clamp(.5rem, 3vw, 3rem) !important;
    line-height: clamp(3rem, 9vw, 5.5rem) !important;
    letter-spacing: -0.02em !important;
    max-width: 100%;
    overflow: hidden;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .hero-title {
        font-size: clamp(2rem, 10vw, 3.5rem) !important;
        line-height: clamp(2.5rem, 11vw, 4rem) !important;
    }
}

@media (max-width: 480px) {
    .hero-title {
        font-size: clamp(1.75rem, 12vw, 3rem) !important;
        line-height: clamp(2.25rem, 13vw, 3.5rem) !important;
    }
}

/* Ensure hero section doesn't overflow */
.hero-section,
#hero {
    overflow: hidden;
    max-width: 100vw;
}

.hero-title div {
    max-width: 100%;
    overflow-wrap: break-word;
}