/* TengenJP V7.6.5: About page photography updates only.
   Do not modify the 06 / BEYOND TODAY section or other pages. */

/* Hero: replace geometric illustration with a photographic business-and-data visual. */
.ab-hero-art {
  background: #e9edf0;
  border-left-color: #e4e0d9;
}
.ab-hero-art::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  mask-image: none;
  -webkit-mask-image: none;
  background: url("about-hero-v765.webp") 51% 50% / cover no-repeat;
  opacity: .88;
  filter: saturate(.75) contrast(.95) brightness(1.05);
}
.ab-hero-art::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg,rgba(248,247,243,.34),rgba(248,247,243,.06) 48%,rgba(248,247,243,.03)),
              linear-gradient(0deg,rgba(22,34,47,.16),transparent 37%);
}
.ab-art-building, .ab-art-planes {display:none;}
.ab-art-caption {color: #fffdf9; text-shadow: 0 1px 5px rgba(18,29,43,.60);}
.ab-art-axis {z-index:2;}
.ab-art-word {z-index:2; text-shadow:0 1px 5px rgba(7,18,31,.30);}

/* Replace the three abstract symbol panels, preserving original card sizes and spacing. */
.ab-lens-glyph {
  background: #e8ecec;
  isolation: isolate;
}
.ab-lens-glyph::before {
  content: "";
  position: absolute;
  inset: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: .88;
  filter: saturate(.77) contrast(.97) brightness(1.06);
}
.ab-lens-glyph::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,rgba(250,249,245,.08),rgba(250,249,245,.12));
  pointer-events: none;
}
.glyph-tech::before {background-image:url("about-technology-v765.webp"); background-position:50% 48%;}
.glyph-people::before {background-image:url("about-people-v765.webp"); background-position:53% 49%;}
.glyph-process::before {background-image:url("about-process-v765.webp"); background-position:49% 51%;}
.ab-lens-glyph i {display:none;}

@media(max-width:650px) {
  .ab-hero-art::before {background-position: 50% 48%; opacity:.84;}
  .ab-lens-glyph::before {opacity:.86;}
}