/* Contextual photography layer
   Image files are stored locally in ../images and mapped by page-level body classes. */

.page-home { --page-image: url("../images/home-services-hero.webp"); --page-position: center 46%; }
.page-about { --page-image: url("../images/team.webp"); --page-position: center 39%; }
.page-approach { --page-image: url("../images/team.webp"); --page-position: center 43%; }
.page-insights { --page-image: url("../images/analytics.webp"); --page-position: center; }
.page-contact { --page-image: url("../images/office.webp"); --page-position: center 58%; }

.page-services-overview { --page-image: url("../images/team.webp"); --page-position: center 38%; }
.page-service-ai-data { --page-image: url("../images/analytics.webp"); --page-position: center; }
.page-service-product-engineering { --page-image: url("../images/team.webp"); --page-position: center 40%; }
.page-service-managed-cloud { --page-image: url("../images/cloud.webp"); --page-position: center; }
.page-service-enterprise-platforms { --page-image: url("../images/analytics.webp"); --page-position: center; }
.page-service-langtech { --page-image: url("../images/langtech.webp"); --page-position: center 45%; }
.page-service-fintech { --page-image: url("../images/finance.webp"); --page-position: center; }
.page-service-talent { --page-image: url("../images/team.webp"); --page-position: center 41%; }
.page-service-gcc { --page-image: url("../images/city.webp"); --page-position: center; }

.page-industries-overview { --page-image: url("../images/city.webp"); --page-position: center; }
.page-industry-bfsi { --page-image: url("../images/finance.webp"); --page-position: center; }
.page-industry-manufacturing { --page-image: url("../images/manufacturing.webp"); --page-position: center; }
.page-industry-life-sciences { --page-image: url("../images/life-sciences.webp"); --page-position: center; }
.page-industry-retail { --page-image: url("../images/retail.webp"); --page-position: center; }
.page-industry-healthcare { --page-image: url("../images/healthcare.webp"); --page-position: center 44%; }
.page-industry-automotive { --page-image: url("../images/automotive.webp"); --page-position: center; }
.page-industry-public-sector { --page-image: url("../images/public-sector.webp"); --page-position: center 54%; }
.page-industry-telecom { --page-image: url("../images/telecom.webp"); --page-position: center; }

/* Home hero: one service-led image with a controlled readability gradient. */
.page-home .hero {
  isolation: isolate;
  color: #fff;
  background-image:
    linear-gradient(90deg, rgba(12,15,28,.95) 0%, rgba(15,19,35,.88) 43%, rgba(16,21,39,.48) 70%, rgba(13,17,30,.34) 100%),
    var(--page-image);
  background-position: center, var(--page-position);
  background-size: cover, cover;
  background-repeat: no-repeat;
}
.overview-hero::before {
  z-index: -1;
  background-image:
    linear-gradient(rgba(255,255,255,.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.075) 1px, transparent 1px);
  opacity: .3;
}
.overview-hero h1,
.overview-hero .breadcrumb,
.overview-hero .breadcrumb a { color: #fff; }
.overview-hero p { color: rgba(255,255,255,.78); }
.overview-hero .eyebrow { color: #f6dfe1; }

/* Contact page photography is deliberately quieter so form fields remain the visual priority. */
.contact-page {
  isolation: isolate;
  background-image:
    linear-gradient(90deg, rgba(23,21,22,.95) 0%, rgba(23,21,22,.88) 48%, rgba(23,21,22,.66) 100%),
    var(--page-image);
  background-position: center, var(--page-position);
  background-size: cover;
  background-repeat: no-repeat;
}
.contact-page::before {
  z-index: -1;
  background-image:
    linear-gradient(rgba(255,255,255,.065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.065) 1px, transparent 1px);
  opacity: .3;
}
.contact-page__grid { position: relative; z-index: 1; }
.contact-page__copy h1,
.contact-page__copy .breadcrumb,
.contact-page__copy .breadcrumb a { color: #fff; }
.contact-page__copy > p { color: rgba(255,255,255,.76); }
.contact-page__copy .eyebrow { color: #f6dfe1; }
.contact-page__copy .contact-details > * {
  background: rgba(255,255,255,.92);
  border-color: rgba(255,255,255,.44);
  backdrop-filter: blur(12px);
}

/* Contextual photography in the desktop mega-menu feature cards. */
.mega-feature--services,
.mega-feature--industries {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.mega-feature--services {
  background-image: linear-gradient(180deg, rgba(23,21,22,.26), rgba(23,21,22,.92)), url("../images/analytics.webp");
}
.mega-feature--industries {
  background-image: linear-gradient(180deg, rgba(23,21,22,.25), rgba(23,21,22,.92)), url("../images/city.webp");
}
.mega-feature--services::before,
.mega-feature--industries::before { opacity: .36; }

/* Homepage industry explorer: JavaScript updates --industry-image for each selected tab. */
.page-home .industry-panel__visual {
  isolation: isolate;
  background-image:
    linear-gradient(180deg, rgba(23,21,22,.08) 24%, rgba(23,21,22,.84) 100%),
    var(--industry-image, url("../images/finance.webp"));
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-home .industry-panel__visual::before {
  z-index: 0;
  background: linear-gradient(135deg, rgba(235,32,38,.18), transparent 48%, rgba(40,57,148,.12));
  mask-image: none;
  opacity: 1;
}
.page-home .industry-panel__visual .orbit { opacity: .16; border-color: rgba(255,255,255,.42); }
.page-home .industry-panel__visual .industry-core {
  color: #fff;
  background: rgba(23,21,22,.68);
  border-color: rgba(255,255,255,.28);
  backdrop-filter: blur(12px);
}
.page-home .industry-panel__visual .industry-core span { color: #fff; }
.page-home .industry-node {
  color: #fff;
  background: rgba(23,21,22,.64);
  border-color: rgba(255,255,255,.28);
  backdrop-filter: blur(10px);
}

@media (max-width: 1100px) {
  .page-home .hero__grid { grid-template-columns: minmax(0, 780px); }
  .page-home .hero {
    background-image:
      linear-gradient(90deg, rgba(23,21,22,.95), rgba(23,21,22,.68)),
      var(--page-image);
    background-position: center, 64% center;
  }
}

@media (max-width: 700px) {
  .page-home .hero {
    padding-bottom: 72px;
    background-image:
      linear-gradient(180deg, rgba(23,21,22,.88), rgba(23,21,22,.93)),
      var(--page-image);
    background-position: center, 60% center;
  }
  .page-home .hero__proof { gap: 15px; }
  .inner-visual { min-height: 350px; }
  .inner-visual__core { left: 18px; right: 18px; bottom: 18px; }
  .overview-hero {
    background-image:
      linear-gradient(180deg, rgba(23,21,22,.82), rgba(23,21,22,.94)),
      var(--page-image);
  }
  .contact-page {
    background-image:
      linear-gradient(180deg, rgba(23,21,22,.91), rgba(23,21,22,.96)),
      var(--page-image);
  }
}

/* Revised consolidated industry architecture */
.page-industry-manufacturing-engineering { --page-image: url("../images/manufacturing.webp"); --page-position: center; }
.page-industry-health-life { --page-image: url("../images/healthcare.webp"); --page-position: center 44%; }
.page-industry-tmt { --page-image: url("../images/telecom.webp"); --page-position: center; }

/* Current six-industry architecture */
.page-industry-education { --page-image: url("../images/team.webp"); --page-position: center 40%; }
.page-industry-media { --page-image: url("../images/telecom.webp"); --page-position: center; }
.page-industry-manufacturing-engineering { --page-image: url("../images/manufacturing.webp"); --page-position: center; }
.page-industry-health-life { --page-image: url("../images/healthcare.webp"); --page-position: center 44%; }

.page-service-digital-learning { --page-image: url("../images/team.webp"); --page-position: center 38%; }
.page-service-engineering-design { --page-image: url("../images/manufacturing.webp"); --page-position: center; }

/* Unique contextual banner photography */
.page-service-ai-data { --page-image: url("../images/banners/ai-automation-analytics.webp"); --page-position: center 48%; }
.page-service-digital-learning { --page-image: url("../images/banners/digital-learning.webp"); --page-position: center 48%; }
.page-service-enterprise-platforms { --page-image: url("../images/banners/enterprise-platforms.webp"); --page-position: center 52%; }
.page-service-managed-cloud { --page-image: url("../images/banners/cloud-operations.webp"); --page-position: center 48%; }
.page-service-langtech { --page-image: url("../images/banners/localization-language.webp"); --page-position: center 50%; }
.page-service-engineering-design { --page-image: url("../images/banners/engineering-manufacturing.webp"); --page-position: center 52%; }
.page-industry-bfsi { --page-image: url("../images/banners/bfsi-fintech.webp"); --page-position: center 50%; }
.page-industry-manufacturing-engineering { --page-image: url("../images/banners/manufacturing-aerospace.webp"); --page-position: center 52%; }
.page-industry-education { --page-image: url("../images/banners/education-universities.webp"); --page-position: center 50%; }
.page-industry-retail { --page-image: url("../images/banners/retail-commerce.webp"); --page-position: center 52%; }
.page-industry-media { --page-image: url("../images/banners/media-audience.webp"); --page-position: center 48%; }
.page-industry-health-life { --page-image: url("../images/banners/healthcare-life-sciences.webp"); --page-position: center 50%; }
.page-approach { --page-image: url("../images/banners/approach-delivery.webp"); --page-position: center 50%; }
.page-insights { --page-image: url("../images/banners/insights-advisory.webp"); --page-position: center 48%; }
.page-services-overview { --page-image: url("../images/banners/services-overview.webp"); --page-position: center 50%; }
.page-industries-overview { --page-image: url("../images/banners/industries-overview.webp"); --page-position: center 50%; }


/* Distinct service-page banner photography */
.page-service-ai-data { --page-image: url("../images/banners/services/ai-automation.webp"); --page-position: center 48%; }
.page-service-digital-learning { --page-image: url("../images/banners/services/digital-learning.webp"); --page-position: center 48%; }
.page-service-langtech { --page-image: url("../images/banners/services/translation-localization.webp"); --page-position: center 48%; }
.page-service-enterprise-platforms { --page-image: url("../images/banners/services/enterprise-platforms.webp"); --page-position: center 48%; }
.page-service-managed-cloud { --page-image: url("../images/banners/services/cloud-devops.webp"); --page-position: center 50%; }
.page-service-engineering-design { --page-image: url("../images/banners/services/engineering-digital.webp"); --page-position: center 50%; }


/* Corporate page banners: consistent top-level banner imagery */
.page-about { --page-image: url("../images/banners/about-us.webp"); --page-position: center 48%; }
.page-contact { --page-image: url("../images/banners/contact-us.webp"); --page-position: center 48%; }
.page-insights { --page-image: url("../images/banners/insights.webp"); --page-position: center 50%; }
.page-about .overview-hero,.page-insights .overview-hero,.page-contact .contact-page{min-height:520px;display:flex;align-items:center;}
@media (max-width: 700px){.page-about .overview-hero,.page-insights .overview-hero,.page-contact .contact-page{min-height:auto;}}


/* Corrected corporate-page banner bindings.
   These selectors override legacy hard-coded images in inner-pages.css. */
.page-about .corporate-hero {
  min-height: 560px;
  background-image:
    linear-gradient(90deg, rgba(23,21,22,.92) 0%, rgba(23,21,22,.74) 46%, rgba(23,21,22,.30) 100%),
    url("../images/banners/about-us.webp") !important;
  background-position: center, center 48% !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat !important;
}
.page-contact .contact-hero {
  min-height: 560px;
  background-image:
    linear-gradient(90deg, rgba(23,21,22,.92) 0%, rgba(23,21,22,.72) 45%, rgba(23,21,22,.28) 100%),
    url("../images/banners/contact-us.webp") !important;
  background-position: center, center 48% !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat !important;
}
.page-insights .overview-hero {
  min-height: 560px;
  display: flex;
  align-items: center;
  background-image:
    linear-gradient(90deg, rgba(23,21,22,.92) 0%, rgba(23,21,22,.72) 45%, rgba(23,21,22,.26) 100%),
    url("../images/banners/insights.webp") !important;
  background-position: center, center 50% !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat !important;
}
@media (max-width: 700px) {
  .page-about .corporate-hero,
  .page-contact .contact-hero,
  .page-insights .overview-hero {
    min-height: 480px;
    background-position: center, 66% center !important;
  }
}


/* Correct Approach page banner binding */
.page-approach .approach-hero--refined {
  min-height: 560px;
  display: flex;
  align-items: center;
  color: #fff;
  background-image:
    linear-gradient(90deg, rgba(23,21,22,.92) 0%, rgba(23,21,22,.72) 46%, rgba(23,21,22,.28) 100%),
    url("../images/banners/approach-delivery.webp") !important;
  background-position: center, center 50% !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat !important;
}
.page-approach .approach-hero--refined h1,
.page-approach .approach-hero--refined p,
.page-approach .approach-hero--refined .eyebrow {
  color: #fff;
}
@media (max-width: 700px) {
  .page-approach .approach-hero--refined {
    min-height: 480px;
    background-position: center, 66% center !important;
  }
}