.about-hero {
  display: grid;
  grid-template-columns: 1fr;
  align-items: end;
  gap: clamp(2rem, 6vw, 6rem);
  padding: clamp(5rem, 10vw, 9rem) clamp(1.25rem, 8vw, 8rem);
  color: var(--white);
  background: var(--brown-dark);
}

.about-hero .eyebrow { color: var(--rose); }
.about-hero h1 { max-width: 800px; margin-bottom: 0; }
.about-hero-copy { max-width: 560px; font-size: 1.15rem; }

.values-section {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: clamp(2rem, 7vw, 7rem);
  padding: clamp(5rem, 9vw, 8rem) clamp(1.25rem, 8vw, 8rem);
}

.values-section h2 { max-width: 540px; }
.values-list { display: grid; gap: 1rem; }
.value-card { padding: 0; background: transparent; border: 0; border-radius: 0; }
.value-card span { color: var(--brown); font-size: .75rem; font-weight: 800; letter-spacing: .14em; }
.value-card h3 { margin: .55rem 0; font-size: 1.45rem; }
.value-card p { margin: 0; }

.customer-section {
  padding: clamp(5rem, 9vw, 8rem) clamp(1.25rem, 8vw, 8rem);
  background: var(--rose-soft);
}

.customer-copy { max-width: 760px; margin-bottom: 2.5rem; }
.customer-copy p { font-size: 1.1rem; }
.customer-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; max-width: 920px; }
.customer-gallery figure { margin: 0; padding: .75rem; background: var(--white); border-radius: 20px; box-shadow: 0 14px 32px rgba(88,53,35,.1); }
.customer-gallery img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 14px; }
.customer-gallery figcaption { padding: .8rem .35rem .2rem; color: var(--brown-dark); font: 1rem Georgia, serif; }

.jobs-section {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: clamp(2rem, 7vw, 7rem);
  padding: clamp(5rem, 9vw, 8rem) clamp(1.25rem, 8vw, 8rem);
  background: var(--cream);
}

.jobs-section h2 { max-width: 680px; }
.jobs-team-image { display: block; width: 100%; margin-top: 2rem; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 22px; box-shadow: 0 18px 38px rgba(88,53,35,.14); }
.jobs-card { align-self: start; padding: clamp(1.6rem, 4vw, 2.5rem); color: var(--white); background: var(--brown); border-radius: 22px; }
.jobs-card h3 { margin-bottom: .75rem; }
.jobs-card ul { margin: 1rem 0 1.6rem; padding-left: 1.2rem; }
.jobs-card .button { color: var(--brown-dark); background: var(--rose-soft); }
.jobs-contact { display: block; margin-top: 1rem; color: var(--white); font-size: .9rem; }

@media (max-width: 850px) {
  .about-hero,
  .values-section,
  .jobs-section { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .customer-gallery { grid-template-columns: 1fr; }
  .customer-gallery img { aspect-ratio: 1 / 1.15; }
}