/* Approved photographic banners; all rules scoped to the five banner areas. */
.photo-hero {
  background-color: #68130e;
  background-image: linear-gradient(90deg, rgba(72, 8, 6, .95) 0%, rgba(83, 12, 8, .83) 35%, rgba(64, 15, 10, .45) 68%, rgba(39, 17, 10, .16) 100%), var(--banner-photo);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.photo-hero::after, .home-photo-hero .hero-grid { display: none; }
.home-photo-hero { --banner-photo: url('assets/banner-home.webp'); }
.products-photo-hero { --banner-photo: url('assets/banner-products.webp'); }
.projects-photo-hero { --banner-photo: url('assets/banner-projects.webp'); }
.certifications-photo-hero { --banner-photo: url('assets/banner-certifications.webp'); }
.news-photo-hero { --banner-photo: url('assets/banner-news.webp'); }
.home-photo-hero .hero-content { display: block; }
.home-photo-hero .hero-copy { max-width: 790px; }
.photo-hero .hero-text, .photo-hero.page-hero p:last-child { color: rgba(255, 255, 255, .94); }
@media (max-width: 760px) {
  .photo-hero {
    background-image: linear-gradient(90deg, rgba(72, 8, 6, .94), rgba(72, 8, 6, .72)), var(--banner-photo);
    background-position: 62% center;
  }
}