/* Desktop Hero - Ensure proper display on large screens */
@media (min-width: 992px) {
    #hero {
        min-height: 100vh !important;
        height: auto !important;
        max-height: none !important;
        padding: 100px 0 !important;
    }

    #hero .container {
        padding-top: inherit !important;
        padding-bottom: inherit !important;
    }

    #hero .display-3 {
        font-size: 3.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    #hero .lead {
        font-size: 1.25rem !important;
        margin-bottom: 2rem !important;
    }

    .hero-btns {
        gap: 1rem !important;
    }

    .hero-btns .btn {
        padding: 0.75rem 2rem !important;
        font-size: 1rem !important;
    }
}