/* ========================
   ABOUT US — RU / UA version
   Manual design from Figma
   ======================== */
.section-about-ru {
  position: relative;
  height: 1245px;
  background-color: var(--color-dark-maroon);
  display: none;
}

/* --- Header row --- */
.section-about-ru__label {
  position: absolute;
  font-family: var(--font-serif);
  font-size: 25px;
  line-height: 19.2px;
  color: var(--color-cream);
  letter-spacing: -0.256px;
  white-space: nowrap;
}

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

.section-about-ru__label--right {
  left: 1750px;
  top: 60px;
}

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

/* --- Photos --- */
.section-about-ru__photo {
  position: absolute;
  top: 167px;
  overflow: hidden;
}

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

.section-about-ru__photo--left {
  left: 659px;
  width: 295px;
  height: 357px;
}

.section-about-ru__photo--right {
  left: 963px;
  width: 293px;
  height: 357px;
}

/* --- Title --- */
.section-about-ru__title {
  position: absolute;
  left: 455px;
  top: 464px;
  font-family: 'Oranienbaum', serif;
  font-size: 91.07px;
  line-height: 60px;
  color: var(--color-cream);
  letter-spacing: -4.8162px;
  font-weight: 400;
  white-space: nowrap;
}

/* --- Script subtitle --- */
.section-about-ru__script {
  position: absolute;
  left: 976px;
  top: 563px;
  font-family: 'Alexandra Zeferino One', cursive;
  font-size: 137.003px;
  line-height: 139.704px;
  color: var(--color-cream);
  letter-spacing: 0.4221px;
  font-weight: 400;
  white-space: nowrap;
}

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

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

.section-about-ru__col--left {
  left: 551px;
  top: 726px;
  width: 397px;
}

.section-about-ru__col--right {
  left: 976px;
  top: 726px;
  width: 398px;
}

/* --- CTA Button --- */
.section-about-ru__cta {
  position: absolute;
  left: 775px;
  top: 1068px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 371px;
  height: 67px;
  background-color: var(--color-cream);
  color: var(--color-maroon);
  font-family: var(--font-sans);
  font-size: 24px;
  line-height: 21.7px;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color 0.25s, color 0.25s;
}

.section-about-ru__cta:hover {
  opacity: 0.85;
}