/* Approved photography remains unchanged. Reversible overlays balance each exposure. */
:is(.hero, .solutions-hero) {
  background-image: linear-gradient(180deg, rgb(8 16 13 / var(--hero-top)), rgb(8 16 13 / var(--hero-middle)) 48%, rgb(8 16 13 / var(--hero-bottom))), var(--hero-photo);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.home-page { --hero-photo: url('assets/home-hero.webp'); --hero-top: .36; --hero-middle: .30; --hero-bottom: .38; }
.solutions-page { --hero-photo: url('assets/solutions-hero.jpg'); --hero-top: .48; --hero-middle: .48; --hero-bottom: .44; }
.partnerships-page { --hero-photo: url('assets/partnerships-hero.jpg'); --hero-top: .58; --hero-middle: .57; --hero-bottom: .48; }
.about-page { --hero-photo: url('assets/about-hero.jpg'); --hero-top: .52; --hero-middle: .55; --hero-bottom: .46; }
.careers-page { --hero-photo: url('assets/careers-hero.jpg'); --hero-top: .57; --hero-middle: .58; --hero-bottom: .49; }
.contact-page { --hero-photo: url('assets/contact-hero.jpg'); --hero-top: .39; --hero-middle: .43; --hero-bottom: .38; }
.site-header nav { background: rgb(255 255 255 / 20%); }