/* Hickory Hill Ranch — brand style layer.
   Loaded before the renderer's inline BASE_CSS, so selectors here are
   compound (element+class) to out-specify BASE's single-class rules. */

body { background: #f4f1e9; }

/* Hero: a little less towering; stronger headline; constrained sub-line */
main section.lp-hero { min-height: 56vh; }
main section.lp-hero h1 { font-size: clamp(40px, 6.5vw, 68px); letter-spacing: -0.01em; }
main section.lp-hero p { font-size: clamp(17px, 2.2vw, 22px); max-width: 42ch; }

/* Vertical rhythm: BASE pads every block 40px top/bottom — tighten a touch */
main section.lp-text, main section.lp-richtext, main section.lp-image { padding-top: 26px; padding-bottom: 26px; }

/* Photos: bounded height, centered, rounded, soft shadow — uniform look,
   and no forced crops (keeps the square/portrait breed shots intact) */
main section.lp-image { max-width: 760px; }
main .lp-image img {
  max-height: 460px;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(45, 38, 26, 0.16);
}
main .lp-image figcaption,
main .lp-img-caption { text-align: center; margin-top: 12px; }

/* Comfortable measure for body copy + warmer heading ink */
main section.lp-text p, main section.lp-richtext p { max-width: 62ch; }
main section.lp-text h2, main section.lp-richtext h2 { color: #2b271f; }
main section.lp-text li { margin: 6px 0; }