.about {
  background: var(--cream);
  color: var(--forest);
  padding-top: clamp(92px, 10vw, 150px);
  padding-bottom: clamp(100px, 11vw, 170px);
  overflow: hidden;
}

.about-heading {
  border-bottom: 1px solid var(--rule);
  padding-bottom: clamp(34px, 4vw, 58px);
}

.about-heading .eyebrow {
  color: #798276;
  margin: 0 0 clamp(28px, 3vw, 42px);
}

.about-heading h2 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(48px, 5.2vw, 82px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.045em;
}

.about-grid {
  display: grid;
  grid-template-columns: minmax(300px, .78fr) 1.22fr;
  gap: clamp(70px, 10vw, 165px);
  align-items: center;
  padding-top: clamp(64px, 7vw, 105px);
}

.about-signature {
  display: flex;
  min-height: 410px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--forest);
}

.about-signature img {
  width: clamp(230px, 22vw, 340px);
  height: auto;
}

.about-signature p {
  margin: 25px 0 0;
  font-family: var(--display);
  font-size: clamp(35px, 3.4vw, 53px);
  line-height: 1;
  letter-spacing: .045em;
}

.about-copy {
  max-width: 760px;
  padding-top: 12px;
}

.about-kicker {
  margin: 0 0 26px;
  color: #6b7569;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .145em;
}

.about-copy > p {
  color: #5d675c;
  font-size: 1.0625rem;
  line-height: 1.9;
  letter-spacing: -.016em;
  margin-bottom: 24px;
}

.about-copy .about-lead {
  color: var(--forest);
  font-family: var(--display);
  font-size: clamp(30px, 2.55vw, 42px);
  line-height: 1.37;
  letter-spacing: -.027em;
  margin-bottom: 32px;
}

.about-values {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 46px;
  padding-top: 28px;
  border-top: 1px solid var(--rule);
}

.about-values div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.about-values strong {
  font-family: var(--display);
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.1;
}

.about-values span {
  color: #737c71;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: .05em;
}

@media (max-width: 900px) {
  .about-heading h2 { font-size: clamp(45px, 7vw, 68px); }
  .about-grid { grid-template-columns: minmax(240px, .72fr) 1.28fr; gap: 6vw; }
  .about-signature { min-height: 350px; }
  .about-values { grid-template-columns: 1fr; gap: 16px; }
}

@media (max-width: 640px) {
  .about { padding-top: 72px; padding-bottom: 86px; }
  .about-heading h2 { font-size: 3.0625rem; line-height: 1; letter-spacing: -.045em; }
  .about-grid { grid-template-columns: 1fr; gap: 50px; padding-top: 48px; }
  .about-signature { min-height: 310px; }
  .about-signature img { width: min(68vw, 280px); }
  .about-signature p { font-size: 2.3rem; }
  .about-copy { padding-top: 0; }
  .about-copy .about-lead { font-size: 1.875rem; }
  .about-copy > p { font-size: 1rem; }
  .about-values { grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 38px; }
  .about-values strong { font-size: 1.35rem; }
  .about-values span { font-size: .625rem; }
}

@media (max-width: 380px) {
  .about-values { grid-template-columns: 1fr; }
}