/* Subpages only: the homepage does not load this stylesheet.
   Desktop photos use a taller crop; mobile images keep space for the action. */
@media (min-width: 768px) {
 body .hero .sales-hero-media img,
 body .hero .hero-image img,
 body .hero .hero-img,
 body .hero .hero-media img { aspect-ratio: 4 / 3; height: auto !important; max-height: 440px; object-fit: cover; }
}
@media (max-width: 767px) {
  body .hood-card { flex-direction: column; align-items: flex-start; gap: .4rem; }
  body .hood-card h4, body .hood-card p { width: 100%; min-width: 0; }
 html body .hero.hero:has(img) img { height: clamp(148px, 30svh, 260px) !important; max-height: none !important; width: 100%; object-fit: cover; }
}