.about-opening {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(42px, 6vw, 110px);
  align-items: stretch;
  padding-block: clamp(54px, 6vw, 96px) clamp(88px, 9vw, 145px);
}
.about-opening-copy {
  min-height: clamp(450px, 43vw, 620px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-block: clamp(2px, 1vw, 18px) clamp(14px, 2vw, 34px);
}
.about-opening h1 {
  font-size: clamp(64px, 7.2vw, 108px);
  line-height: 1.04;
  letter-spacing: -.055em;
}
.about-opening h1 em { font: italic 400 1em Fraunces, Georgia, serif; letter-spacing: -.035em; }
.about-opening p {
  max-width: 26ch;
  font-size: clamp(25px, 2.35vw, 35px);
  line-height: 1.33;
  letter-spacing: -.035em;
}
.about-opening-media { min-width: 0; margin: 0; overflow: hidden; background: var(--soft); }
.about-opening-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.about-values { background: var(--forest); color: var(--chalk); padding-block: clamp(88px, 9vw, 145px); }
.about-values-inner { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: clamp(54px, 8vw, 130px); align-items: start; }
.about-values h2 { max-width: 11ch; font-size: clamp(46px, 5.1vw, 74px); line-height: 1.08; letter-spacing: -.045em; }
.about-values-copy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(26px, 3vw, 50px); }
.about-value { border-top: 1px solid currentColor; padding-top: 22px; }
.about-value h3 { font-size: clamp(19px, 1.5vw, 22px); line-height: 1.25; letter-spacing: -.025em; margin-bottom: 17px; }
.about-value p { max-width: 38ch; color: rgba(255, 255, 255, .78); font-size: clamp(15px, 1.2vw, 17px); line-height: 1.7; }

.about-founder {
  display: grid;
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr);
  gap: clamp(52px, 9vw, 145px);
  align-items: center;
  padding-block: clamp(90px, 10vw, 155px);
}
.about-founder-copy { max-width: 680px; }
.about-founder-role { font-size: 12px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; margin-bottom: 20px; }
.about-founder-copy h2 { max-width: 12ch; font-size: clamp(52px, 5.8vw, 84px); line-height: 1.02; letter-spacing: -.055em; margin-bottom: clamp(28px, 3.2vw, 48px); }
.about-bio { max-width: 48ch; font-size: clamp(20px, 1.7vw, 25px); line-height: 1.55; letter-spacing: -.018em; }
.about-founder-method { border-top: 1px solid var(--ink); margin-top: clamp(42px, 5vw, 68px); padding-top: 28px; }
.about-founder-method h3 { font-size: clamp(24px, 2.2vw, 31px); line-height: 1.2; letter-spacing: -.03em; margin-bottom: 18px; }
.about-approach { max-width: 55ch; color: var(--muted); font-size: clamp(16px, 1.2vw, 18px); line-height: 1.7; }
.about-founder-copy .text-link { margin-top: 26px; }
.about-portrait { margin: 0; width: min(100%, 480px); }
.about-portrait img { display: block; width: 100%; height: auto; aspect-ratio: 1037 / 1517; object-fit: cover; }

.about-close { background: var(--forest); color: var(--chalk); padding-block: clamp(80px, 10vw, 150px); }
.about-close-inner { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(250px, .7fr); gap: clamp(40px, 8vw, 120px); align-items: end; }
.about-close h2 { font-size: clamp(43px, 5vw, 72px); line-height: 1.08; max-width: 15ch; }
.about-close p { font-size: 17px; line-height: 1.7; max-width: 34ch; }
.about-close .text-link { color: var(--chalk); margin-top: 25px; }

@media (max-width: 1000px) {
  .about-values-inner { grid-template-columns: 1fr; gap: 42px; }
  .about-values h2 { max-width: 16ch; }
  .about-founder { grid-template-columns: minmax(240px, .85fr) minmax(0, 1.15fr); gap: 40px; }
}
@media (max-width: 760px) {
  .about-opening, .about-founder, .about-close-inner { grid-template-columns: 1fr; }
  .about-opening { gap: 36px; padding-block: 65px 86px; }
  .about-opening-copy { min-height: 0; gap: 30px; padding: 0; }
  .about-opening h1 { font-size: clamp(52px, 10vw, 75px); }
  .about-opening p { max-width: 33ch; font-size: clamp(23px, 4.4vw, 29px); }
  .about-opening-media { aspect-ratio: 1.22; }
  .about-founder { gap: 44px; }
  .about-portrait { width: min(100%, 420px); }
}
@media (max-width: 580px) {
  .about-values { padding-block: 80px; }
  .about-values h2 { font-size: clamp(42px, 10vw, 58px); }
  .about-values-copy { grid-template-columns: 1fr; gap: 40px; }
  .about-founder { padding-block: 90px; }
  .about-founder-copy h2 { font-size: clamp(48px, 11vw, 62px); }
  .about-close h2 { font-size: clamp(42px, 9vw, 60px); }
}