/* ========================
   ABOUT US
   ======================== */
.section-about {
  position: relative;
  height: 1245px;
  background-color: var(--color-dark-maroon);
}

/* --- Header row --- */
.section-about__label {
  position: absolute;
  font-family: var(--font-serif);
  font-size: 25px;
  line-height: var(--leading-relaxed);
  color: var(--color-cream);
  letter-spacing: var(--tracking-tight);
  white-space: nowrap;
}

.section-about__label--left {
  left: 121px;
  top: 61px;
}

.section-about__label--right {
  left: 1741px;
  top: 60px;
}

.section-about__separator {
  position: absolute;
  left: 325px;
  top: 70px;
  width: 1270px;
  height: 1px;
  background-color: var(--color-cream);
}

/* --- Photos --- */
.section-about__photo {
  position: absolute;
  top: 164px;
  overflow: hidden;
}

.section-about__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-about__photo--left {
  left: 662px;
  width: 295px;
  height: 357px;
}

.section-about__photo--right {
  left: 966px;
  width: 293px;
  height: 357px;
}

/* --- Title --- */
.section-about__title {
  position: absolute;
  left: 462px;
  top: 410px;
  width: 735px;
  font-family: var(--font-serif);
  font-size: var(--text-9xl);
  line-height: var(--leading-9xl);
  color: var(--color-cream);
  letter-spacing: var(--tracking-tightest);
  font-weight: 400;
  font-style: normal;
}

/* --- Subtitle --- */
.section-about__subtitle {
  position: absolute;
  left: 793px;
  top: 599px;
  width: 658px;
  font-family: var(--font-script);
  font-size: var(--text-8xl);
  line-height: var(--leading-10xl);
  color: var(--color-cream);
  letter-spacing: var(--tracking-wider);
  font-weight: 400;
  font-style: normal;
}

/* --- Body text columns --- */
.section-about__col {
  position: absolute;
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 19px;
  color: var(--color-cream);
  letter-spacing: var(--tracking-tight);
  text-align: justify;
}

.section-about__col p + p {
  margin-top: 19px;
}

.section-about__col--left {
  left: 551px;
  top: 769px;
  width: 397px;
}

.section-about__col--right {
  left: 974px;
  top: 769px;
  width: 398px;
}

/* --- CTA Button --- */
.section-about__cta {
  position: absolute;
  left: 775px;
  top: 1068px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--btn-about-w);
  height: var(--btn-about-h);
  background-color: var(--color-cream);
  color: var(--color-maroon);
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: var(--leading-md-alt);
  text-align: center;
  white-space: nowrap;
  transition: background-color 0.25s, color 0.25s;
}

.section-about__cta:hover {
  opacity: 0.85;
}