/* ===================================================
   JP INTERIORS – About Page Stylesheet
   =================================================== */

.about-hero__inner {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}

.about-hero__heading {
  font-family: var(--font-serif);
  font-size: clamp(1.8rem, 3.4vw, 2.7rem);
  line-height: 1.28;
  color: var(--color-black);
  margin-bottom: 20px;
}

.about-hero__body {
  font-family: var(--font-sans);
  font-size: clamp(0.9rem, 1.3vw, 1.05rem);
  color: var(--color-gray);
  line-height: 1.75;
  max-width: 700px;
  margin: 0 auto 48px;
}

.about-hero__image {
  margin-bottom: 40px;
}

.about-hero__image img {
  width: 100%;
  max-height: 520px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

/* ── Responsive ───────────────────────────────────── */
@media (max-width: 1024px) {
  .about-hero__image img {
    max-height: 420px;
  }
}

@media (max-width: 768px) {
  .about-hero__body {
    margin-bottom: 32px;
  }

  .about-hero__image img {
    max-height: 320px;
  }

  .about-hero__image {
    margin-bottom: 32px;
  }
}