/* ==========================================================================
   Charles and Lois Home — About Page
   Approved content, implemented on top of shared section/container/button
   patterns (.section, .section--alt, .section-heading__label, .final-cta)
   already used elsewhere on the site. Loaded only on about.html.
   ========================================================================== */

.about-intro {
  padding-block: var(--space-2xl);
}

.about-section {
  padding-block: var(--space-xl);
}

.about-intro__heading {
  margin-top: var(--space-2xs);
}

.about-intro__tagline {
  margin-top: 0;
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: var(--weight-medium);
  color: var(--color-forest);
}

.about-intro__lead {
  margin-top: var(--space-md);
  font-size: var(--text-lg);
  color: var(--color-text-muted);
}

.about-intro__lead + .about-intro__lead {
  margin-top: var(--space-sm);
}

/* ---- Shared text-section pattern: "More Than a Place to Stay",
   "A Simple Way to Book", "Our Approach" ---- */
.about-section__heading {
  max-width: 640px;
}

.about-section__body {
  max-width: 640px;
}

.about-section__body p {
  font-size: var(--text-base);
  line-height: var(--leading-body);
  color: var(--color-text-muted);
}

.about-section__body p + p {
  margin-top: var(--space-sm);
}

/* ---- "For Every Kind of Stay" ---- */
.about-stays__intro {
  max-width: 640px;
}

.about-stays__lead {
  margin-top: var(--space-sm);
  font-size: var(--text-lg);
  color: var(--color-text-muted);
}

.about-stays__list {
  margin-top: var(--space-lg);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-sm);
}

.about-stays__item {
  padding: var(--space-md);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-sm);
  background-color: var(--color-surface);
}

.about-stays__item-title {
  color: var(--color-forest);
}

.about-stays__item-text {
  margin-top: var(--space-2xs);
  color: var(--color-text-muted);
}

@media (min-width: 640px) {
  .about-stays__list {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ---- Closing brand sign-off, inside the final-cta band ---- */
.about-signoff {
  margin-top: var(--space-xl);
  padding-top: var(--space-lg);
  border-top: var(--border-width) solid var(--color-border-dark);
}

.about-signoff__name {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  color: var(--color-cream);
}

.about-signoff__tagline {
  margin-top: var(--space-3xs);
  font-size: var(--text-sm);
  letter-spacing: var(--tracking-wide);
  color: rgba(247, 244, 238, 0.7);
}

@media (min-width: 1024px) {
  .about-stays__list {
    grid-template-columns: repeat(4, 1fr);
  }
}