/* Project-specific photographic art direction. */
.home-hero .engineering-visual {
  overflow: hidden;
  border-radius: 22px;
  background: linear-gradient(180deg, transparent 55%, rgba(4, 19, 33, .44)), url('../images/electrical-engineer-switchgear.webp') center / cover no-repeat;
  box-shadow: 0 28px 70px rgba(4, 19, 33, .24);
}

.home-hero .engineering-visual > * { display: none; }

main:has(> .home-hero) > .section:nth-child(3) .visual-block,
main > .section:first-child .visual-block {
  background: linear-gradient(180deg, transparent 50%, rgba(4, 19, 33, .45)), url('../images/electrical-engineers-site-review.webp') center / cover no-repeat;
}

main:has(> .home-hero) > .section:nth-child(8) .grid-2 .visual-block {
  background: linear-gradient(180deg, transparent 50%, rgba(4, 19, 33, .45)), url('../images/solar-energy-assessment.webp') center / cover no-repeat;
}

.visual-block:has(.visual-caption) .gridlines,
.visual-block:has(.visual-caption) .bolt { display: none; }

@media (max-width: 820px) {
  .home-hero .engineering-visual { min-height: 430px; background-position: 58% center; }
}

@media (max-width: 560px) {
  .home-hero .engineering-visual { min-height: 350px; }
}

/* Every public inner-page hero receives contextual photography. */
.page-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #071b31;
  background-image: linear-gradient(90deg, rgba(4,19,33,.96) 0%, rgba(4,19,33,.83) 48%, rgba(4,19,33,.35) 100%), var(--page-photo);
  background-position: center;
  background-size: cover;
  color: #fff;
}
.page-hero .container { position: relative; z-index: 1; }
.page-hero p { color: #d3e1ee; }
.page-hero .breadcrumbs, .page-hero .breadcrumbs a { color: #b8cce0; }

body { --page-photo: url('../images/electrical-engineer-switchgear.webp'); }
.page-about, .page-engineering-approach, .page-our-assurance { --page-photo: url('../images/electrical-engineers-site-review.webp'); }
.page-services, [class*='page-service-consultancy'], [class*='page-service-electrical-design'] { --page-photo: url('../images/consultancy-design.webp'); }
[class*='page-service-project-management'], [class*='page-service-installation-supervision'],
[class*='page-project-supervision'], [class*='page-project-coordination'], [class*='page-project-advisory'] { --page-photo: url('../images/site-supervision.webp'); }
[class*='page-service-maintenance-testing'], [class*='page-project-testing'] { --page-photo: url('../images/maintenance-testing.webp'); }
[class*='page-service-energy-solutions'], [class*='page-project-energy-review'] { --page-photo: url('../images/solar-energy-assessment.webp'); }
.page-industries, .page-projects, .page-project-details,
[class*='page-project-commercial-design'] { --page-photo: url('../images/commercial-infrastructure.webp'); }
.page-contact, .page-request-consultation, .page-request-quote, .page-faq { --page-photo: url('../images/client-consultation.webp'); }
.page-insights, [class*='page-article-'] { --page-photo: url('../images/consultancy-design.webp'); }
.page-privacy, .page-terms, .page-sitemap { --page-photo: url('../images/electrical-engineers-site-review.webp'); }

/* Replace remaining public placeholder illustrations with the photo library. */
.page-services .visual-block,
.page-engineering-approach .visual-block { background: linear-gradient(180deg,transparent 48%,rgba(4,19,33,.52)), url('../images/consultancy-design.webp') center/cover no-repeat; }
[class*='page-service-electrical-design'] .visual-block,
[class*='page-service-consultancy'] .visual-block { background: linear-gradient(180deg,transparent 48%,rgba(4,19,33,.52)), url('../images/consultancy-design.webp') center/cover no-repeat; }
[class*='page-service-project-management'] .visual-block,
[class*='page-service-installation-supervision'] .visual-block { background: linear-gradient(180deg,transparent 48%,rgba(4,19,33,.52)), url('../images/site-supervision.webp') center/cover no-repeat; }
[class*='page-service-maintenance-testing'] .visual-block { background: linear-gradient(180deg,transparent 48%,rgba(4,19,33,.52)), url('../images/maintenance-testing.webp') center/cover no-repeat; }
[class*='page-service-energy-solutions'] .visual-block { background: linear-gradient(180deg,transparent 48%,rgba(4,19,33,.52)), url('../images/solar-energy-assessment.webp') center/cover no-repeat; }
.page-industries .sector-art { background-size: cover; background-position: center; }
.page-industries .sector-feature:nth-child(3n+1) .sector-art { background-image: url('../images/commercial-infrastructure.webp'); }
.page-industries .sector-feature:nth-child(3n+2) .sector-art { background-image: url('../images/site-supervision.webp'); }
.page-industries .sector-feature:nth-child(3n) .sector-art { background-image: url('../images/solar-energy-assessment.webp'); }
.page-industries .sector-art i { display: none; }

.project-card .project-visual:not(:has(img)) { background-size: cover; background-position: center; }
.project-card:nth-child(4n+1) .project-visual:not(:has(img)) { background-image: linear-gradient(rgba(4,19,33,.16),rgba(4,19,33,.38)),url('../images/site-supervision.webp'); }
.project-card:nth-child(4n+2) .project-visual:not(:has(img)) { background-image: linear-gradient(rgba(4,19,33,.16),rgba(4,19,33,.38)),url('../images/maintenance-testing.webp'); }
.project-card:nth-child(4n+3) .project-visual:not(:has(img)) { background-image: linear-gradient(rgba(4,19,33,.16),rgba(4,19,33,.38)),url('../images/solar-energy-assessment.webp'); }
.project-card:nth-child(4n) .project-visual:not(:has(img)) { background-image: linear-gradient(rgba(4,19,33,.16),rgba(4,19,33,.38)),url('../images/commercial-infrastructure.webp'); }
.project-visual:not(:has(img)) .wire, .project-visual:not(:has(img)) .cabinet { display:none; }

.article-card .article-art:not(:has(img)) { background-size: cover; background-position: center; }
.article-card:nth-child(3n+1) .article-art:not(:has(img)) { background-image: linear-gradient(rgba(4,19,33,.2),rgba(4,19,33,.46)),url('../images/consultancy-design.webp'); }
.article-card:nth-child(3n+2) .article-art:not(:has(img)) { background-image: linear-gradient(rgba(4,19,33,.2),rgba(4,19,33,.46)),url('../images/maintenance-testing.webp'); }
.article-card:nth-child(3n) .article-art:not(:has(img)) { background-image: linear-gradient(rgba(4,19,33,.2),rgba(4,19,33,.46)),url('../images/site-supervision.webp'); }
.article-art:not(:has(img)) > i { display:none; }

@media (max-width: 700px) {
  .page-hero { background-image: linear-gradient(90deg,rgba(4,19,33,.94),rgba(4,19,33,.68)),var(--page-photo); background-position: 62% center; }
}