/* V56: mobile hero framing and homepage process photograph. */
.home-process-section { background: var(--paper-2); }
.home-process-grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: clamp(30px, 6vw, 88px);
}
.home-process-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 4;
  object-fit: cover;
  object-position: 50% 63%;
}
.home-process-copy .section-title { margin-bottom: 24px; }
.home-process-copy .section-title em { color: var(--brown); font-weight: 400; }
.home-process-copy .small-link { display: inline-block; margin-top: 26px; }
.about-process-intro { grid-template-columns: 1fr; }
.about-process-intro .section-copy { max-width: 65ch; }
@media (max-width: 768px) {
  .home-hero .hero-visual {
    height: clamp(260px, 72vw, 330px) !important;
    min-height: clamp(260px, 72vw, 330px) !important;
    max-height: clamp(260px, 72vw, 330px) !important;
  }
  .home-process-grid { grid-template-columns: 1fr; gap: 28px; }
  .home-process-image { aspect-ratio: 1 / 1; object-position: 50% 62%; }
  .home-process-copy .section-title { margin-bottom: 18px; }
  .home-process-copy .small-link { margin-top: 22px; }
}