/* About page: inherit the same image dimensions, cover fit, and media layers as VPS.
   The one focal-point exception on ultra-wide screens protects the wall logo dots. */
@media (min-width: 100rem) {
  .page--about .photo-hero__media img { object-position: center 12%; }
}

/* Clean text zone: the red-dot globe is part of the hero PHOTO on this page.
   Keep the original high-resolution photo; conceal only its left decorative
   region, matching VPS's clean, readable navy text area. The fade ends before
   the right-side subjects/brand marks. Shared photo-hero CSS is untouched. */
@media (min-width: 62.0625rem) {
  .page--about .photo-hero::before {
    background: linear-gradient(90deg,
      #020912 0%,
      #020912 35%,
      rgba(2,9,18,.97) 43%,
      rgba(2,9,18,.73) 51%,
      rgba(2,9,18,.20) 62%,
      transparent 77%);
  }
}