/* Clean solution - combine all .page-header rules in one place */

/* Remove the duplicate .page-header rule at line 386 and update line 108 */
.page-header {
    background: var(--primary-gradient);
    padding: 180px 0 80px;  /* Increased top padding to account for navbar */
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-top: 0;  /* Removed negative margin that was causing the masking */
}

/* Also update the body padding to be consistent */
body {
    padding-top: 80px;  /* Match your navbar height */
}