/* Smaller Hero/Header for Subpages - Important Override */
.hero-sub {
    height: 50vh !important; /* Shrinks height to 50% of viewport */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important; /* optional: remove for smoother mobile scrolling */
}

.hero-sub h1 {
    font-size: clamp(2rem, 5vw, 3rem) !important; /* scales nicely on desktop & mobile */
}

.hero-sub p {
    font-size: 1rem !important;
    max-width: 600px !important;
    margin: 0 auto 20px !important;
}