/* Scoped to the About approach section; keep its content-driven layout. */
.about-page .about-approach {
  background: #dbe6eb;
}

.about-page .approach-background {
  position: absolute;
  z-index: -1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.about-page .approach-background-poster,
.about-page .approach-background-poster img,
.about-page .approach-background-video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.about-page .approach-background-poster img,
.about-page .approach-background-video {
  object-fit: cover;
  object-position: center;
}

.about-page .approach-background-video {
  opacity: 0;
}

.about-page .approach-background.is-playing .approach-background-video {
  opacity: 1;
}

.about-page .approach-background::after {
  position: absolute;
  inset: 0;
  content: '';
  background: rgba(239, 246, 248, .68);
}

@media (prefers-reduced-motion: reduce) {
  .about-page .approach-background .approach-background-video {
    opacity: 0;
  }
}