/* Reduce banner brightness */ .hero, .banner, section:first-of-type { position: relative; } .hero::before, .banner::before, section:first-of-type::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.35); pointer-events: none; z-index: 1; } .hero > * , .banner > * , section:first-of-type > * { position: relative; z-index: 2; }