/* About page editorial image sizing */
body[data-page="about"] .photo-break .editorial-frame {
  width: min(100%, 1080px);
  aspect-ratio: 21 / 9;
  margin-inline: auto;
}

body[data-page="about"] .photo-break .responsive-hero-picture {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
}

body[data-page="about"] .photo-break .editorial-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 46%;
}

body[data-page="about"] .bento-side {
  background:
    linear-gradient(180deg, rgba(2, 20, 44, 0.66) 0%, rgba(2, 24, 51, 0.18) 46%, rgba(2, 21, 46, 0.76) 100%),
    linear-gradient(90deg, rgba(2, 20, 44, 0.82) 0%, rgba(2, 27, 56, 0.42) 52%, rgba(2, 30, 60, 0.08) 100%),
    url("../images/maspeth-roots-modern.png?v=20260725.1") center 42% / cover no-repeat;
}

body[data-page="about"] .about-knockout .content-card h3,
body[data-page="about"] .about-knockout .content-card p {
  color: #083b68 !important;
  -webkit-text-fill-color: #083b68 !important;
  text-shadow: none !important;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  body[data-page="about"] .about-knockout .content-card h3,
  body[data-page="about"] .about-knockout .content-card p {
    background-color: transparent !important;
    background-image: linear-gradient(105deg, #1788b3 0%, #0b5b89 48%, #062d57 100%) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
  }
}

@media (max-width: 920px) {
  body[data-page="about"] .photo-break .editorial-frame {
    width: min(100%, 760px);
    aspect-ratio: 16 / 10;
  }
}

@media (max-width: 600px) {
  body[data-page="about"] .photo-break .editorial-frame {
    aspect-ratio: 4 / 3;
  }

  body[data-page="about"] .photo-break .editorial-frame figcaption {
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
    max-width: none;
    border-radius: 18px;
  }
}