@font-face {
  font-family: "TenorSans-Regular";
  src: url("TenorSans-Regular.woff") format("woff2"),
       url("TenorSans-Regular.woff") format("woff"),
       url("TenorSans-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Annabelle-Regular";
  src: url("ofont.ru_Annabelle.woff2") format("woff2"),
       url("ofont.ru_Annabelle.woff") format("woff"),
       url("ofont.ru_Annabelle.ttf") format("truetype");
  font-weight: 400;
}


@font-face {
  font-family: "Kindentosca-Regular";
  src: url("Kindentosca.woff2") format("woff2"),
       url("Kindentosca.woff") format("woff"),
       url("Kindentosca.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "BonaNova-Regular";
  src: url("BonaNova-Regular.woff2") format("woff2"),
       url("BonaNova-Regular.woff") format("woff"),
       url("BonaNova-Regular.ttf") format("truetype");
  font-weight: 400;
}




.i-phone-13-14-3,
.i-phone-13-14-3 * {
  box-sizing: border-box;
}
.i-phone-13-14-3 {
  padding: 19.86vw 2.66vw 11.46vw 2.66vw;
  display: flex;
  flex-direction: column;
  gap: 30.40vw;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
}








#musicBtn {
  position: fixed;
      background-image: url(music_13551742.png);

  background-size: cover;
  top: 5.3vw;
  right: 5.3vw;
  width: 13.3vw;
  height: 13.3vw;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s, background-color 0.3s;
  z-index: 9;
  border-style: solid;
  border-width: 0.5vw;

}

#musicBtn:hover {
  transform: scale(1.1); 
}

#musicBtn.playing {
    background-image: url(speaker_11773102.png);



}










    .video-bg {
      position: fixed; /* чтобы не скролилось */
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      z-index: -1; /* чтобы было под контентом */
    }

    .video-bg video {
      width: 100%;
      height: 100%;
      object-fit: cover; /* заполняет экран */
    }
.text-01 {
  color: #000000;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
}
.frame-1 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 67.20vw;
  position: relative;
}
.text-02 {
  color: #000000;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 19.20vw;
  font-weight: 400;
  position: relative;
  width: 54.40vw;
  height: 23.46vw;
}
.text-03 {
  color: #000000;
  text-align: left;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 14.93vw;
  font-weight: 400;
  position: relative;
}
.text-04 {
  color: #000000;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 19.20vw;
  font-weight: 400;
  position: relative;
  width: 61.33vw;
  height: 20.26vw;
}
.frame-2 {
  display: flex;
  flex-direction: row;
  gap: 9.33vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text-05 {
  color: #000000;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
  border-top: #000000 solid 0.3vw;
  border-bottom: #000000 solid 0.3vw;

}
.text-06 {
  color: #000000;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 19.20vw;
  font-weight: 400;
  position: relative;
  -webkit-text-stroke: 0.16vw #fff6e3;
}
.text-07 {
  color: #000000;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
    border-top: #000000 solid 0.3vw;
  border-bottom: #000000 solid 0.3vw;

}
.frame-9 {

  border-radius: 58.66vw 58.66vw 0.00vw 0.00vw;
  border-style: solid;
  border-color: #bdb4a0;
  border-width: 0.76vw;
  padding: 2.66vw;
  display: flex;
  flex-direction: column;
  gap: 6.93vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 81.86vw;
  position: relative;
  margin-top: -65vw;
  padding-top: 22vw;
}
.frame-4 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  gap: 20vw;
  z-index: 1;
  margin-top: -20vw;

}
._55-cce-26100006410-be-3-ccbe-7593-a-9-f-98-photoroom-1 {
  flex-shrink: 0;
  width: 43.05vw;
  height: 53.81vw;
  position: relative;
  transform: rotate(26.49deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 161.44/201.81;
}
._55-cce-26100006410-be-3-ccbe-7593-a-9-f-98-photoroom-2 {
  margin: 0 0 0 -23.20vw;
  flex-shrink: 0;
  width: 40.84vw;
  height: 51.05vw;
  position: relative;
  transform: rotate(-28.068deg) scale(-1, 1);
  object-fit: cover;
  aspect-ratio: 153.16/191.45;
}
.text-08 {
  color: #1e1e1e;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 8.53vw;
  font-weight: 400;
  position: relative;
}
.text-09 {
  color: #000000;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.0vw;
  font-weight: 400;
  position: relative;
}
.frame-5 {
  background: #ffffff;
  padding: 2.93vw 2.13vw 2.93vw 2.13vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 75.20vw;
  height: 95.19vw;
  position: relative;
}
.photo-2025-11-03-16-27-53-1 {
  border-radius: 7.73vw;
  flex-shrink: 0;
  width: 70.93vw;
  height: 88.80vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 266/333;
}
.frame-7 {
  display: flex;
  flex-direction: column;
  gap: 2.13vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 71.20vw;
  position: relative;
}
.text-10 {
  color: #1e1e1e;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-6 {
  display: flex;
  flex-direction: row;
  gap: 3.20vw;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  text-align: center;
}
.text-11 {
  color: #1e1e1e;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  width: 5.86vw;
}
.text-12 {
  color: #1e1e1e;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  width: 5.86vw;
  height: 8.26vw;
}
.text-13 {
  color: #1e1e1e;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  width: 8.26vw;
  height: 8.26vw;
}
.text-14 {
  color: #1e1e1e;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  width: 7.73vw;
  height: 8.26vw;
}
.text-15 {
  color: #1e1e1e;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  width: 7.73vw;
  height: 8.26vw;
}
.text-16 {
  color: #1e1e1e;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  width: 8.79vw;
  height: 8.26vw;
  z-index: 1;
}
.text-17 {
  color: #1e1e1e;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  width: 7.73vw;
  height: 8.26vw;
}
._84-a-2-da-5483-ff-283008-d-9-bc-1-c-25113-a-03-photoroom-10 {
  flex-shrink: 0;
  width: 17.64vw;
  height: 9.63vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(7.526deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 43.66/36.14;
  margin-top: -9vw;
  margin-left: 42vw;
  
}
.text-18 {
  color: #1e1e1e;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 8.53vw;
  font-weight: 400;
  position: relative;
}
._6-c-133-f-8-f-3-a-6-d-1-ea-78-cf-2-eb-4-d-8-a-55-ce-38-1 {
  border-radius: 7.73vw;
  flex-shrink: 0;
  width: 68.26vw;
  height: 30.66vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 256/115;
  z-index: 1;
    margin-right: 7vw;

}
.rectangle-9 {
  background: #ffffff;
  border-radius: 7.73vw;
  flex-shrink: 0;
  width: 70.93vw;
  height: 36.53vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(-2.451deg) scale(1, 1);
  margin-top: -40vw;
  margin-right: auto;
}
.frame-10 {
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text-19 {
  color: #000000;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
}
.text-20 {
  color: #000000;
  text-align: left;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
}
.rectangle-7 {
  background: #ffffff;
  border-radius: 7.73vw;
  flex-shrink: 0;
  width: 70.93vw;
  height: 36.53vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(2.45deg) scale(1, 1);
  margin-left: auto;
}
.cb-3-ea-37-d-3-ef-8-dbfc-5-ab-6-ee-47-a-7-deddf-4-1 {
  border-radius: 7.73vw;
  flex-shrink: 0;
  width: 68.26vw;
  height: 30.66vw;
  position: relative;
  object-fit: cover;
  z-index: 2;
  margin-top: -39vw;
  margin-left: auto;
}
.frame-11 {
  display: flex;
  flex-direction: row;
  gap: 2.93vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text-21 {
  color: #000000;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
}
.text-22 {
  color: #000000;
  text-align: left;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
}
.rectangle-8 {
  background: #ffffff;
  border-radius: 7.73vw;
  flex-shrink: 0;
  width: 70.93vw;
  height: 36.53vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(-2.451deg) scale(1, 1);
  margin-right: auto;
}
.f-4-aadc-67-eca-95-cfa-4-b-16957194-e-16-e-01-1 {
  border-radius: 7.73vw;
  flex-shrink: 0;
  width: 68.26vw;
  height: 30.66vw;
  position: relative;
  object-fit: cover;
  z-index: 2;
  margin-top: -42vw;
  margin-right: auto;
}
.frame-12 {
  display: flex;
  flex-direction: row;
  gap: 2.40vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text-23 {
  color: #000000;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
}
.text-24 {
  color: #000000;
  text-align: left;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
}
.text-25 {
  color: #1e1e1e;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 8.53vw;
  font-weight: 400;
  position: relative;
}
.frame-13 {
  background: #ffffff;
  padding: 1.33vw 2.66vw 1.33vw 2.66vw;
  display: flex;
  flex-direction: column;
  gap: 2.66vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 75.73vw;
  height: 49.60vw;
  position: relative;
}
.photo-2025-11-03-18-39-00-1 {
  flex-shrink: 0;
  width: 70.13vw;
  height: 46.66vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 263/175;
}
.frame-15 {
  background: rgba(217, 217, 217, 0.07);
  border-radius: 30.13vw;
  border-style: solid;
  border-color: #bdb4a0;
  border-width: 0.26vw;
  padding: 2.66vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-top: -30vw;
  margin-left: 55vw;
  z-index: 2;

  /* 💫 добавляем анимацию */
  animation: pulse-border 2.5s ease-in-out infinite;
}

@keyframes pulse-border {
  0%, 100% {
    transform: scale(1);
    border-color: #bdb4a0;
  }
  50% {
    transform: scale(1.08); /* немного увеличиваем */
    border-color: #d8cbb0;  /* можно слегка осветлить */
  }
}

.frame-14 {
  background: #fcfcfc;
  border-radius: 22.66vw;
  border-style: solid;
  border-color: #bdb4a0;
  border-width: 0.26vw;
  padding: 6.40vw 2.66vw 6.40vw 2.66vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 29.33vw;
  height: 29.33vw;
  position: relative;
}
.text-26 {
  color: #bdb4a0;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
}
.text-27 {
  color: #000000;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 8.53vw;
  font-weight: 400;
  position: relative;
}
.text-28 {
  color: #000000;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.0vw;
  line-height: 5.86vw;
  font-weight: 400;
  position: relative;
}
.frame-16 {
  display: flex;
  flex-direction: row;
  gap: 1.60vw;
  row-gap: 2.40vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  flex-shrink: 0;
  width: 73.59vw;
  position: relative;
}
._5-a-86-cd-8-e-471524-e-62651-fb-22-f-91-cc-866-1 {
  flex-shrink: 0;
  width: 23.46vw;
  height: 13.06vw;
  position: relative;
  object-fit: cover;
}
.d-63-dc-8-fe-65801-e-82-f-4234-cc-90607807-a-1 {
  flex-shrink: 0;
  width: 23.46vw;
  height: 13.06vw;
  position: relative;
  object-fit: cover;
}
._25-b-688-bf-9-cefa-113-fcc-5-f-30-b-17-befa-71-1 {
  flex-shrink: 0;
  width: 23.46vw;
  height: 13.06vw;
  position: relative;
  object-fit: cover;
}
.f-2-f-96-d-591-ccc-8889-b-1-ab-4184-c-6-f-3-a-8-d-7-1 {
  flex-shrink: 0;
  width: 23.46vw;
  height: 13.06vw;
  position: relative;
  object-fit: cover;
}
._0-e-8250-ae-9-a-56849-a-1-c-3-a-3-ebc-54-e-7120-c-1 {
  flex-shrink: 0;
  width: 23.46vw;
  height: 13.06vw;
  position: relative;
  object-fit: cover;
}
._395-b-4757-e-845264-c-0-aa-12-bfe-461-b-45-de-1 {
  flex-shrink: 0;
  width: 23.46vw;
  height: 13.06vw;
  position: relative;
  object-fit: cover;
}
.frame-17 {
  display: flex;
  flex-direction: row;
  gap: 6.93vw;
  row-gap: 2.93vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  flex-shrink: 0;
  width: 68.26vw;
  position: relative;
}
._40-f-24516-a-875-c-9-b-50-ae-59549-fdeae-3-cd-1 {
  flex-shrink: 0;
  width: 18.13vw;
  height: 32.00vw;
  position: relative;
  object-fit: cover;
}
._0-c-633-d-465-ce-180-c-3788-ad-1896-f-315-c-1-e-1 {
  flex-shrink: 0;
  width: 18.13vw;
  height: 32.00vw;
  position: relative;
  object-fit: cover;
}
.beige-satin-one-shoulder-cut-out-midi-dress-elagia-1 {
  flex-shrink: 0;
  width: 18.13vw;
  height: 32.00vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 68/120;
}
._038-a-83-b-99-ba-32520-b-83852-dcc-7-eafb-53-1 {
  flex-shrink: 0;
  width: 18.13vw;
  height: 32.00vw;
  position: relative;
  object-fit: cover;
}
._11-eff-39-c-1-dc-715-dfff-4-cdeaecb-4347-d-6-1 {
  flex-shrink: 0;
  width: 18.13vw;
  height: 32.00vw;
  position: relative;
  object-fit: cover;
}
._1-b-317844243-ad-551-d-441-fe-969857-af-5-b-1 {
  flex-shrink: 0;
  width: 18.13vw;
  height: 32.00vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 68/120;
}
.text-29 {
  color: #000000;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.0vw;
  line-height: 5.86vw;
  font-weight: 400;
  position: relative;
}
.text-30 {
  color: #000000;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 8.53vw;
  font-weight: 400;
  position: relative;
  margin-top: 6vw;

}
.text-31 {
  color: #000000;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 400;
  position: relative;
  margin-bottom: 15vw;
}
.frame-18 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._55-cce-26100006410-be-3-ccbe-7593-a-9-f-98-photoroom-3 {
  flex-shrink: 0;
  width: 42.93vw;
  height: 53.33vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(26.49deg) scale(1, 1);
  object-fit: cover;
}
._55-cce-26100006410-be-3-ccbe-7593-a-9-f-98-photoroom-4 {
  margin: 0 0 0 -22.93vw;
  flex-shrink: 0;
  width: 42.93vw;
  height: 53.33vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(29.068deg) scale(-1, 1);
  object-fit: cover;
}
.frame-19 {
  display: flex;
  flex-direction: column;
  gap: 5.86vw;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  margin-top: -20vw;
  z-index: 2;
}

.obratnoprav{
  transform: rotate(29.068deg) scale(-1);
}
.obratnolev{
  transform: rotate(-29deg) scale(1,-1);
}

.text-32 {
  color: #1e1e1e;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 10.66vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.text-33 {
  color: #1e1e1e;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.line-8 {
  margin-top: -0.26vw;
  border-style: solid;
  border-color: #245383;
  border-width: 0.26vw 0 0 0;
  flex-shrink: 0;
  width: 81.86vw;
  height: 0.00vw;
  position: relative;
}
.text-34 {
  color: #1e1e1e;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-25 {
  padding: 0.00vw 0.00vw 0.00vw 11.46vw;
  display: flex;
  flex-direction: column;
  gap: 3.73vw;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text-35 {
  color: #1e1e1e;
  text-align: left;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 3.73vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.text-36 {
  color: #1e1e1e;
  text-align: left;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 3.73vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.text-37 {
  color: #1e1e1e;
  text-align: left;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 3.73vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.text-38 {
  color: #000000;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.0vw;
  line-height: 5.86vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-20 {
  background: #bdb4a0;
  padding: 1.86vw 6.13vw 1.86vw 6.13vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 49.33vw;
  height: 9.60vw;
  position: relative;
  margin-bottom: 5vw;
}
.text-39 {
  color: #fff7f7;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  letter-spacing: 0.06em;
  font-weight: 400;
  position: relative;
}
.frame-21 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._55-cce-26100006410-be-3-ccbe-7593-a-9-f-98-photoroom-5 {
  flex-shrink: 0;
  width: 42.66vw;
  height: 53.33vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(39.54deg) scale(1, -1);
  object-fit: cover;
  aspect-ratio: 160/200;
}
._55-cce-26100006410-be-3-ccbe-7593-a-9-f-98-photoroom-6 {
  margin: 0 0 0 -26.93vw;
  flex-shrink: 0;
  width: 42.66vw;
  height: 53.33vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(-152.002deg) scale(1, 1);
  object-fit: cover;
}
.text-40 {
  color: #000000;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 400;
  position: relative;
}
.frame-24 {
  display: flex;
  flex-direction: row;
  gap: 15.46vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-22 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 19.20vw;
  position: relative;
}
._22-photoroom-1 {
  align-self: stretch;
  flex-shrink: 0;
  height: 19.20vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.text-41 {
  color: #1e1e1e;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 7.73vw;
}
.frame-23 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._22-photoroom-2 {
  flex-shrink: 0;
  width: 17.06vw;
  height: 17.06vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.text-42 {
  color: #1e1e1e;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.text-43 {
  color: #000000;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 400;
  position: relative;
}
.photo-2025-11-03-16-38-32-1 {
  flex-shrink: 0;
  width: 70.93vw;
  height: 88.80vw;
  position: relative;
  object-fit: cover;
  border-radius: 7.73vw;
}



.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: transform 600ms cubic-bezier(.2,.9,.2,1), opacity 600ms cubic-bezier(.2,.9,.2,1);
  will-change: opacity, transform;
}

/* Видимый (в кадре) */
.reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* Можно уменьшить/увеличить скорость/расстояние */
.reveal[data-distance="30"] { transform: translateY(30px); }
.reveal[data-distance="10"] { transform: translateY(10px); }

/* Если нужно, чтобы анимация была менее заметна для маломощных устройств */
@media (prefers-reduced-motion: reduce) {
  .reveal, .reveal.in-view {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}