/* ABOUT PAGE - ROHIT WADEWALE INSPIRED STACKED STYLE */

.about-page-top {
  background: linear-gradient(160deg, #fff9f2 0%, #fdf0e2 60%, #f9e8d4 100%);
  padding: 110px 0 70px;
  text-align: center;
}

.about-page-heading {
  max-width: 760px;
  margin: 0 auto;
}

.about-page-heading h1 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(2.4rem, 4.8vw, 4.2rem);
  line-height: 1.08;
  letter-spacing: -1px;
  margin-bottom: 18px;
  color: var(--brown);
}

.about-page-heading p {
  color: var(--brown-light);
  max-width: 680px;
  margin: 0 auto;
  line-height: 1.8;
  font-size: 1.04rem;
}

.narrow-container {
  max-width: 920px;
}

.about-story-block,
.about-why-section,
.about-services-section,
.about-founder-note,
.about-image-divider {
  padding-top: 70px;
  padding-bottom: 70px;
}

.about-light-section {
  background: linear-gradient(180deg, #fffaf4 0%, #fdf3e7 100%);
}

.about-feature-image-card,
.about-divider-card {
  background: var(--white);
  border-radius: 32px;
  overflow: hidden;
  box-shadow: var(--shadow);
  border: 1px solid rgba(255, 150, 60, 0.1);
}

.about-feature-image,
.about-divider-image,
.about-service-image {
  width: 100%;
  display: block;
  object-fit: cover;
}

.about-feature-image {
  height: 520px;
}

.about-divider-image {
  height: 420px;
}

.about-text-block {
  padding-top: 34px;
  text-align: center;
}

.center-tag {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.about-text-block h2,
.about-title-wrap h2,
.about-founder-box h2 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(2rem, 3.2vw, 3rem);
  line-height: 1.15;
  margin-bottom: 18px;
  letter-spacing: -0.4px;
  color: var(--brown);
}

.about-text-block p,
.about-founder-box p {
  color: var(--brown-light);
  font-size: 1.02rem;
  line-height: 1.85;
  margin-bottom: 16px;
}

.about-title-wrap {
  text-align: center;
  margin-bottom: 34px;
}

.about-icon-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.about-icon-card {
  background: var(--white);
  border-radius: 28px;
  padding: 30px 24px;
  text-align: center;
  box-shadow: var(--shadow-sm);
  border: 1px solid rgba(255, 150, 60, 0.1);
}

.about-icon {
  width: 72px;
  height: 72px;
  border-radius: 20px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  font-size: 2rem;
  background: linear-gradient(135deg, rgba(255, 106, 0, 0.12), rgba(239, 45, 26, 0.08));
}

.about-icon-card h3,
.about-service-content h3 {
  font-family: 'Playfair Display', serif;
  font-size: 1.3rem;
  margin-bottom: 10px;
  color: var(--brown);
}

.about-icon-card p,
.about-service-content p {
  color: var(--brown-light);
  line-height: 1.75;
  font-size: 0.98rem;
}

.about-services-grid {
  display: grid;
  gap: 22px;
}

.about-service-card {
  background: var(--white);
  border-radius: 30px;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  border: 1px solid rgba(255, 150, 60, 0.1);
}

.about-service-card.large-card {
  overflow: hidden;
}

.about-service-image {
  height: 340px;
}

.about-service-content {
  padding: 26px 24px;
  text-align: center;
}

.about-founder-box {
  background: linear-gradient(135deg, #fff7ef, #fff1e5);
  border: 1px solid rgba(255, 150, 60, 0.12);
  border-radius: 36px;
  padding: 44px 34px;
  box-shadow: var(--shadow);
  text-align: center;
}

@media (max-width: 768px) {
  .about-page-top {
    padding: 86px 0 52px;
  }

  .about-icon-cards {
    grid-template-columns: 1fr;
  }

  .about-feature-image {
    height: 320px;
  }

  .about-divider-image {
    height: 280px;
  }

  .about-service-image {
    height: 240px;
  }

  .about-founder-box {
    padding: 32px 22px;
    border-radius: 28px;
  }
}