/*
  Corporate Responsibility page. Scoped to body.page-responsibility.
  Dark hero with the forest video / still, then the shared intro split and
  three-card band. No closing call-to-action on this page (none in the source).
*/

.page-responsibility {
  --pd-hero-min: clamp(440px, 38vw, 520px);
  /* Lighter brand tint than other pages so the greenery still reads */
  --pd-tint: .38;
  --pd-tint-video: .5;
}

.page-responsibility main > .hero h1 { max-width: 860px; }

/* The cards band is the last section: let it run into the footer */
.page-responsibility .about-story .about-values { padding-bottom: 120px; }

@media (min-width: 1000px) {
  .page-responsibility .about-values h3 { display: flex; align-items: flex-end; min-height: 66px; }
}