.frame-3,
.frame-3 * {
  box-sizing: border-box;
}

@font-face {
  font-family: 'JejuMyeongjo-Regular';
  src: url('./JejuMyeongjo-Regular.woff2') format('woff2'),
       url('./JejuMyeongjo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

.frame-3 {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.frame-4 {
  padding: 55px 36px 31px 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.div {
  color: #000000;
  text-align: right;
  font-family: "JejuMyeongjo-Regular", sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: relative;
}
.div2 {
  color: #000000;
  text-align: left;
  font-family: "JejuMyeongjo-Regular", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: relative;
}
.model {
  color: #000000;
  text-align: right;
  font-family: "JejuMyeongjo-Regular", sans-serif;
  font-size: 15px;
  font-weight: 400;
  position: relative;
}
.frame-1 {
  background: #f4f0e4;
  padding: 0px 0px 11px 8px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
._1 {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  position: relative;
  object-fit: cover;
  aspect-ratio: 392/589;
}
.frame-2 {
  background: #ffffff;
  padding: 43px 0px 35px 26px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.div3 {
  color: #000000;
  text-align: left;
  font-family: "JejuMyeongjo-Regular", sans-serif;
  font-size: 30px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-5 {
  background: linear-gradient(
    180deg,
    rgba(255, 252, 252, 1) 35%,
    rgba(244, 240, 228, 1) 36%
  );
  padding: 0px 22px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  aspect-ratio: 400/368;
}
._2 {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  object-fit: cover;
  aspect-ratio: 245/368;
}
.frame-10 {
  background: #f4f0e4;
  padding: 31px 0px 33px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
}
._171-58-70-85-96 {
  color: #000000;
  text-align: left;
  font-family: "JejuMyeongjo-Regular", sans-serif;
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
  position: relative;
  width: 392px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-6 {
  padding: 47px 0px 31px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.div4 {
  color: #000000;
  text-align: left;
  font-family: "JejuMyeongjo-Regular", sans-serif;
  font-size: 30px;
  line-height: 22px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-9 {
  background: #ffffff;
  padding: 0px 0px 60px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
._3 {
  align-self: stretch;
  flex-shrink: 0;
  width: 100%;
  height: auto;
  position: relative;
  object-fit: cover;

}
._4 {
  align-self: stretch;
  flex-shrink: 0;
  width: 100%;
  height: auto;
  position: relative;
  object-fit: cover;

}
.frame-7 {
  background: #ffffff;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.frame-62 {
  background: #ffffff;
  padding: 0px 0px 0px 10px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
}
._5 {
  flex-shrink: 0;
  width: 196px;
  height: 294px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 196/294;
}
._7 {
  flex-shrink: 0;
  width: 194px;
  height: 243px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 194/243;
}
._9 {
  flex-shrink: 0;
  width: 196px;
  height: 295px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 196/295;
}
._12 {
  flex-shrink: 0;
  width: 166px;
  height: 207px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 166/207;
}
._14 {
  flex-shrink: 0;
  width: 167px;
  height: 209px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 167/209;
}
._16 {
  flex-shrink: 0;
  width: 170px;
  height: 256px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 170/256;
}
.frame-52 {
  background: #ffffff;
  padding: 0px 10px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 19px;
  align-items: flex-end;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
}
._6 {
  flex-shrink: 0;
  width: 158px;
  height: 238px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 158/238;
}
._8 {
  flex-shrink: 0;
  width: 158px;
  height: 237px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 158/237;
}
._10 {
  flex-shrink: 0;
  width: 158px;
  height: 237px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 158/237;
}
._11 {
  flex-shrink: 0;
  width: 157px;
  height: 210px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 157/210;
}
._13 {
  flex-shrink: 0;
  width: 179px;
  height: 269px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 179/269;
}
._15 {
  flex-shrink: 0;
  width: 177px;
  height: 266px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 177/266;
}
.frame-72 {
  background: #ffffff;
  padding: 80px 0px 23px 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.frame-8 {
  background: #f4f0e4;
  padding: 66px 0px 66px 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.instagram {
  color: #000000;
  text-align: left;
  font-family: "JejuMyeongjo-Regular", sans-serif;
  font-size: 30px;
  line-height: 22px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.inst {
  flex-shrink: 0;
  width: 93px;
  height: 93px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.telegram {
  color: #000000;
  text-align: left;
  font-family: "JejuMyeongjo-Regular", sans-serif;
  font-size: 30px;
  line-height: 22px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.teleg {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}

.frame-7 {
  background: #ffffff;
  display: flex;
  flex-direction: row;
  gap: 16px; /* фиксированный отступ между колонками */
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  /* aspect-ratio: 557/295; если нужно ограничить высоту */
}

.frame-62,
.frame-52 {
  display: flex;
  flex-direction: column;
  gap: 16px; /* фиксированный вертикальный отступ между фото */
  flex: 1 1 0;
  min-width: 0;
}


._5,
._6,
._7,
._8,
._9,
._10,
._11,
._12,
._13,
._14,
._15,
._16 {  
  height: auto;
  display: block;
  object-fit: cover;
  }



._5,
._7,
._9,
._13,
._15,{  
  width: 100%;  }

._6,
._8,
._10,
._11,
._12,
._14,
._16 {    width: 88%;  }


.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.7s cubic-bezier(.4,0,.2,1), transform 0.7s cubic-bezier(.4,0,.2,1);
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}