/* ===== Section «Об отеле» ===== */

.about {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #687f63 32.692%, #83a07d 100%);
  padding: 7.6rem 0 4rem;
  color: #fff;
}

.about__inner {
  position: relative;
  z-index: 1;
}

.about__title {
  margin: 0;
  font-family: 'Montserrat Alternates', sans-serif;
  font-weight: 900;
  font-size: 10rem;
  line-height: 1.16;
  text-align: center;
  color: #fff;
}

.about__intro {
  margin: 0 auto 6.4rem;
  max-width: 146.1rem;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-weight: 400;
  font-size: 4.8rem;
  line-height: normal;
  text-align: center;
}

.about__row {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 5.3rem;
  padding: 0 22.8rem 0 28.6rem;
}

.about__text {
  margin: 1.5rem 0 0;
  width: 67.9rem;
  flex-shrink: 0;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-weight: 400;
  font-size: 4rem;
  line-height: normal;
}

.about__photo {
  display: block;
  width: 67.3rem;
  height: 51.5rem;
  object-fit: cover;
  flex-shrink: 0;
}

.about__cta {
  margin-top: 2rem;
  text-align: center;
}

/* ----- Decorative fir branches ----- */

.about__branch {
  position: absolute;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

.about__branch--top-left {
  left: -6.8rem;
  top: -8.8rem;
  width: 21.1rem;
  height: 50.2rem;
  transform: rotate(112.08deg);
}

.about__branch--mid-left {
  left: -13.9rem;
  top: 56.1rem;
  width: 41.3rem;
  height: 27.5rem;
  transform: rotate(20.41deg);
}

.about__branch--bottom-left {
  left: -13.9rem;
  top: 64.3rem;
  width: 27.8rem;
  height: 59.1rem;
  transform: rotate(-112.08deg) scaleY(-1);
}

.about__branch--top-right-cones {
  right: -7.9rem;
  top: -4rem;
  width: 41.3rem;
  height: 27.5rem;
  transform: rotate(180deg) scaleY(-1);
}

.about__branch--top-right {
  right: -3.9rem;
  top: 3.5rem;
  width: 19.3rem;
  height: 42.6rem;
  transform: rotate(50.79deg) scaleY(-1);
}

.about__branch--bottom-right {
  right: -3.4rem;
  top: 60.4rem;
  width: 27.8rem;
  height: 59.1rem;
  transform: rotate(-104.12deg);
}

/* ===== Mobile ===== */

@media (max-width: 768px) {
  .about {
    padding: 4rem 0 3rem;
  }

  .about__title {
    font-size: 3.6rem;
  }

  .about__intro {
    margin: 0 auto 2.4rem;
    max-width: none;
    padding: 0 2rem;
    font-size: 1.8rem;
  }

  .about__row {
    flex-direction: column;
    align-items: center;
    gap: 2.4rem;
    padding: 0 2rem;
  }

  .about__text {
    margin: 0;
    width: 100%;
    font-size: 1.7rem;
  }

  .about__photo {
    width: 100%;
    max-width: 48rem;
    height: auto;
    aspect-ratio: 673 / 515;
  }

  .about__cta {
    margin-top: 2.4rem;
  }

  .about__branch--top-left {
    left: -4rem;
    top: -5rem;
    width: 10rem;
    height: 24rem;
  }

  .about__branch--mid-left,
  .about__branch--bottom-left,
  .about__branch--top-right {
    display: none;
  }

  .about__branch--top-right-cones {
    right: -6rem;
    top: -2rem;
    width: 20rem;
    height: 13.4rem;
  }

  .about__branch--bottom-right {
    right: -8rem;
    top: auto;
    bottom: -6rem;
    width: 14rem;
    height: 29.5rem;
  }
}