@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: "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-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;
}


@font-face {
  font-family: "TenorSans-Regular";
  src: url("MiConv.com__ofont.ru_Tenor Sans.woff2") format("woff2"),
       url("ofont.ru_Tenor Sans.woff") format("woff"),
       url("BMiConv.com__ofont.ru_Tenor Sans.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "AnastasiaScript-Regular";
  src: url("AnastasiaScript-Regular.woff2") format("woff2"),
       url("AnastasiaScript-Regular.woff") format("woff"),
       url("AnastasiaScript-Regular.ttf") format("truetype");
  font-weight: 400;
}


.i-phone-11-pro-x-3,
.i-phone-11-pro-x-3 * {
  box-sizing: border-box;
}
.i-phone-11-pro-x-3 {
  background: #f9f8f4;
  display: flex;
  flex-direction: column;
  gap: 12.26vw;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
}
.frame-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 57.33vw;
  position: relative;
  margin-top: 53vw;
}
.text-01 {
  color: #315d8e;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 12.80vw;
  font-weight: 400;
  position: relative;
}
.text-02 {
  margin: -3.46vw 0 0 0;
  color: #245383;
  text-align: left;
  font-family: "AnastasiaScript-Regular", sans-serif;
  font-size: 12.80vw;
  font-weight: 400;
  position: relative;
}
.text-03 {
  margin: -3.46vw 0 0 0;
  color: #245383;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 12.80vw;
  font-weight: 400;
  position: relative;
}
.frame-3 {
  display: flex;
  flex-direction: column;
  gap: 4.26vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 71.20vw;
  position: relative;
  z-index: 2;
}
.text-04 {
  color: #d2c83a;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-2 {
  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-05 {
  color: #d2c83a;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  width: 5.86vw;
}
.text-06 {
  color: #d2c83a;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  width: 5.86vw;
  height: 5.06vw;
}
.text-07 {
  color: #d2c83a;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  width: 8.26vw;
  height: 8.26vw;
}
.text-08 {
  color: #d2c83a;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  width: 7.73vw;
  height: 8.26vw;
}
.text-09 {
  color: #d2c83a;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  width: 7.73vw;
  height: 8.26vw;
}
.text-10 {
  color: #d2c83a;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  width: 8.79vw;
  height: 8.26vw;
}
.text-11 {
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  width: 7.73vw;
  height: 8.26vw;
}
.text-11-span {
  color: #d2c83a;
}
.text-11-span2 {
  color: #315d8e;
}
._84-a-2-da-5483-ff-283008-d-9-bc-1-c-25113-a-03-photoroom-10 {
  flex-shrink: 0;
  width: 14.64vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(-2.142deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 43.66/36.14;
  margin-top: -21vw;
  margin-left: 59vw;
  z-index: 1;
}
.b-23-bce-3-dc-625-d-2-b-887-dadbac-02-e-4607-d-photoroom-1 {
  flex-shrink: 0;
  width: 27.29vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(33.775deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 27.36/32.48;
  margin-left: 82vw;
  margin-top: -10vw;
}
.text-12 {
  color: #245383;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 10.66vw;
  font-weight: 400;
  position: relative;
  margin-top: -23vw;
}
.text-13 {
  color: #315d8e;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
}
.text-14 {
  color: #245383;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 10.66vw;
  font-weight: 400;
  position: relative;
  margin-top: 10vw;
}
.text-15 {
  color: #245383;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 8.53vw;
  font-weight: 400;
  position: relative;
}
.text-16 {
  color: #315d8e;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  margin-top: -10vw;
  
}
.text-17 {
  color: #245383;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 8.53vw;
  font-weight: 400;
  position: relative;
}
.text-18 {
  color: #315d8e;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  margin-top: -10vw;

}


.collectioncolor {
  display: flex;
  flex-direction: column;
  gap: 8vw;
  align-items: flex-start;
  justify-content: flex-start;
  width: 16vw;
  position: relative;
}
.color-01 {
  background: #c1cdc3;
  align-self: stretch;
  flex-shrink: 0;
  height: 16vw;
  position: relative;
  overflow: hidden;
}
.color-02 {
  background: #f4eac6;
  align-self: stretch;
  flex-shrink: 0;
  height: 16vw;
  position: relative;
  overflow: hidden;
}
.color-03 {
  background: #b5dceb;
  align-self: stretch;
  flex-shrink: 0;
  height:16vw;
  position: relative;
  overflow: hidden;
}
.text-19 {
  color: #315d8e;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
}
.text-20 {
  color: #245383;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 10.66vw;
  font-weight: 400;
  position: relative;
}
.text-21 {
  color: #315d8e;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
}
.frame-5 {
  display: flex;
  flex-direction: row;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-4 {
  display: flex;
  flex-direction: column;
  gap: 7.46vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 17.09vw;
  position: relative;
}
._18-fd-60-c-030-e-993-d-56-d-6-d-70-ee-53-e-04-ce-5-1 {
  align-self: stretch;
  flex-shrink: 0;
  height: 16.00vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(180deg) scale(1, 1);
  object-fit: cover;
}
._22497-b-71-f-83-fdbd-4-dcd-176-c-873-d-84-bd-5-1 {
  align-self: stretch;
  flex-shrink: 0;
  height: 16.00vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(180deg) scale(1, 1);
  object-fit: cover;
}
.bded-6-ec-6-b-0693626475-c-74-af-2-c-1-dca-89-1 {
  align-self: stretch;
  flex-shrink: 0;
  height: 16.00vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(180deg) scale(1, 1);
  object-fit: cover;
}
.photo-2025-10-26-18-56-23-photoroom-1 {
  flex-shrink: 0;
  width: 63.46vw;
  height: 79.46vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 238/298;
}
.text-22 {
  color: #315d8e;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
}
.photo-2025-10-28-15-28-05-1 {
  flex-shrink: 0;
  width: 79.73vw;
  height: 141.60vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 299/531;
}
.frame-6 {
  display: flex;
  flex-direction: row;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._7-b-7-e-9-d-840-f-9759785134-f-24-b-1-bc-9-d-931-2-6 {
  flex-shrink: 0;
  width: 40.94vw;
  height: 61.12vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 153.53/229.22;
  rotate: 116deg;
  margin-right: 55vw;
  margin-top: -40vw;
  z-index: 2;
}
._7-b-7-e-9-d-840-f-9759785134-f-24-b-1-bc-9-d-931-2-5 {
  flex-shrink: 0;
  width: 36.68vw;
  height: 54.77vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 137.57/205.39;
  rotate: -137deg;
  margin-left: 55vw;
  margin-top: -70vw;
  z-index: 2;
}
.frame-11 {
  background: #fffddf;
  border-radius: 12.00vw;
  border-style: solid;
  border-color: #d2c83a;
  border-width: 0.26vw;
  padding: 7.46vw 0.00vw 6.40vw 0.00vw;
  display: flex;
  flex-direction: column;
  gap: 8.26vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 91.20vw;
  position: relative;
  z-index: 2;
}
.text-23 {
  color: #245383;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 10.66vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-7 {
  display: flex;
  flex-direction: column;
  gap: 2.13vw;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text-24 {
  color: #d2c83a;
  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;
  align-self: stretch;
  flex-shrink: 0;
  height: 0.00vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-9 {
  display: flex;
  flex-direction: column;
  gap: 3.86vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 63.20vw;
  position: relative;
}
.text-25 {
  color: #245383;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.text-26 {
  color: #245383;
  text-align: left;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 3.73vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.text-27 {
  color: #245383;
  text-align: left;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 3.73vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-8 {
  display: flex;
  flex-direction: column;
  gap: 2.86vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 68.26vw;
  position: relative;
}
.text-28 {
  color: #245383;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.text-29 {
  color: #245383;
  text-align: left;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  line-height: 9.66vw;
  font-weight: 400;
  position: relative;
}
.frame-10 {
  background: #d2c83a;
  border-radius: 133.33vw;
  border-style: solid;
  border-color: #f9f8f4;
  border-width: 0.53vw;
  padding: 1.86vw 15.46vw 1.86vw 15.46vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 67.73vw;
  height: 12.53vw;
  position: relative;
}
.text-30 {
  color: #fffae1;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 6.40vw;
  letter-spacing: 0.06em;
  font-weight: 400;
  position: relative;
}
.text-31 {
  color: #315d8e;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  width: 80.00vw;
  height: 9.86vw;
}
.text-32 {
  color: #245383;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 10.66vw;
  font-weight: 400;
  position: relative;
  margin-top: -5vw;

}
.text-33 {
  color: #315d8e;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  width: 80.00vw;
  height: 50.40vw;
  margin-top: -7vw;
}
.text-34 {
  color: #245383;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 10.66vw;
  font-weight: 400;
  position: relative;
}
.text-35 {
  color: #315d8e;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
}
.xxxl-5-1 {
  border-style: solid;
  border-color: #fffdf5;
  border-width: 2.93vw;
  flex-shrink: 0;
  width: 66.38vw;
  height: 44.28vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 248.93/166.08;
  border-radius: 4vw;
}
.frame-12 {
  background: #d2c83a;
  border-radius: 133.33vw;
  border-style: solid;
  border-color: #f9f8f4;
  border-width: 0.53vw;
  padding: 1.86vw 5.46vw 1.86vw 5.46vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  margin-top: -3vw;

}
.text-36 {
  color: #fffae1;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 6.40vw;
  letter-spacing: 0.06em;
  font-weight: 400;
  position: relative;
}
.text-37 {
  color: #245383;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 10.66vw;
  font-weight: 400;
  position: relative;
}
.text-38 {
  color: #315d8e;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 400;
  position: relative;
  margin-top: -7vw;
}
.frame-15 {
  display: flex;
  flex-direction: row;
  gap: 10.66vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  padding-bottom: 20vw;

}
.frame-13 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 30.40vw;
  position: relative;
}
._22-photoroom-1 {
  flex-shrink: 0;
  width: 17.06vw;
  height: 17.06vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.text-39 {
  color: #245383;
  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-14 {
  display: flex;
  flex-direction: column;
  gap: 1.33vw;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 20.00vw;
  position: relative;
}
._22-photoroom-2 {
  flex-shrink: 0;
  width: 17.06vw;
  height: 17.06vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.text-40 {
  color: #245383;
  text-align: left;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}




._908-f-9751-d-6-dd-51-c-3-b-6-e-41-aebaee-6-e-6-bd-2-1 {
  width: 4.80vw;
  height: 158.93vw;
  position: absolute;
  left: -0.26vw;
  top: 0.00vw;
  object-fit: cover;
  aspect-ratio: 18/596;
}
._908-f-9751-d-6-dd-51-c-3-b-6-e-41-aebaee-6-e-6-bd-2-3 {
  width: 4.80vw;
  height: 158.93vw;
  position: absolute;
  left: -0.26vw;
  top: 158.40vw;
  object-fit: cover;
  aspect-ratio: 18/596;
}
._908-f-9751-d-6-dd-51-c-3-b-6-e-41-aebaee-6-e-6-bd-2-5 {
  width: 4.80vw;
  height: 158.93vw;
  position: absolute;
  left: -0.26vw;
  top: 317.33vw;
  object-fit: cover;
  aspect-ratio: 18/596;
}
._908-f-9751-d-6-dd-51-c-3-b-6-e-41-aebaee-6-e-6-bd-2-6 {
  width: 4.80vw;
  height: 158.93vw;
  position: absolute;
  left: -0.26vw;
  top: 476.26vw;
  object-fit: cover;
  aspect-ratio: 18/596;
}
._908-f-9751-d-6-dd-51-c-3-b-6-e-41-aebaee-6-e-6-bd-2-8 {
  width: 4.80vw;
  height: 158.93vw;
  position: absolute;
  left: -0.26vw;
  top: 635.20vw;
  object-fit: cover;
  aspect-ratio: 18/596;
}
._908-f-9751-d-6-dd-51-c-3-b-6-e-41-aebaee-6-e-6-bd-2-12 {
  width: 4.80vw;
  height: 158.93vw;
  position: absolute;
  left: -0.26vw;
  top: 794.13vw;
  object-fit: cover;
  aspect-ratio: 18/596;
}
._908-f-9751-d-6-dd-51-c-3-b-6-e-41-aebaee-6-e-6-bd-2-2 {
  width: 4.26vw;
  height: 158.93vw;
  position: absolute;
  left: 95.73vw;
  top: 87.20vw;
  object-fit: cover;
  aspect-ratio: 16/596;
}
._908-f-9751-d-6-dd-51-c-3-b-6-e-41-aebaee-6-e-6-bd-2-4 {
  width: 4.26vw;
  height: 158.93vw;
  position: absolute;
  left: 95.73vw;
  top: 246.13vw;
  object-fit: cover;
  aspect-ratio: 16/596;
}
._908-f-9751-d-6-dd-51-c-3-b-6-e-41-aebaee-6-e-6-bd-2-7 {
  width: 4.26vw;
  height: 158.93vw;
  position: absolute;
  left: 95.73vw;
  top: 405.06vw;
  object-fit: cover;
  aspect-ratio: 16/596;
}
._7-b-7-e-9-d-840-f-9759785134-f-24-b-1-bc-9-d-931-2-2 {
  width: 49.60vw;
  height: 73.86vw;
  position: absolute;
  left: 116.08vw;
  top: 95.59vw;
  transform-origin: 0 0;
  transform: rotate(-170.263deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 186/277;
}
._7-b-7-e-9-d-840-f-9759785134-f-24-b-1-bc-9-d-931-2-1 {
  width: 52.14vw;
  height: 77.85vw;
  position: absolute;
  left: 130.03vw;
  top: 8.11vw;
  transform-origin: 0 0;
  transform: rotate(115.443deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 195.54/291.94;
}
._7-b-7-e-9-d-840-f-9759785134-f-24-b-1-bc-9-d-931-2-3 {
  width: 52.14vw;
  height: 77.85vw;
  position: absolute;
  left: 63.96vw;
  top: -20.28vw;
  transform-origin: 0 0;
  transform: rotate(90.572deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 195.54/291.94;
}
._88-bd-97912-f-7534-e-5-a-50-c-931-b-6-cb-6272-b-1 {
  width: 38.92vw;
  height: 30.30vw;
  position: absolute;
  left: 73.02vw;
  top: 211.65vw;
  transform-origin: 0 0;
  transform: rotate(-1.846deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 145.98/113.66;
}
._1801-d-20-fc-4-d-6-ee-5-ef-1-ab-34-c-326-d-8-e-124-1 {
  width: 115.73vw;
  height: 154.40vw;
  position: absolute;
  left: -123.20vw;
  top: 458.40vw;
  object-fit: cover;
  aspect-ratio: 434/579;
}
._908-f-9751-d-6-dd-51-c-3-b-6-e-41-aebaee-6-e-6-bd-2-82 {
  width: 4.26vw;
  height: 158.93vw;
  position: absolute;
  left: 95.73vw;
  top: 566.40vw;
  object-fit: cover;
  aspect-ratio: 16/596;
}
._908-f-9751-d-6-dd-51-c-3-b-6-e-41-aebaee-6-e-6-bd-2-9 {
  width: 4.80vw;
  height: 158.93vw;
  position: absolute;
  left: 95.73vw;
  top: 725.33vw;
  object-fit: cover;
  aspect-ratio: 18/596;
}
._908-f-9751-d-6-dd-51-c-3-b-6-e-41-aebaee-6-e-6-bd-2-11 {
  width: 4.26vw;
  height: 141.33vw;
  position: absolute;
  left: 0.00vw;
  top: 934.93vw;
  object-fit: cover;
  aspect-ratio: 16/530;
}
._88-bd-97912-f-7534-e-5-a-50-c-931-b-6-cb-6272-b-2 {
  width: 29.55vw;
  height: 23.01vw;
  position: absolute;
  left: 2.04vw;
  top: 281.89vw;
  transform-origin: 0 0;
  transform: rotate(-90.851deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 110.84/86.3;
}
._908-f-9751-d-6-dd-51-c-3-b-6-e-41-aebaee-6-e-6-bd-2-10 {
  width: 4.80vw;
  height: 158.93vw;
  position: absolute;
  left: 95.19vw;
  top: 883.46vw;
  object-fit: cover;
  aspect-ratio: 18/596;
}
._908-f-9751-d-6-dd-51-c-3-b-6-e-41-aebaee-6-e-6-bd-2-13 {
  width: 4.80vw;
  height: 71.20vw;
  position: absolute;
  left: 95.19vw;
  top: 1041.60vw;
  object-fit: cover;
  aspect-ratio: 18/267;
}
._908-f-9751-d-6-dd-51-c-3-b-6-e-41-aebaee-6-e-6-bd-2-132 {
  width: 4.26vw;
  height: 37.06vw;
  position: absolute;
  left: 0.00vw;
  top: 1075.73vw;
  object-fit: cover;
  aspect-ratio: 16/139;
}

._908-f-9751-d-6-dd-51-c-3-b-6-e-41-aebaee-6-e-6-bd-2-14 {
  width: 4.80vw;
  height: 101.20vw;
  position: absolute;
  left: 95.19vw;
  top: 1111.60vw;
  object-fit: cover;
  aspect-ratio: 18/267;
}

._908-f-9751-d-6-dd-51-c-3-b-6-e-41-aebaee-6-e-6-bd-2-17 {
  width: 4.26vw;
  height: 141.33vw;
  position: absolute;
  left: 0.00vw;
  top: 1100.93vw;
  object-fit: cover;
  aspect-ratio: 16/530;
}


.keyframe,
.keyframe * {
  box-sizing: border-box;
}
.keyframe {
  background: #f9f8f4;
  padding: 35.72vh 0 35.72vh 0;
  display: flex;
  flex-direction: column;
  gap: 0.89vh;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
}
.textkey-01 {
  color: #245383;
  text-align: center;
  font-family: "Annabelle-Regular", sans-serif;
  font-size: 4.09vh;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
._98-e-703-cc-94-d-6-c-7-aca-890-aef-184168162-photoroom-1 {
  flex-shrink: 0;
  width: 8.96vh;
  height: 8.96vh;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.textkey-02 {
  color: #315d8e;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 2.04vh;
  font-weight: 400;
  position: relative;
}


.keyvertik-02 {
  width: 158vw;
  height: 2.04vh;
  position: absolute;
  left: -23.72vw;
  top: .00vh;
  object-fit: cover;
  aspect-ratio: 16/596;
}
.keyvertik-01 {
  width: 158vw;
  height: 2.04vh;
  position: absolute;
  left: -14.37vw;
  top: 95.04vh;
  transform-origin: 0 0;
  object-fit: cover;
  aspect-ratio: 16/596;
}
.keylemon-04 {
  width: 65 vw;
  height: 46.64vh;
  position: absolute;
  right: -0;
  top: -10vh;
  transform: rotate(118.545deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 244/364.3;
}
.keylemon-03 {
  width: 65 vw;
  height: 46.64vh;
  position: absolute;
  left: 32.34vh;
  top: 81.70vh;
  transform-origin: 0 0;
  transform: rotate(118.545deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 244/364.3;
}
.keylemon-02 {
  width: 65 vw;
  height: 46.64vh;
  position: absolute;
  right: -10vw;
  top: 60.13vh;
  transform: rotate(-138.308deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 244/364.3;
}
.keylemon-01 {
  width: 65 vw;
  height: 46.64vh;
  position: absolute;
  left: 9.08vh;
  top: -9.85vh;
  transform-origin: 0 0;
  transform: rotate(38.743deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 244/364.3;
}



.keyframe {
  transition: opacity 600ms ease, transform 600ms ease;
  will-change: opacity, transform;
}

/* класс, который ставим при клике */
.keyframe.fade-out {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
}

/* i-phone по умолчанию скрыт (убираем из потока) */
.i-phone-11-pro-x-3 {
  display: none;
  opacity: 0;
  transition: opacity 600ms ease;
  will-change: opacity;
}

/* видимый i-phone */
.i-phone-11-pro-x-3.show {
    background: #f9f8f4;
  display: flex;
  flex-direction: column;
  gap: 12.26vw;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;

  opacity: 1;
}