/* Contact page uses the same current editorial shell as the homepage. */
.contact-page {
  --contact-paper: #f2eee6;
  --contact-ink: #1c1915;
  --contact-muted: #514c45;
  --contact-red: var(--color-accent, #56221b);
  background: var(--contact-paper);
  color: var(--contact-ink);
  font-family: 'Inter', Arial, sans-serif;
}
.contact-page .editorial-header { background: var(--contact-paper); }
.contact-page .editorial-nav a[aria-current="page"] {
  text-decoration: underline;
  text-decoration-color: var(--contact-red);
  text-decoration-thickness: 2px;
  text-underline-offset: 9px;
}
.contact-page .contact-main { overflow: clip; }
.contact-page .contact-hero {
  min-height: clamp(390px, 42vw, 640px);
  margin-top: 0;
  background: #3b3028;
  isolation: isolate;
}
.contact-page .contact-hero__media { background-position: center 56%; }
.contact-page .contact-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(22, 19, 16, .72), rgba(22, 19, 16, .45) 48%, rgba(22, 19, 16, .08));
}
.contact-page .contact-hero__content {
  min-height: clamp(390px, 42vw, 640px);
  align-items: flex-start;
  text-align: left;
  padding-block: 30px;
  gap: clamp(14px, 1.4vw, 22px);
}
.contact-page .contact-hero__content::before {
  content: "PAVAN FURNITURE  ·  KARIMNAGAR";
  color: var(--contact-paper);
  font-size: clamp(11px, 1vw, 14px);
  font-weight: 600;
  letter-spacing: .16em;
}
.contact-page .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;
}
.contact-page .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;
}

.contact-page .contact-project {
  padding-block: clamp(76px, 8vw, 120px);
  background: var(--contact-paper);
}
.contact-page .contact-project__line,
.contact-page .contact-hours__line { border-color: rgba(86, 34, 27, .1); }
.contact-page .contact-project__kicker {
  color: var(--contact-red);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.contact-page .contact-project__title,
.contact-page .contact-hours__title,
.contact-page .contact-map .section-title,
.contact-page .contact-faq__title {
  color: var(--contact-ink);
  font-family: 'Inter', Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -.06em;
}
.contact-page .contact-project__grid { align-items: stretch; }
.contact-page .contact-project__image-wrap { min-height: 100%; }
.contact-page .contact-project__image { height: 100%; min-height: 500px; object-position: center; }
.contact-page .contact-project__form {
  align-content: start;
  gap: 20px;
  padding: clamp(24px, 3vw, 42px);
  background: #e8e1d6;
}
.contact-page .contact-project__label { color: var(--contact-ink); font-weight: 600; }
.contact-page .contact-project__input,
.contact-page .contact-project__textarea {
  border: 1px solid rgba(28, 25, 21, .24);
  border-radius: 0;
  background: var(--contact-paper);
  color: var(--contact-ink);
}
.contact-page .contact-project__input:focus,
.contact-page .contact-project__textarea:focus { border-color: var(--contact-red); outline-color: var(--contact-red); }
.contact-page .contact-project__submit {
  grid-column: 1 / -1;
  border-radius: 0;
  background: var(--contact-red);
  color: #fff9ef;
}
.contact-page .contact-project__submit:hover { background: var(--color-accent-hover, #421813); }

.contact-page .contact-hours { background: #e8e1d6; }
.contact-page .contact-hours__title { font-size: clamp(34px, 4vw, 54px); }
.contact-page .contact-hours__description,
.contact-page .contact-hours__row,
.contact-page .contact-hours__note,
.contact-page .contact-map .section-description { color: var(--contact-muted); }
.contact-page .contact-hours__row { border-color: rgba(28, 25, 21, .2); }
.contact-page .contact-hours__row strong { color: var(--contact-red); }
.contact-page .contact-hours__note { border-left-color: var(--contact-red); }
.contact-page .contact-map { background: var(--contact-paper); }
.contact-page .contact-map .section-subtitle { color: var(--contact-red); }
.contact-page .contact-map .section-description { margin-inline: auto; }
.contact-page .contact-faq { background: #e8e1d6; }
.contact-page .contact-faq__line { border-color: rgba(86, 34, 27, .1); }
.contact-page .contact-faq__question { color: var(--contact-ink); font-family: 'Inter', Arial, sans-serif; }
.contact-page .contact-faq__description,
.contact-page .contact-faq__answer { color: var(--contact-muted); }
.contact-page .contact-faq__question::after { color: var(--contact-red); }
.contact-page .contact-faq__item { border-color: rgba(28, 25, 21, .18); }
.contact-page .contact-faq__cta { border-radius: 0; background: var(--contact-red); color: #fff9ef; }
.contact-page .footer { background: var(--contact-red); color: #fff9ef; }
.contact-page .footer::before { background: var(--contact-paper); }

@media (max-width: 700px) {
  .contact-page .contact-hero,
  .contact-page .contact-hero__content { min-height: 430px; }
  .contact-page .contact-hero__media { background-position: 61% center; }
  .contact-page .contact-hero__title { font-size: clamp(62px, 16vw, 100px); }
  .contact-page .contact-hero__description { max-width: 35ch; }
  .contact-page .contact-project__grid { grid-template-columns: 1fr; }
  .contact-page .contact-project__image { min-height: 0; aspect-ratio: 1.25 / 1; }
  .contact-page .contact-project__form { padding: 22px; }
}