.ad-page-hero { margin: 0; padding: 0; background: var(--ad-cream); }
.ad-page-hero-media { width: 100%; max-width: 1100px; margin: 0 auto; background: #ead7ca; overflow: hidden; aspect-ratio: 16 / 9; max-height: 430px; }
.ad-page-hero-media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.ad-page-hero-caption { background: #fff; border-top: 1px solid var(--ad-line); border-bottom: 1px solid var(--ad-line); text-align: center; }
.ad-page-hero-caption .container { padding: 20px 18px 18px; }
.ad-page-hero-caption h1 { margin: 0; color: var(--ad-brown); font-size: 2rem; font-weight: 400; line-height: 1.15; }
.ad-page-hero-caption p { margin: 6px auto 0; color: var(--ad-muted); font-size: .76rem; line-height: 1.55; }
@media (max-width: 767.98px) {
  .ad-page-hero-media { max-width: none; aspect-ratio: 3 / 2; max-height: none; }
  .ad-page-hero-media img { object-position: left center; }
  .ad-page-hero-caption .container { padding: 17px 15px 16px; }
  .ad-page-hero-caption h1 { font-size: 1.55rem; }
  .ad-page-hero-caption p { font-size: .68rem; margin-top: 5px; }
}