/* Recent job photography: keep the original framing visible. */
.real-work {
  padding-block: clamp(3rem, 6vw, 6rem);
  background: #f6f2e8;
  color: #334738;
  scroll-margin-top: 7rem;
}
.real-work__intro { max-width: 46rem; margin-bottom: 2.8rem; }
.real-work h2 { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.15; }
.real-work h3 { font-size: clamp(1.6rem, 3vw, 2.2rem); line-height: 1.2; }
.real-work p { line-height: 1.75; }
.real-work__story + .real-work__story {
  margin-top: clamp(3rem, 6vw, 5rem);
  padding-top: clamp(2.5rem, 5vw, 4rem);
  border-top: 1px solid #cbd1c0;
}
.real-work__story > header { max-width: 48rem; margin-bottom: 1.5rem; }
.real-work__story--process { scroll-margin-top: 7rem; }
.real-work__photos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 2.5vw, 2rem);
  align-items: start;
}
.real-work__photos--three { grid-template-columns: 1.4fr 1fr .8fr; }
.real-work__photos--owners { grid-template-columns: .75fr 1.25fr; }
.real-work__figure { margin: 0; min-width: 0; }
.real-work__figure a, .real-work__figure picture { display: block; }
.real-work__figure img { width: 100%; height: auto; display: block; border-radius: 3px; }
.real-work__figure--video video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #1c2d22; border-radius: 3px; }
.real-work__figure--video video:focus-visible { outline: 3px solid #936237; outline-offset: 5px; }
.real-work__figure figcaption { padding-top: .8rem; color: #526052; font-size: .9rem; line-height: 1.6; }
.real-work__figure a:focus-visible, .real-work__text-link:focus-visible { outline: 3px solid #936237; outline-offset: 5px; }
.real-work__text-link { display: inline-block; margin-top: 1.3rem; color: #304d39; text-decoration: underline; text-underline-offset: .25em; font-weight: 600; }
.fall-feature__content > .real-work__text-link { display: block; }
.real-work-home-gallery .fall-feature__image { min-height: 0; margin: 0; height: 100%; display: flex; flex-direction: column; }
.real-work-home-gallery picture { display: block; height: auto; aspect-ratio: 4 / 3; }
.real-work-home-gallery img { height: 100%; object-fit: cover; }
.real-work-home-gallery figcaption { position: static; flex: 1; background: #304336; font-size: .9rem; line-height: 1.5; letter-spacing: 0; text-transform: none; }
.services .service-card picture { height: auto; aspect-ratio: 4 / 3; }
.services .service-card img { height: 100%; object-fit: cover; }
.services-overview .services-intro img { aspect-ratio: 4 / 3; object-position: center bottom; }
@media (max-width: 720px) {
  .real-work__photos, .real-work__photos--three, .real-work__photos--owners { grid-template-columns: minmax(0, 1fr); }
  .real-work__figure { max-width: 100%; }
}