.div,
.div * {
  box-sizing: border-box;
}

@font-face {
  font-family: "ProximaNova-Light";
  src: url("ofont.ru_Proxima Nova.woff2") format("woff2"),
       url("ofont.ru_Proxima Nova.woff") format("woff"),
       url("ofont.ru_Proxima Nova.ttf") format("truetype");
}


@font-face {
    font-family: 'HollandTreasure-Regular';
    src:url('HollandTreasure-Regular.woff2') format('woff2'),
        url('HollandTreasure-Regular.woff') format('woff'),
        url('HollandTreasure-Regular.ttf') format('truetype');
  }


  @font-face {
    font-family: 'SongOfTheRiverItalic-Regular';
    src:url('song-of-the-river-3.woff2') format('woff2'),
        url('song-of-the-river-3.woff') format('woff'),
        url('song-of-the-river-3.ttf') format('truetype');
  }


.div {
  background: #ffffff;
  padding: 29.333vw 0vw 12.533vw 0vw;
  display: flex;
  flex-direction: column;
  gap: 0vw;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
}
.text-01 {
  color: #000000;
  text-align: center;
  font-family: "HollandTreasure-Regular", sans-serif;
  font-size: 17.067vw;
  font-weight: 400;
  position: relative;
}
.text-02 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.267vw;
  font-weight: 300;
  position: relative;
  margin-top: -3vw;
  margin-right: 30vw;
  
  
}
.text-03 {
  color: #7c2020;
  text-align: center;
  font-family: "SongOfTheRiverItalic-Regular", sans-serif;
  font-size: 10.667vw;
  font-weight: 400;
  position: relative;
  rotate: -18deg;
  margin-top: -26vw;
  margin-left: 49vw;
  z-index: 2;
  
  
}
.img-2071-1 {
  flex-shrink: 0;
  width: 108.488vw;
  height: 144.651vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 406.83/542.44;
  margin-top: -11vw;
  scale: 1.1;
  margin-right: 15vw;
  
  
}
.text-04 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 5.333vw;
  font-weight: 300;
  position: relative;
  margin-top: -40vw;
  margin-left: 50vw;
  
  
}
.rectangle-237 {
  background: #000000;
  flex-shrink: 0;
  width: 100vw;
  height: 9.333vw;
  position: relative;
  margin-top: 12.5vw;
  
}
.img-5111-1 {
  align-self: stretch;
  flex-shrink: 0;
  height: 42.104vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 375/157.89;
  scale: 1.3;  
  margin-left: 10vw;
  margin-top: 6vw;
  object-position: 0 0;
  
  
}
.frame-10 {
  display: flex;
  flex-direction: row;
  gap: 0.8vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-top: -vw;
  
}
.img-5111-2 {
  flex-shrink: 0;
  width: 17.333vw;
  height: 26.133vw;
  position: relative;
  object-fit: cover;
}
.img-2075-1 {
  flex-shrink: 0;
  width: 17.333vw;
  height: 25.867vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 65/97;
}
.img-2072-1 {
  flex-shrink: 0;
  width: 17.333vw;
  height: 26.133vw;
  position: relative;
  object-fit: cover;
}
.img-5133-1 {
  flex-shrink: 0;
  width: 17.333vw;
  height: 26.133vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 65/98;
}
.img-5113-1 {
  flex-shrink: 0;
  width: 17.333vw;
  height: 26.133vw;
  position: relative;
  object-fit: cover;
}
.frame-11 {
  display: flex;
  flex-direction: row;
  gap: 2.133vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  margin-top: 7vw;
  
}
.text-05 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.4vw;
  font-weight: 300;
  position: relative;
}
.group-12 {
  flex-shrink: 0;
  width: 5.331vw;
  height: 5.563vw;
  position: relative;
  overflow: visible;
}
.frame-12 {
  display: flex;
  flex-direction: row;
  gap: 2.133vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  margin-top: 4vw;
  
}
.text-06 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.4vw;
  font-weight: 300;
  position: relative;
}
.group-122 {
  flex-shrink: 0;
  width: 5.331vw;
  height: 5.563vw;
  position: relative;
  overflow: visible;
}
.text-07 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 5.333vw;
  font-weight: 300;
  position: relative;
  margin-top: 15vw;
  margin-right: 30vw;
  
  
}
.text-08 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 8.533vw;
  font-weight: 300;
  position: relative;
  margin-right: 45vw;
  margin-top: -2vw;
  
  
}
.frame-13 {
  display: flex;
  flex-direction: row;
  gap: 1.6vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-top: 10vw;
  
}
.img-1499-1 {
  flex-shrink: 0;
  width: 22.667vw;
  height: 28.267vw;
  position: relative;
  object-fit: cover;
}
.img-1497-1 {
  flex-shrink: 0;
  width: 22.667vw;
  height: 28.267vw;
  position: relative;
  object-fit: cover;
}
.img-1493-1 {
  flex-shrink: 0;
  width: 22.667vw;
  height: 28.267vw;
  position: relative;
  object-fit: cover;
}
.img-1496-1-1 {
  flex-shrink: 0;
  width: 22.933vw;
  height: 28.267vw;
  position: relative;
  object-fit: cover;
}
.img-1393-1 {
  flex-shrink: 0;
  width: 85.067vw;
  height: 56.8vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 319/213;
  margin-top: 6vw;
  
}
.frame-14 {
  display: flex;
  flex-direction: row;
  gap: 3.467vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  margin-top: 7vw;
  
}
._8-2-1 {
  flex-shrink: 0;
  width: 51.2vw;
  height: 76.8vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 192/288;
}
._1-5 {
  flex-shrink: 0;
  width: 38.133vw;
  height: 57.333vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 143/215;
}
.frame-15 {
  display: flex;
  flex-direction: row;
  gap: 2.933vw;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  margin-top: 10vw;
  
}
.photo-2026-04-03-17-07-26-1 {
  flex-shrink: 0;
  width: 30.4vw;
  height: 45.333vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 114/170;
}
.img-1895-1 {
  flex-shrink: 0;
  width: 26.133vw;
  height: 34.133vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 98/128;
}
.img-1889-1 {
  flex-shrink: 0;
  width: 30.4vw;
  height: 45.6vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 114/171;
}
.text-09 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 5.333vw;
  line-height: 8vw;
  font-weight: 300;
  position: relative;
  margin-top: 10vw;
  margin-right: 27vw;
  
  
}
.text-10 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 8.533vw;
  line-height: 8vw;
  font-weight: 300;
  position: relative;
  margin-right: 47vw;
  margin-top: -2vw;
  
  
}
.frame-16 {
  background: rgba(0, 0, 0, 0.91);
  display: flex;
  flex-direction: row;
  gap: 0vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 57.067vw;
  height: 8vw;
  position: relative;
  margin-top: 7vw;
  
}
.text-11 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 5.333vw;
  line-height: 8vw;
  font-weight: 300;
  position: relative;
}
.frame-17 {
  background: rgba(0, 0, 0, 0.91);
  display: flex;
  flex-direction: row;
  gap: 0vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 57.067vw;
  height: 8vw;
  position: relative;
  margin-top: 3vw;
  
}
.text-12 {
  color: #ffffff;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 5.333vw;
  line-height: 8vw;
  font-weight: 300;
  position: relative;
}


html {
  scroll-behavior: smooth;
}

.frame-11, .frame-12 {
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.frame-11:hover, .frame-12:hover {
  opacity: 0.8;
}