.about-main {
  min-height: 100svh;
  padding-bottom: clamp(72px, 10vw, 132px);
}

.about-article {
  width: min(100% - 44px, 920px);
  margin: 0 auto;
}

.about-header {
  padding: clamp(86px, 13vw, 150px) 0 clamp(56px, 8vw, 92px);
  border-bottom: 1px solid var(--line);
}

.about-kicker {
  margin: 0 0 20px;
  color: var(--brass);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.about-header h1 {
  max-width: 760px;
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(48px, 8vw, 88px);
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: .98;
}

.about-lede {
  max-width: 720px;
  margin: 34px 0 0;
  color: rgba(241, 238, 232, .82);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 3.2vw, 32px);
  line-height: 1.42;
}

.about-body {
  max-width: 720px;
  padding-top: clamp(52px, 8vw, 88px);
}

.about-body > p,
.about-body section > p {
  margin: 0 0 24px;
  color: rgba(241, 238, 232, .76);
  font-size: clamp(17px, 1.8vw, 20px);
  line-height: 1.8;
}

.about-body section {
  margin-top: clamp(68px, 10vw, 112px);
}

.about-body h2 {
  max-width: 650px;
  margin: 0 0 30px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 5vw, 54px);
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: 1.08;
}

.system-name {
  color: var(--brass);
  font-size: .82em;
  font-weight: 700;
  letter-spacing: .14em;
}

.about-emphasis {
  margin: 44px 0 0;
  padding: 30px 0 30px 30px;
  border-left: 1px solid rgba(216, 181, 118, .56);
}

.about-emphasis p {
  margin: 0;
  color: var(--paper);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(23px, 3.4vw, 34px);
  line-height: 1.45;
}

.about-emphasis p + p { margin-top: 8px; }

.about-start {
  padding: clamp(38px, 6vw, 58px);
  border: 1px solid rgba(216, 181, 118, .28);
  background: linear-gradient(145deg, rgba(216, 181, 118, .09), rgba(9, 9, 7, .74));
}

.about-start h2 { margin-bottom: 18px; }

.about-start .primary-action {
  margin-top: 14px;
}

@media (max-width: 760px) {
  .about-article { width: min(100% - 36px, 920px); }
  .about-header { padding-top: 70px; }
  .about-emphasis { padding-left: 22px; }
  .about-start { padding: 30px 24px; }
}