/* The footer asset is cropped to the painted logo, so its left edge follows the copy. */
footer .foot-top > div:first-child > .logo {
  width: 148px;
  max-width: 100%;
  height: auto;
  max-height: none;
  margin-left: 0;
  object-fit: contain;
  object-position: left center;
}
.button-pair { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 26px 0 16px; }
.hero-copy > .button-pair { margin: 10px 0 16px; }
.hero .button-pair > .button,
.process-copy .button-pair > .button { margin: 0; }
/* Keep the existing full-bleed hero inside the viewport as the button group wraps. */
@media (min-width: 761px) {
  .hero .hero-photo { min-width: 0; margin-right: -6vw; }
  .hero .hero-photo .motion-media { height: clamp(620px, 52vw, 780px); aspect-ratio: auto; }
  .hero .hero-photo img { top: -17%; height: 134%; }
}