/* Bring the About page into the current ivory, ink and Pavan red visual system. */
.about-page {
  --about-paper: #f2eee6;
  --about-ink: #1c1915;
  --about-muted: #514c45;
  --about-red: var(--color-accent, #56221b);
  background: var(--about-paper);
  color: var(--about-ink);
  font-family: 'Inter', Arial, sans-serif;
}
.about-page .about-main h1,
.about-page .about-main h2,
.about-page .about-main h3,
.about-page .about-main h4,
.about-page .about-main summary { font-family: 'Inter', Arial, sans-serif; }

.about-page .editorial-header { background: var(--about-paper); }
.about-page .editorial-nav a[aria-current="page"] {
  text-decoration: underline;
  text-decoration-color: var(--about-red);
  text-decoration-thickness: 2px;
  text-underline-offset: 9px;
}
.about-page .about-main { overflow: clip; }

.about-page .contact-hero--about {
  min-height: clamp(390px, 42vw, 640px);
  margin-top: 0;
  background: #3b3028;
  isolation: isolate;
}
.about-page .contact-hero--about .contact-hero__media {
  background-position: center 56%;
  transform: scale(1.01);
}
.about-page .contact-hero--about .contact-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(22, 19, 16, .72) 0%, rgba(22, 19, 16, .46) 45%, rgba(22, 19, 16, .08) 100%);
}
.about-page .contact-hero--about .contact-hero__content {
  min-height: clamp(390px, 42vw, 640px);
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  gap: clamp(14px, 1.4vw, 22px);
  padding-top: 30px;
  padding-bottom: 30px;
}
.about-page .contact-hero--about .contact-hero__content::before {
  content: "PAVAN FURNITURE  ·  KARIMNAGAR  ·  EST. 1977";
  color: #f2eee6;
  font-size: clamp(11px, 1vw, 14px);
  letter-spacing: .16em;
  font-weight: 600;
}
.about-page .contact-hero--about .contact-hero__title {
  max-width: 10ch;
  color: #f8f4ec;
  font-family: 'Inter', Arial, sans-serif;
  font-size: clamp(64px, 9vw, 150px);
  font-weight: 800;
  line-height: .88;
  letter-spacing: -.075em;
  text-shadow: none;
}
.about-page .contact-hero--about .contact-hero__description {
  max-width: 620px;
  color: rgba(248, 244, 236, .92);
  font-size: clamp(16px, 1.45vw, 21px);
  line-height: 1.55;
  text-shadow: none;
}

.about-page .about-story-section {
  padding: clamp(76px, 9vw, 144px) 0;
  background: var(--about-paper);
}
.about-page .about-story-section::before {
  opacity: .28;
  background:
    radial-gradient(circle at 88% 18%, rgba(196, 178, 145, .22) 0, rgba(196, 178, 145, .22) 21%, transparent 21.3%),
    linear-gradient(125deg, transparent 0 35.5%, rgba(196, 178, 145, .16) 35.8% 36.5%, transparent 36.8% 100%);
}
.about-page .about-story-grid { align-items: center; }
.about-page .about-story-copy h2,
.about-page .about-testimonials__title,
.about-page .heritage-story__title,
.about-page .heritage-story__promise-title,
.about-page .heritage-story__promise-heading h4,
.about-page .contact-faq__title {
  color: var(--about-ink);
}
.about-page .about-story-copy h2,
.about-page .about-testimonials__title,
.about-page .heritage-story__title,
.about-page .heritage-story__promise-title,
.about-page .heritage-story__promise-heading h4 {
  font-family: 'Inter', Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -.06em;
}
.about-page .about-story-copy p,
.about-page .heritage-story__lead,
.about-page .heritage-story__promise-copy,
.about-page .heritage-story__promise-item p,
.about-page .contact-faq__description,
.about-page .contact-faq__answer {
  color: var(--about-muted);
}
.about-page .about-story-visual img { box-shadow: 18px 18px 0 rgba(86, 34, 27, .12); }
.about-page .about-story-copy .btn,
.about-page .heritage-story__cta,
.about-page .contact-faq__cta {
  border: 0;
  border-radius: 0;
  background: var(--about-red);
  color: #fff9ef;
  box-shadow: none;
}
.about-page .about-story-copy .btn:hover,
.about-page .heritage-story__cta:hover,
.about-page .contact-faq__cta:hover { background: var(--color-accent-hover, #421813); }

.about-page .team-section {
  padding: clamp(64px, 8vw, 120px) 0;
  background: #e8e1d6;
}
.about-page .section-subtitle { color: var(--about-red); }
.about-page .section-title {
  color: var(--about-ink);
  font-family: 'Inter', Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -.055em;
}
.about-page .team-grid { gap: 18px; }
.about-page .team-card {
  border: 0;
  border-radius: 0;
  padding: clamp(22px, 3vw, 38px);
  background: var(--about-paper);
  box-shadow: none;
  text-align: left;
}
.about-page .team-card img {
  width: 100%;
  height: clamp(230px, 28vw, 360px);
  margin: 0 0 24px;
  border-radius: 0;
  box-shadow: none;
}
.about-page .team-card h3 {
  margin: 0 0 8px;
  color: var(--about-ink);
  font-size: clamp(21px, 2vw, 28px);
  letter-spacing: -.045em;
}
.about-page .team-card p { color: var(--about-muted); line-height: 1.65; }
.about-page .team-card p:nth-of-type(1) { color: var(--about-red); font-weight: 600; }

.about-page .heritage-story { background: #f8f5ef; }
.about-page .heritage-story__line { border-color: rgba(86, 34, 27, .09); }
.about-page .heritage-story__cta { padding: 14px 20px; }
.about-page .heritage-story__promise-item,
.about-page .heritage-story__promise-item:last-child { border-color: rgba(86, 34, 27, .25); }
.about-page .heritage-story__promise-heading a,
.about-page .heritage-story__promise-heading a:hover { color: var(--about-red); }

.about-page .process-story {
  background: #332720;
  margin-top: 0;
}
.about-page .process-story__backdrop {
  background: linear-gradient(rgba(42, 31, 25, .91), rgba(42, 31, 25, .93)), url("images/processbackground.png") center / cover no-repeat;
  filter: none;
}
.about-page .process-story__title,
.about-page .process-story__subtitle,
.about-page .process-story__number,
.about-page .process-story__step h3 { color: #f2eee6; }
.about-page .process-story__subtitle,
.about-page .process-story__number { color: #d7a69a; }
.about-page .process-story__title,
.about-page .process-story__subtitle,
.about-page .process-story__step h3,
.about-page .process-story__cta-card h3,
.about-page .contact-faq__question { font-family: 'Inter', Arial, sans-serif; }
.about-page .process-story__cta-card h3 { color: var(--about-ink); }
.about-page .process-story__panel {
  background: linear-gradient(rgba(42, 31, 25, .68), rgba(42, 31, 25, .86)), url("images/processleftside.png") center / cover no-repeat;
}
.about-page .process-story__panel::before {
  background: linear-gradient(180deg, rgba(42, 31, 25, .12), rgba(42, 31, 25, .5));
}
.about-page .process-story__panel-copy,
.about-page .process-story__title,
.about-page .process-story__subtitle,
.about-page .process-story__body p { color: #f2eee6; }
.about-page .process-story__body p,
.about-page .process-story__step p { color: rgba(242, 238, 230, .78); }
.about-page .process-story__cta-card a,
.about-page .process-story__cta-card a:hover { color: var(--about-red); }

.about-page .contact-faq { background: #e8e1d6; }
.about-page .contact-faq__line { border-color: rgba(86, 34, 27, .1); }
.about-page .contact-faq__title,
.about-page .contact-faq__question { color: var(--about-ink); }
.about-page .contact-faq__question::after { color: var(--about-red); }
.about-page .contact-faq__item { border-color: rgba(28, 25, 21, .18); }
.about-page .about-testimonials {
  padding: clamp(76px, 9vw, 136px) 0;
  background: var(--about-paper);
}
.about-page .about-testimonials__header { text-align: left; }
.about-page .about-testimonials__grid { gap: 16px; }
.about-page .about-testimonial-card {
  padding: clamp(24px, 3vw, 40px);
  background: #e8e1d6;
}
.about-page .about-testimonial-card__mark,
.about-page .about-testimonial-card__name { color: var(--about-red); }
.about-page .about-testimonial-card__headline { color: var(--about-ink); font-family: 'Inter', Arial, sans-serif; font-weight: 700; }
.about-page .about-testimonial-card__body { color: var(--about-muted); }

.about-page .cta-section {
  background:
    linear-gradient(rgba(30, 24, 20, .72), rgba(30, 24, 20, .72)),
    url('images/optimized/cta-bg.webp') center / cover no-repeat;
}
.about-page .cta-title {
  font-family: 'Inter', Arial, sans-serif;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 700;
  letter-spacing: -.06em;
}
.about-page .cta-buttons .btn-gold {
  border-radius: 0;
  background: var(--about-red);
  color: #fff9ef;
}
.about-page .cta-buttons .btn-secondary { border-radius: 0; }

.about-page .footer { background: var(--about-red); color: #fff9ef; }
.about-page .footer::before { background: var(--about-paper); }

@media (max-width: 700px) {
  .about-page .contact-hero--about,
  .about-page .contact-hero--about .contact-hero__content { min-height: 430px; }
  .about-page .contact-hero--about .contact-hero__media { background-position: 61% center; }
  .about-page .contact-hero--about .contact-hero__media::after {
    background: linear-gradient(90deg, rgba(22, 19, 16, .74), rgba(22, 19, 16, .26));
  }
  .about-page .contact-hero--about .contact-hero__title { font-size: clamp(62px, 16vw, 100px); }
  .about-page .contact-hero--about .contact-hero__description { max-width: 35ch; }
  .about-page .about-story-grid { grid-template-columns: 1fr; }
  .about-page .about-story-visual img { box-shadow: 10px 10px 0 rgba(86, 34, 27, .12); }
  .about-page .team-grid { grid-template-columns: 1fr; }
  .about-page .team-card img { height: min(105vw, 390px); }
  .about-page .about-testimonials__header { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  .about-page *, .about-page *::before, .about-page *::after { scroll-behavior: auto !important; }
}