/* About page: original banner and alternating two-column sections. */
.about-page { font-family: "Karla", Arial, sans-serif; font-size: 15px; line-height: 1.5; color: #396661; }
.about-page h1, .about-page h2 { font-family: "Poppins", Arial, sans-serif; font-weight: 600; }
.about-banner { margin: 30px; height: calc((100vw - 280px) * .5 + 50px); background: image-set(url('/assets/images/optimized/About-Parkhouse-Lodge-1600.webp') type('image/webp'), url('/assets/images/optimized/About-Parkhouse-Lodge-1600.jpg') type('image/jpeg')) center / cover no-repeat; }
.about-content { max-width: 1140px; margin: 0 auto; padding: 60px 30px 30px; }
.about-content > h1 { margin: 0 0 70px; font-size: 35.2px; line-height: 1.2; letter-spacing: 2px; text-align: left; }
.about-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 60px; align-items: center; margin-bottom: 60px; }
.about-row > img { display: block; width: 100%; height: auto; }
.about-copy h2 { margin: 0 0 20px; font-size: 20.8px; line-height: 1.3; letter-spacing: 2px; }
.about-copy p { margin: 0 0 15px; }
.about-copy p:last-child { margin-bottom: 0; }
@media (max-width: 1024px) {
  .about-banner { margin: 20px 30px 30px; height: calc(50vw + 50px); }
}
@media (max-width: 767px) {
  .about-banner { margin: 0; height: calc(50vw + 50px); }
  .about-content { padding: 40px 30px 15px; }
  .about-content > h1 { font-size: 28px; margin-bottom: 40px; }
  .about-row { grid-template-columns: 1fr; gap: 28px; margin-bottom: 45px; }
}