.intro {
  position: relative;
  z-index: 1;
}
.intro__inner {
  top: 0;
  display: flex;
  position: sticky;
  align-items: stretch;
  height: var(--h, 100vh);
}
@media screen and (max-width: 1024px) {
  .intro__inner {
    flex-direction: column-reverse;
    align-items: center;
    height: unset;
    min-height: var(--h, 100vh);
  }
}
.intro__holder {
  display: block;
  height: var(--h, 100vh);
}
.intro__img {
  width: 50%;
  height: calc(100% - 115px);
  margin-top: 115px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .intro__img {
    width: 60%;
    margin-top: 0;
  }
}
@media screen and (max-width: 600px) {
  .intro__img {
    width: 70%;
    max-height: 54vh;
  }
}
.intro__img picture {
  display: flex;
  align-items: flex-end;
}
.intro__img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  height: auto;
  max-height: 100%;
}
.intro__content {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 48px;
  position: relative;
  z-index: 2;
  color: var(--color-black-text-icon-secondary, #B4B3B6);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding-right: 24px;
}
@media screen and (max-width: 1024px) {
  .intro__content {
    width: 100%;
    padding: var(--p);
    flex-grow: 1;
    padding-top: 145px;
  }
}
@media screen and (max-width: 600px) {
  .intro__content {
    padding-top: 115px;
    justify-content: flex-start;
    gap: 32px;
    color: var(--color-black-text-icon-primary, #F6F5F8);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
}
.intro__title {
  max-width: 720px;
  color: var(--color-black-text-icon-primary, #F6F5F8);
  font-size: min(85px, 5vw);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  .intro__title {
    font-size: 40px;
    line-height: 130%;
    letter-spacing: 0.525px;
  }
}
.intro__vector {
  width: 1066px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 1280px) {
  .intro__vector {
    max-width: 66vw;
  }
}
.intro__vector svg {
  width: 100%;
  height: auto;
  right: -43px;
  transform: translateY(8%);
}
.intro__vector #gradient1 stop:nth-child(2) {
  animation: animateGr1 4s linear infinite;
}
.intro__vector #gradient2 stop:nth-child(2) {
  animation: animateGr1 4s 1s linear infinite;
}

@keyframes animateGr1 {
  0% {
    stop-color: rgb(212, 114, 2);
  }
  50% {
    stop-color: rgb(53, 48, 41);
  }
  100% {
    stop-color: rgb(212, 114, 2);
  }
}
.second {
  margin-top: calc(var(--h, 100vh) * -0.99);
  z-index: 4;
  transform: translateZ(1px);
  position: relative;
  transition: opacity 0.1s;
}
.second.dark svg path {
  fill: #232425;
}
.second.animate .second__figure {
  transform: scale(6);
}
.second.animate .second__text {
  opacity: 0;
  transform: scale(0);
}
.second.finish ~ .horizontal-slider__outer {
  opacity: 1;
  pointer-events: all;
}
.second__holder {
  height: var(--h, 100vh);
}
.second__inner {
  height: var(--h, 100vh);
  width: 100%;
  overflow: hidden;
  background: #1F453D;
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 0px;
}
.second__text {
  color: var(--color-black-text-icon-primary, #F6F5F8);
  font-size: min(60px, 3.2vw);
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 84px */
  letter-spacing: 0.9px;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  max-width: 1060px;
  text-align: center;
  transform: scale(min(1, 1 - var(--tr2, 0)));
  opacity: calc(1 - var(--tr2, 0) * 2);
  transition: transform 0.1s, opacity 0.1s;
}
@media screen and (max-width: 1024px) {
  .second__text {
    padding: 0 var(--p);
    font-size: 38px;
  }
}
@media screen and (max-width: 600px) {
  .second__text {
    font-size: 28px;
    letter-spacing: 0.42px;
  }
}
.second__figure {
  position: absolute;
  z-index: 1;
  left: calc(50% - 9.4vw);
  top: calc(50% - 16vw);
  height: 32vw;
  width: 18.8vw;
  transform: scale(max(1, 6 * var(--tr2, 0)));
  transition: transform 1s;
}
@media screen and (max-width: 1024px) {
  .second__figure {
    height: 50vw;
    width: 29vw;
    left: calc(50% - 14.5vw);
    top: calc(50% - 25vw);
  }
}
@media screen and (max-width: 600px) {
  .second__figure {
    height: min(360px, 100vw);
    width: min(212px, 59vw);
    left: calc(50% - min(106px, 25.45vw));
    top: calc(50% - min(180px, 50vw));
  }
}
.second__figure svg {
  width: 100%;
  height: 100%;
  display: block;
}
.second__figure svg path {
  transition: fill 0.4s;
}

.horizontal-slider__outer {
  height: var(--h, 100vh);
  position: relative;
  z-index: 3;
  transform: translateZ(1px);
  margin-top: -200vh;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.1s;
  z-index: 4;
}
@media screen and (max-width: 600px) {
  .horizontal-slider__outer {
    height: auto !important;
    margin-top: -160vh;
  }
}

.horizontal-slider {
  width: 100%;
  height: var(--h, 100vh);
  position: sticky;
  top: 0px;
}
@media screen and (max-width: 600px) {
  .horizontal-slider {
    height: unset;
  }
}
.horizontal-slider .horizontal-slider__vectror {
  display: none;
}
@media screen and (max-width: 600px) {
  .horizontal-slider .horizontal-slider__vectror {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
  }
  .horizontal-slider .horizontal-slider__vectror img {
    width: 100%;
    height: 100%;
  }
}
.horizontal-slider .swiper {
  height: 100%;
  overflow: hidden;
  width: 100%;
  max-width: 100vw;
  position: relative;
}
@media screen and (max-width: 600px) {
  .horizontal-slider .swiper {
    height: auto;
    padding: 80px 0;
  }
}
@media screen and (max-width: 600px) {
  .horizontal-slider .swiper-wrapper {
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 601px) {
  .horizontal-slider .swiper-wrapper {
    will-change: transform;
    width: 100%;
    height: 100%;
    transform: unset !important;
    position: relative;
  }
}
.horizontal-slider .horizontal-slider__slide {
  position: absolute;
  left: 120%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(calc(-120vw * var(--tr)));
  background: #232425;
}
@media screen and (max-width: 600px) {
  .horizontal-slider .horizontal-slider__slide {
    transform: unset;
    position: relative;
    left: unset;
    top: unset;
    height: auto;
    background: unset;
  }
}
.horizontal-slider .horizontal-slider__slide:nth-child(1) {
  transform: translateX(-120vw);
}
@media screen and (max-width: 600px) {
  .horizontal-slider .horizontal-slider__slide:nth-child(1) {
    transform: unset;
  }
}
.horizontal-slider .horizontal-slider__slide.finished {
  transform: translateX(-120vw);
}
@media screen and (max-width: 600px) {
  .horizontal-slider .horizontal-slider__slide.finished {
    transform: unset;
  }
}
.horizontal-slider .horizontal-slider__slide.fake {
  opacity: 0;
}
.horizontal-slider .horizontal-slider__slide::before {
  content: "";
  z-index: 1;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  background-image: url("data:image/svg+xml,%3Csvg width='960' height='1080' viewBox='0 0 960 1080' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M960 538.979C960 538.979 434.188 546.649 179.05 268.935C35.3905 112.565 -2.83718e-05 0 -2.83718e-05 0' stroke='url(%23paint0_linear_2442_334)'/%3E%3Cpath d='M960 540.021C960 540.021 434.188 532.351 179.05 810.065C35.3905 966.435 -2.83718e-05 1079 -2.83718e-05 1079' stroke='url(%23paint1_linear_2442_334)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2442_334' x1='960' y1='269.5' x2='0' y2='269.5' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.223058' stop-color='%232A2B2C'/%3E%3Cstop offset='1' stop-color='%23D47202'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2442_334' x1='960' y1='809.5' x2='0' y2='809.5' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.22' stop-color='%232A2B2C'/%3E%3Cstop offset='1' stop-color='%23D47202'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1280px) {
  .horizontal-slider .horizontal-slider__slide::before {
    width: 60%;
  }
}
@media screen and (max-width: 600px) {
  .horizontal-slider .horizontal-slider__slide::before {
    content: none;
  }
}
.horizontal-slider .horizontal-slider__slide::after {
  content: "";
  z-index: 1;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  transform: scale(-1, 1);
  background-image: url("data:image/svg+xml,%3Csvg width='960' height='1080' viewBox='0 0 960 1080' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M960 538.979C960 538.979 434.188 546.649 179.05 268.935C35.3905 112.565 -2.83718e-05 0 -2.83718e-05 0' stroke='url(%23paint0_linear_2442_334)'/%3E%3Cpath d='M960 540.021C960 540.021 434.188 532.351 179.05 810.065C35.3905 966.435 -2.83718e-05 1079 -2.83718e-05 1079' stroke='url(%23paint1_linear_2442_334)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2442_334' x1='960' y1='269.5' x2='0' y2='269.5' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.223058' stop-color='%232A2B2C'/%3E%3Cstop offset='1' stop-color='%23D47202'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2442_334' x1='960' y1='809.5' x2='0' y2='809.5' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.22' stop-color='%232A2B2C'/%3E%3Cstop offset='1' stop-color='%23D47202'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1280px) {
  .horizontal-slider .horizontal-slider__slide::after {
    width: 60%;
  }
}
@media screen and (max-width: 600px) {
  .horizontal-slider .horizontal-slider__slide::after {
    content: none;
  }
}
.horizontal-slider .horizontal-slider__content {
  display: flex;
  align-items: center;
  gap: min(100px, 6vw);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1280px) {
  .horizontal-slider .horizontal-slider__content {
    padding: 0 var(--p);
  }
}
@media screen and (max-width: 1024px) {
  .horizontal-slider .horizontal-slider__content {
    gap: 24px;
  }
}
@media screen and (max-width: 600px) {
  .horizontal-slider .horizontal-slider__content {
    flex-direction: column-reverse;
    padding: 0 var(--p);
    gap: 32px;
  }
}
.horizontal-slider .horizontal-slider__content_img {
  height: min(680px, 38.4vw);
  width: min(559px, 29vw);
}
@media screen and (max-width: 1280px) {
  .horizontal-slider .horizontal-slider__content_img {
    width: 370px;
    min-width: 370px;
    height: 490px;
  }
}
@media screen and (max-width: 1024px) {
  .horizontal-slider .horizontal-slider__content_img {
    width: 280px;
    min-width: 280px;
    height: 370px;
  }
}
@media screen and (max-width: 600px) {
  .horizontal-slider .horizontal-slider__content_img {
    height: 340px;
  }
}
.horizontal-slider .horizontal-slider__content_img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.horizontal-slider .horizontal-slider__content_text {
  color: var(--color-black-text-icon-secondary, #B4B3B6);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 36px */
  letter-spacing: 0.24px;
  text-transform: uppercase;
  max-width: 733px;
}
@media screen and (max-width: 600px) {
  .horizontal-slider .horizontal-slider__content_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.18px;
  }
}
.horizontal-slider .horizontal-slider__content_title {
  color: var(--color-black-text-icon-primary, #F6F5F8);
  font-size: min(60px, 4vw);
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}
@media screen and (max-width: 1280px) {
  .horizontal-slider .horizontal-slider__content_title {
    font-size: 3.8vw;
  }
}
@media screen and (max-width: 600px) {
  .horizontal-slider .horizontal-slider__content_title {
    text-align: center;
    font-size: 28px;
    letter-spacing: 0.42px;
  }
}

.projects {
  position: relative;
}
@media screen and (max-width: 600px) {
  .projects {
    margin-top: 0;
    z-index: 16;
  }
}
.projects__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media screen and (max-width: 600px) {
  .projects__bg {
    display: none;
  }
}
.projects__bg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.projects__content {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 100px var(--p);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
}
@media screen and (max-width: 1280px) {
  .projects__content {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  .projects__content {
    padding: 80px var(--p);
    flex-direction: column;
    height: unset;
    gap: 24px;
  }
}
@media screen and (max-width: 600px) {
  .projects__content {
    padding: 0;
    gap: 50px;
    background: unset;
  }
}
.projects__holder {
  height: var(--h, 100vh);
}
@media screen and (max-width: 600px) {
  .projects__holder {
    display: none;
  }
}
.projects__inner {
  height: var(--h, 100vh);
  position: sticky;
  top: 0;
}
@media screen and (max-width: 1024px) {
  .projects__inner {
    min-height: var(--h, 100vh);
    height: unset;
    position: unset;
  }
}
.projects__inner.hovered .projects__bg_img.project__default {
  opacity: 0;
}
.projects__inner .projects__bg_img {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.9s;
}
.projects__inner .projects__bg_img.active {
  opacity: 1;
}
.projects__inner .projects__bg_img.project__default {
  opacity: 1;
}
.projects__inner .project__descr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  max-width: 590px;
  color: var(--color-black-text-icon-primary, #F6F5F8);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 1280px) {
  .projects__inner .project__descr {
    max-width: 500px;
  }
}
@media screen and (max-width: 600px) {
  .projects__inner .project__descr {
    position: relative;
    padding: 48px var(--p);
    gap: 24px;
    color: var(--color-black-text-icon-primary, #F6F5F8);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    width: 100%;
    max-width: unset;
    height: 398px;
  }
}
.projects__inner .project__descr_img {
  display: none;
}
@media screen and (max-width: 600px) {
  .projects__inner .project__descr_img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
.projects__inner .project__descr_img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.projects__inner .project__descr_img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}
@media screen and (max-width: 600px) {
  .projects__inner p {
    position: relative;
    z-index: 2;
  }
}
.projects__inner .project__title {
  color: var(--color-black-text-icon-primary, #F6F5F8);
  font-size: min(100px, 5.5vw);
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 2px;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  .projects__inner .project__title {
    position: relative;
    z-index: 2;
    color: var(--color-black-text-icon-primary, #F6F5F8);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.96px;
    text-transform: uppercase;
  }
}
.projects__inner .projects__list_title {
  display: none;
}
@media screen and (max-width: 600px) {
  .projects__inner .projects__list_title {
    display: block;
    color: var(--color-black-text-icon-secondary, #B4B3B6);
    text-align: left;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.18px;
    text-transform: uppercase;
  }
}
.projects__inner .projects__list {
  display: flex;
  align-items: flex-end;
  max-width: 670px;
}
@media screen and (max-width: 1280px) {
  .projects__inner .projects__list {
    max-width: 550px;
  }
}
@media screen and (max-width: 1024px) {
  .projects__inner .projects__list {
    justify-content: flex-end;
    width: 100%;
    max-width: unset;
  }
}
@media screen and (max-width: 600px) {
  .projects__inner .projects__list {
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
    padding: 0 var(--p) 80px;
    width: 100%;
    max-width: unset;
  }
}
.projects__inner .projects__list ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
}
@media screen and (max-width: 1024px) {
  .projects__inner .projects__list ul {
    max-width: 500px;
  }
}
@media screen and (max-width: 600px) {
  .projects__inner .projects__list ul {
    max-width: unset;
  }
}
@media screen and (hover: hover) {
  .projects__inner .projects__item:hover .projects__item_arr {
    opacity: 1;
  }
}
.projects__inner .projects__item_li {
  display: flex;
  align-items: center;
  gap: 24px;
  color: var(--color-black-text-icon-primary, #F6F5F8);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 39.2px */
  letter-spacing: 0.42px;
  text-transform: uppercase;
  padding: 32px 0;
  border-top: 1px solid var(--color-black-stroke-line-secondary, #7B7C7C);
}
@media screen and (max-width: 1280px) {
  .projects__inner .projects__item_li {
    font-size: 24px;
    padding: 28px 0;
  }
}
@media screen and (max-width: 1024px) {
  .projects__inner .projects__item_li {
    font-size: 20px;
    padding: 22px 0;
  }
}
@media screen and (max-width: 600px) {
  .projects__inner .projects__item_li {
    padding: 16px 0;
    gap: 0;
    color: var(--color-black-text-icon-primary, #F6F5F8);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 26px */
    letter-spacing: 0.2px;
    text-transform: uppercase;
  }
}
.projects__inner .projects__item_li p {
  flex-grow: 1;
}
.projects__inner .projects__item_num {
  color: var(--color-black-text-icon-secondary, #B4B3B6);
  font-size: 24px;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 36px */
  letter-spacing: 0.24px;
  text-transform: uppercase;
  min-width: 54px;
}
@media screen and (max-width: 600px) {
  .projects__inner .projects__item_num {
    min-width: 40px;
    color: var(--color-black-text-icon-secondary, #B4B3B6);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    letter-spacing: 0.18px;
    text-transform: uppercase;
  }
}
.projects__inner .projects__item_arr {
  opacity: 0;
  transition: 0.3s;
  display: block;
  width: 60px;
  min-width: 60px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='34' viewBox='0 0 60 34' fill='none'%3E%3Cpath d='M60 17.0006C60 17.0006 44.1161 16.773 36.4088 25.0168C32.0691 29.6586 31 33 31 33' stroke='%23F6F5F8'/%3E%3Cpath d='M60 16.9994C60 16.9994 44.1161 17.227 36.4088 8.98323C32.0691 4.34143 31 1 31 1' stroke='%23F6F5F8'/%3E%3Cpath d='M60 17L0 17' stroke='%23F6F5F8'/%3E%3C/svg%3E");
}
@media screen and (max-width: 768px) {
  .projects__inner .projects__item_arr {
    opacity: 1;
    width: 45px;
    min-width: 45px;
    height: 24px;
    margin-left: 16px;
  }
}
.projects__inner .projects__item_img {
  position: absolute;
}

.collections {
  position: relative;
  width: 100%;
  margin-top: -96vh;
  min-height: var(--h, 100vh);
}
@media screen and (max-width: 600px) {
  .collections {
    margin-top: 0;
  }
}
.collections .collections__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--h, 100vh);
  z-index: 1;
}
@media screen and (max-width: 600px) {
  .collections .collections__img {
    height: 426px;
  }
}
.collections .collections__img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.collections .collections__img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
}
@media screen and (max-width: 600px) {
  .collections .collections__img::before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  }
}
.collections .collections__inner {
  position: relative;
  z-index: 2;
  padding: 100px var(--p) 0;
}
@media screen and (max-width: 1024px) {
  .collections .collections__inner {
    padding-top: 80px;
  }
}
@media screen and (max-width: 600px) {
  .collections .collections__inner {
    padding: 48px var(--p) 0;
  }
}
.collections__title {
  color: var(--color-black-text-icon-primary, #F6F5F8);
  text-align: center;
  font-size: min(100px, 5.5vw);
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 130px */
  letter-spacing: 2px;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  .collections__title {
    color: var(--color-black-text-icon-primary, #F6F5F8);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.96px;
    text-transform: uppercase;
  }
}
.collections .collections__desckr {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  color: var(--color-black-text-icon-primary, #F6F5F8);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 600px) {
  .collections .collections__desckr {
    gap: 24px;
    color: var(--color-black-text-icon-primary, #F6F5F8);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
}
.collections .btn {
  margin-top: 16px;
}
@media screen and (max-width: 600px) {
  .collections .btn {
    margin-top: 8px;
  }
}
.collections .collections__bottom {
  max-width: 467px;
  margin-top: min(360px, 26vw);
  color: var(--color-black-text-icon-secondary, #B4B3B6);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 1280px) {
  .collections .collections__bottom {
    margin-top: 20vw;
  }
}
@media screen and (max-width: 600px) {
  .collections .collections__bottom {
    margin-top: 40px;
    color: var(--color-black-text-icon-secondary, #B4B3B6);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-width: 238px;
  }
}
.collections .collections__bottom img {
  margin-bottom: 72px;
  width: min(467px, 34vw);
  height: min(414px, 30vw);
  display: block;
  object-fit: cover;
  object-position: center;
}
@media screen and (max-width: 600px) {
  .collections .collections__bottom img {
    margin-top: 40px;
    width: 238px;
    height: 211px;
    margin-bottom: 24px;
  }
}
.collections .collections__side {
  position: absolute;
  right: min(122px, 8vw);
  bottom: 0;
  width: min(690px, 49vw);
  height: auto;
  display: block;
}
@media screen and (max-width: 1280px) {
  .collections .collections__side {
    right: 6vw;
  }
}
@media screen and (max-width: 600px) {
  .collections .collections__side {
    display: none;
  }
}

.events {
  padding: 150px var(--p);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .events {
    padding: 80px var(--p);
  }
}
@media screen and (max-width: 600px) {
  .events {
    width: 100%;
    overflow: hidden;
    gap: 32px;
  }
}
.events .events__title {
  color: var(--color-black-text-icon-primary, #F6F5F8);
  font-size: min(60px, 3.2vw);
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  .events .events__title {
    color: var(--color-black-text-icon-primary, #F6F5F8);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.42px;
    text-transform: uppercase;
  }
}
@media screen and (max-width: 600px) {
  .events .swiper {
    width: 100%;
    overflow: hidden;
  }
}
.events .events__wrap {
  display: grid;
  grid-gap: 60px;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1280px) {
  .events .events__wrap {
    grid-gap: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .events .events__wrap {
    grid-gap: 24px;
  }
}
@media screen and (max-width: 600px) {
  .events .events__wrap {
    display: flex;
    flex-direction: row;
    gap: unset;
  }
}
.events .events__el {
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: var(--color-black-text-icon-primary, #F6F5F8);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.22px;
  text-transform: uppercase;
}
@media screen and (max-width: 1280px) {
  .events .events__el {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .events .events__el {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .events .events__el {
    letter-spacing: 0.18px;
  }
}
@media screen and (hover: hover) {
  .events .events__el:hover .events__el_img img {
    transform: scale(1.13);
  }
}
.events .events__el .events__el_img {
  width: 100%;
  aspect-ratio: 1/1.11;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .events .events__el .events__el_img {
    width: 100%;
    height: 111vw;
  }
}
.events .events__el .events__el_img img {
  width: 100%;
  aspect-ratio: 1/1.11;
  display: block;
  object-fit: cover;
  object-position: center;
  transition: transform 0.5s;
}
@media screen and (max-width: 600px) {
  .events .events__el .events__el_img img {
    height: 100%;
  }
}

.bottom-block {
  height: var(--h, 100vh);
  position: relative;
}
@media screen and (max-width: 1024px) {
  .bottom-block {
    height: 600px;
  }
}
@media screen and (max-width: 600px) {
  .bottom-block {
    height: unset;
    padding: 64px var(--p);
  }
}
.bottom-block .bottom-block__bg {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 600px) {
  .bottom-block .bottom-block__bg {
    position: absolute;
    left: 0;
    top: 0;
  }
}
.bottom-block .bottom-block__bg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.bottom-block .bottom-block__contacts {
  display: flex;
  align-items: stretch;
  position: absolute;
  bottom: 150px;
  left: var(--p);
  z-index: 2;
  background: var(--Color-Black-Background-Primary, #232425);
}
@media screen and (max-width: 600px) {
  .bottom-block .bottom-block__contacts {
    flex-direction: column;
    width: 100%;
    position: relative;
    bottom: unset;
    left: unset;
  }
}
.bottom-block .bottom-block__contacts_col {
  width: min(494px, 38vw);
  height: min(429px, 33vw);
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .bottom-block .bottom-block__contacts_col {
    padding: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .bottom-block .bottom-block__contacts_col {
    height: auto;
    min-height: 33vw;
  }
}
@media screen and (max-width: 600px) {
  .bottom-block .bottom-block__contacts_col {
    width: 100%;
    padding: 32px 24px;
  }
}
@media screen and (max-width: 600px) {
  .bottom-block .bottom-block__contacts_col:nth-child(1) {
    border-bottom: 1px solid var(--color-black-stroke-line-primary, #7B7C7C);
  }
}
.bottom-block .bottom-block__contacts_bg {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 600px) {
  .bottom-block .bottom-block__contacts_bg {
    display: none;
  }
}
.bottom-block .bottom-block__contacts_bg img {
  height: 100%;
  width: auto;
  display: block;
  object-fit: contain;
  object-position: right;
}
.bottom-block .bottom-block__contacts_title {
  position: relative;
  z-index: 2;
  color: var(--color-black-text-icon-primary, #F6F5F8);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.42px;
  text-transform: uppercase;
}
@media screen and (max-width: 1280px) {
  .bottom-block .bottom-block__contacts_title {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .bottom-block .bottom-block__contacts_title {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 600px) {
  .bottom-block .bottom-block__contacts_title {
    margin-bottom: 48px;
    color: var(--color-black-text-icon-primary, #F6F5F8);
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0.2px;
  }
}
.bottom-block .bottom-block__contacts_socials {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 32px;
}
.bottom-block .bottom-block__contacts_social {
  width: 56px;
  height: 56px;
}
@media screen and (hover: hover) {
  .bottom-block .bottom-block__contacts_social:hover .icon,
  .bottom-block .bottom-block__contacts_social:hover svg {
    fill: var(--yellow);
  }
}
.bottom-block .bottom-block__contacts_social .icon,
.bottom-block .bottom-block__contacts_social svg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  fill: white;
  transition: fill 0.3s;
}
.bottom-block .bottom-block__bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 1280px) {
  .bottom-block .bottom-block__bottom {
    gap: 12px;
  }
}
@media screen and (max-width: 600px) {
  .bottom-block .bottom-block__bottom {
    font-size: 18px;
  }
}