:root {
  --about-navy: #16273d;
  --about-copy: #536273;
  --about-line: #d7dfe5;
  --about-tint: #f2f5f7;
}

.about-shell {
  color: var(--about-navy);
  background: #fff;
  font-family: "Figtree", Arial, sans-serif;
  letter-spacing: 0;
}

.about-page {
  min-height: 0;
  color: var(--about-navy);
  background: #fff;
}

.about-page h1,
.about-page h2,
.about-page h3,
.about-page p,
.about-page figure {
  margin: 0;
}

.about-page h1,
.about-page h2,
.about-page h3 {
  color: var(--about-navy);
  font-weight: 600;
  letter-spacing: -.035em;
}

.about-wrap {
  width: min(100% - 48px, 1240px);
  margin-inline: auto;
}

.about-photo {
  padding-top: 18px;
}

.about-photo img {
  width: 100%;
  max-height: 620px;
  object-fit: cover;
  object-position: center 42%;
}

.about-title {
  padding-block: 36px 42px;
  border-bottom: 1px solid var(--about-line);
}

.about-title h1 {
  max-width: 900px;
  font-size: clamp(38px, 5vw, 68px);
  line-height: 1;
}

.about-title p {
  margin-top: 8px;
  color: var(--about-copy);
  font-size: 17px;
}

.about-block {
  padding-block: clamp(48px, 6vw, 76px);
}

.about-block--tint {
  width: 100%;
  background: var(--about-tint);
}

.about-block > h2,
.about-columns h2,
.about-pair h2 {
  font-size: clamp(28px, 3.3vw, 44px);
  line-height: 1.05;
}

.about-copy {
  display: grid;
  max-width: 820px;
  margin-top: 26px;
  gap: 14px;
}

.about-page p,
.about-page li {
  color: var(--about-copy);
  font-size: 17px;
  line-height: 1.65;
}

.about-pair {
  padding-block: clamp(44px, 5vw, 66px);
  background: #e8e6de;
}

.about-pair__grid,
.about-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(40px, 7vw, 90px);
}

.about-pair__grid > div + div {
  padding-left: clamp(40px, 7vw, 90px);
  border-left: 1px solid rgba(22, 39, 61, .2);
}

.about-pair p {
  max-width: 500px;
  margin-top: 22px;
}

.about-rows {
  margin-top: 30px;
  border-top: 1px solid var(--about-line);
}

.about-rows article {
  display: grid;
  grid-template-columns: minmax(250px, .8fr) minmax(300px, 1.2fr);
  gap: clamp(30px, 6vw, 78px);
  padding-block: 23px;
  border-bottom: 1px solid var(--about-line);
}

.about-rows h3 {
  font-size: clamp(20px, 2.2vw, 28px);
  line-height: 1.15;
}

.about-columns > div > p {
  margin-top: 18px;
}

.about-columns ul {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--about-line);
}

.about-columns li {
  padding: 12px 0;
  border-bottom: 1px solid var(--about-line);
}

.about-contact {
  margin-top: 26px;
  padding-top: 20px;
  border-top: 1px solid var(--about-line);
}

.about-contact p {
  margin-top: 4px;
}

.about-contact a {
  color: #075b9a;
  font-weight: 600;
}

@media (max-width: 47.99em) {
  .about-wrap {
    width: min(100% - 32px, 1240px);
  }

  .about-photo {
    padding-top: 10px;
  }

  .about-photo img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }

  .about-title {
    padding-block: 26px 30px;
  }

  .about-block {
    padding-block: 42px;
  }

  .about-pair__grid,
  .about-columns,
  .about-rows article {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .about-pair__grid > div + div {
    margin-top: 28px;
    padding: 28px 0 0;
    border-top: 1px solid rgba(22, 39, 61, .2);
    border-left: 0;
  }
}