.about-hero { padding-top: clamp(58px, 7vw, 92px); }
.about-hero .breadcrumb { margin-bottom: clamp(46px, 6vw, 78px); }
.about-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .75fr);
  gap: clamp(64px, 8vw, 120px);
  align-items: start;
}
.about-hero__copy h1 { max-width: 13ch; margin: 14px 0 24px; }
.about-hero__copy .lede { max-width: 58ch; }
.about-hero__statement {
  border-top: 1px solid var(--lt-color-line-dark);
  border-bottom: 1px solid var(--lt-color-line-dark);
}
.about-hero__statement p {
  color: var(--lt-color-accent-primary);
  font-size: .8125rem !important;
  font-weight: var(--lt-weight-semibold);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 0;
  padding-top: 22px;
}
.about-hero__statement strong {
  display: block;
  color: var(--lt-color-text-inverse);
  font-family: var(--lt-font-display);
  font-weight: var(--lt-weight-semibold);
  line-height: 1.35;
  padding: 8px 0 24px;
  border-bottom: 1px solid var(--lt-color-line-dark);
}
.about-hero__statement strong:last-child { border-bottom: 0; }

.about-origin__grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(56px, 8vw, 120px);
  align-items: start;
}
.about-origin h2 { max-width: 15ch; margin-top: 12px; }
.about-origin__copy { display: grid; gap: 18px; }

.about-experience__grid,
.about-principles__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(42px, 5vw, 68px);
  border-top: 1px solid var(--lt-color-line-light);
  border-left: 1px solid var(--lt-color-line-light);
}
.about-experience__item,
.about-principle {
  padding: clamp(28px, 3vw, 38px);
  border-right: 1px solid var(--lt-color-line-light);
  border-bottom: 1px solid var(--lt-color-line-light);
}
.about-experience__item h3,
.about-principle h3 { margin: 0 0 14px; }
.about-experience__item p,
.about-principle p { margin: 0; color: var(--lt-color-text-muted); }

.about-method__steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: clamp(42px, 5vw, 68px);
  border-top: 1px solid var(--lt-color-line-dark);
  border-bottom: 1px solid var(--lt-color-line-dark);
}
.about-method__steps article {
  padding: clamp(26px, 3vw, 36px) clamp(20px, 2.3vw, 30px);
  border-right: 1px solid var(--lt-color-line-dark);
}
.about-method__steps article:last-child { border-right: 0; }
.about-method__steps span {
  display: block;
  color: var(--lt-color-accent-primary);
  font-size: .8125rem;
  font-weight: var(--lt-weight-semibold);
  margin-bottom: 20px;
}
.about-method__steps h3 { color: var(--lt-color-text-inverse); margin: 0 0 12px; }
.about-method__steps p { color: var(--lt-color-text-muted-dark); margin: 0; }

.about-contexts__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: clamp(42px, 5vw, 68px);
  border-top: 1px solid var(--lt-color-line-light);
  border-bottom: 1px solid var(--lt-color-line-light);
}
.about-context {
  padding: clamp(30px, 3vw, 42px);
  border-right: 1px solid var(--lt-color-line-light);
}
.about-context:last-child { border-right: 0; }
.about-context > span {
  display: block;
  color: var(--lt-color-accent-primary);
  font-size: .8125rem;
  font-weight: var(--lt-weight-semibold);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.about-context h3 { margin: 0 0 14px; }
.about-context p { color: var(--lt-color-text-muted); margin: 0 0 24px; }

.about-contact__grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: clamp(56px, 8vw, 112px);
  align-items: start;
}
.about-contact h2 { max-width: 14ch; margin-top: 12px; }

@media (max-width: 1024px) {
  .about-hero__grid,
  .about-origin__grid,
  .about-contact__grid { grid-template-columns: 1fr; gap: 48px; }
  .about-hero__statement { max-width: 720px; }
  .about-method__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-method__steps article { border-bottom: 1px solid var(--lt-color-line-dark); }
  .about-method__steps article:nth-child(2n) { border-right: 0; }
  .about-method__steps article:last-child { border-bottom: 0; }
  .about-experience__grid,
  .about-principles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-contexts__grid { grid-template-columns: 1fr; }
  .about-context { border-right: 0; border-bottom: 1px solid var(--lt-color-line-light); }
  .about-context:last-child { border-bottom: 0; }
}

@media (max-width: 720px) {
  .about-hero { padding-top: 44px; }
  .about-hero .breadcrumb { margin-bottom: 38px; }
  .about-hero__grid { gap: 40px; }
  .about-experience__grid,
  .about-principles__grid,
  .about-method__steps { grid-template-columns: 1fr; }
  .about-experience__item,
  .about-principle { padding: 26px 22px; }
  .about-method__steps article { border-right: 0; border-bottom: 1px solid var(--lt-color-line-dark); }
  .about-method__steps article:last-child { border-bottom: 0; }
  .about-context { padding: 28px 22px; }
}