@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: "Denistina-Regular";
  src: url("ofont.ru_Denistina.woff2") format("woff2"),
       url("ofont.ru_Denistina.woff") format("woff"),
       url("ofont.ru_Denistina.ttf") format("truetype");
  font-weight: 400;
}



@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"),
       url("TenorSans-Regular.svg") format("svg");
  font-weight: 400;
}





.i-phone-13-mini-3,
.i-phone-13-mini-3 * {
  box-sizing: border-box;
}
.i-phone-13-mini-3 {
  background: #ffffff;
  padding: 18.86vw 2.66vw 2.66vw 2.66vw;
  display: flex;
  flex-direction: column;
  gap: 8.79vw;
  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);



}


.text-01 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  height: 8.26vw;
}
.text-02 {
  color: #000000;
  text-align: center;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 10.66vw;
  font-weight: 400;
  position: relative;
  width: 60.80vw;
  height: 9.86vw;
  text-shadow: 0 2vw 1.33vw rgba(0, 0, 0, 0.25);  
  margin-top: -7vw;
  
}
.frame-1 {
  display: flex;
  flex-direction: row;
  gap: 2.60vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  height: 57.6vw;
}
.photo-2025-11-04-17-08-39-1 {
  flex-shrink: 0;
  width: 43.20vw;
  height: 57.59vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 162/216;
}
.photo-2025-11-04-17-52-55-1 {
  flex-shrink: 0;
  width: 40.27vw;
  height: 57.56vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0.058deg) scale(1, 1);
  object-fit: cover;
}
.frame-2 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 61.06vw;
  position: relative;
}
.text-03 {
  color: #000000;
  text-align: center;
  font-family: "TenorSans-Regular";
  font-size: 10.66vw;
  font-weight: 400;
  position: relative;
  margin-right: 28vw;
}
.text-04 {
  color: #000000;
  text-align: center;
  font-family: "TenorSans-Regular";
  font-size: 10.66vw;
  font-weight: 400;
  position: relative;
}
.text-05 {
  color: #000000;
  text-align: center;
  font-family: "TenorSans-Regular";
  font-size: 10.66vw;
  font-weight: 400;
  position: relative;
  margin-left: 39vw;
}
.frame-3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  position: relative;
  gap: 5vw;
}
.text-06 {
  color: #000000;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  border-bottom: #000000 solid 0.4vw;
    border-top: #000000 solid 0.4vw;
    line-height: 7vw;

}
.text-07 {
  color: #000000;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 14.93vw;
  font-weight: 400;
  position: relative;
  -webkit-text-stroke: 0.26vw #fff6e3;
}
.text-08 {
  color: #000000;
  text-align: left;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
    border-bottom: #000000 solid 0.4vw;
    border-top: #000000 solid 0.4vw;
    line-height: 7vw;

}
.counter {
  background: #d9d9d9;
  flex-shrink: 0;
  width: 100.00vw;
  height: 17.59vw;
  position: relative;
}
.frame-5 {
  display: flex;
  flex-direction: row;
  align-items: left;
  gap: 12vw;
}
.line-5 {
  border-style: solid;
  border-color: #000000;
  border-width: 0 0.4vw 0 0;
  position: relative;
}
.text-09 {
  color: #000000;
  text-align: left;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
  width: 45.33vw;
  height: 14.93vw;
}
.text-10 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 300;
  position: relative;
}
.frame-4 {
  display: flex;
  flex-direction: row;
  gap: 3.73vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.photo-2025-11-04-18-06-25-1 {
  flex-shrink: 0;
  width: 26.66vw;
  height: 46.93vw;
  position: relative;
  object-fit: cover;
}
.photo-2025-11-04-18-06-35-1 {
  flex-shrink: 0;
  width: 32.00vw;
  height: 52.80vw;
  position: relative;
  object-fit: cover;
}
.photo-2025-11-04-18-12-11-1 {
  flex-shrink: 0;
  width: 26.66vw;
  height: 46.93vw;
  position: relative;
  object-fit: cover;
}
.frame-6 {
  display: flex;
  flex-direction: row;
  gap: 11.73vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.line-6 {
  margin-top: -0.26vw;
  border-style: solid;
  border-color: #000000;
  border-width: 0.26vw 0 0 0;
  flex-shrink: 0;
  width: 16.00vw;
  height: 0.00vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.text-11 {
  color: #000000;
  text-align: left;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 8.53vw;
  font-weight: 400;
  position: relative;
}
.text-12 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 300;
  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-2 {
  flex-shrink: 0;
  width: 69.06vw;
  height: 32.53vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 259/122;
}
.frame-7 {
  display: flex;
  flex-direction: row;
  gap: 11.73vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.line-7 {
  margin-top: -0.26vw;
  border-style: solid;
  border-color: #000000;
  border-width: 0.26vw 0 0 0;
  flex-shrink: 0;
  width: 16.00vw;
  height: 0.00vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.text-13 {
  color: #000000;
  text-align: left;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 8.53vw;
  font-weight: 400;
  position: relative;
}
.text-14 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  height: 8.26vw;
}
.frame-8 {
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  row-gap: 2.13vw;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  flex-shrink: 0;
  width: 53.33vw;
  position: relative;
  margin-top: 7vw;
}
.photo-2025-11-07-00-06-05-1 {
  flex-shrink: 0;
  width: 16.00vw;
  height: 17.06vw;
  position: relative;
  object-fit: cover;
}
.photo-2025-11-07-00-06-09-1 {
  flex-shrink: 0;
  width: 16.00vw;
  height: 17.06vw;
  position: relative;
  object-fit: cover;
}
.photo-2025-11-07-00-06-10-2 {
  flex-shrink: 0;
  width: 16.00vw;
  height: 17.06vw;
  position: relative;
  object-fit: cover;
}
.photo-2025-11-07-00-06-08-1 {
  flex-shrink: 0;
  width: 16.00vw;
  height: 17.06vw;
  position: relative;
  object-fit: cover;
}
.photo-2025-11-07-00-06-07-1 {
  flex-shrink: 0;
  width: 16.00vw;
  height: 17.06vw;
  position: relative;
  object-fit: cover;
}
.text-15 {
  color: #000000;
  text-align: left;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 10.66vw;
  font-weight: 400;
  position: relative;
  width: 18.93vw;
  height: 9.86vw;
  transform-origin: 0 0;
  transform: rotate(-10.68deg) scale(1, 1);
}
.text-16 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
}
.frame-24 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
}
._5449-c-000261-b-48-af-29-e-3-ed-034-af-28-c-03-1 {
  flex-shrink: 0;
  width: 32.00vw;
  height: 56.00vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 120/210;
  z-index: 2;
}
.a-36-a-6-faead-5668-b-88-ff-304-c-49-f-444943-1 {
  margin: 0 0 0 -15.60vw;
  flex-shrink: 0;
  width: 15.20vw;
  height: 55.73vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 57/209;
}
._987-d-8-d-604-f-84-bcea-920-d-67-ef-2564-fa-7-f-1 {
  margin: 0 0 0 -5.60vw;
  flex-shrink: 0;
  width: 16.26vw;
  height: 55.46vw;
  position: relative;
  transform-origin: 0 0;
  object-fit: cover;
  aspect-ratio: 61/208;
}
.fe-56448-e-17-e-5-c-1850-a-01-d-98-fcd-53-e-3-c-1-1 {
  margin: 0 0 0 -5.60vw;
  flex-shrink: 0;
  width: 16.00vw;
  height: 56.53vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 60/212;
}
._6-bdbdc-5-e-644-bfc-16-c-9-cbb-5-a-7296-bfebd-1 {
  margin: 0 0 0 -5.60vw;
  flex-shrink: 0;
  width: 16.80vw;
  height: 54.93vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 63/206;
}
._0-df-8-e-4-f-1243-b-5-a-628500-d-259-abe-79-dab-1 {
  margin: 0 0 0 -5.60vw;
  flex-shrink: 0;
  width: 14.66vw;
  height: 53.86vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 55/202;
}
._72-ee-9-e-930375506-ba-117-daeff-9-a-73821-1 {
  margin: 0 0 0 -5.60vw;
  flex-shrink: 0;
  width: 17.59vw;
  height: 54.93vw;
  position: relative;
  transform-origin: 0 0;
  object-fit: cover;
  aspect-ratio: 66/206;
}
.text-17 {
  color: #000000;
  text-align: left;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 10.66vw;
  font-weight: 400;
  position: relative;
  width: 45.00vw;
  height: 9.86vw;
  transform-origin: 0 0;
  transform: rotate(-10.68deg) scale(1, 1);
  margin-top: 10vw;
}
.text-18 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  width: 80.00vw;
  height: 15.46vw;
  margin-top: -8vw;

}
.frame-25 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._664-f-211015379-d-3-c-394-af-87-db-8-ac-7723-1 {
  flex-shrink: 0;
  width: 20.80vw;
  height: 69.06vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 78/259;
}
._07-dcaec-49-eab-2722387-a-8772-adbb-7-e-4-a-1 {
  margin: 0 0 0 -8.00vw;
  flex-shrink: 0;
  width: 20.53vw;
  height: 67.20vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 77/252;
}
.b-7474-f-3-c-7474-a-56000-ccc-409-d-42-b-5-fbd-1 {
  margin: 0 0 0 -8.00vw;
  flex-shrink: 0;
  width: 20.26vw;
  height: 68.26vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 76/256;
}
._0-d-7650-ddacec-6-f-2-a-7771352-d-20-c-1-a-8-ce-1 {
  margin: 0 0 0 -8.00vw;
  flex-shrink: 0;
  width: 22.40vw;
  height: 67.46vw;
  position: relative;
  transform-origin: 0 0;
  object-fit: cover;
  aspect-ratio: 84/253;
}
._34-dfa-3-d-82-f-3-a-80-f-8-a-8-dc-8-d-8-e-344-baf-42-1 {
  margin: 0 0 0 -8.00vw;
  flex-shrink: 0;
  width: 20.00vw;
  height: 66.66vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 75/250;
}
._3-bd-50-b-836-f-56-b-5-cf-75-a-2-d-4-c-32-a-71079-f-1 {
  margin: 0 0 0 -8.00vw;
  flex-shrink: 0;
  width: 22.13vw;
  height: 67.20vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 83/252;
}
.frame-9 {
  display: flex;
  flex-direction: row;
  gap: 10.86vw;
  position: relative;
  align-items: left;
  margin-top: 7vw;
}
._7-b-4-b-4-b-0749-ec-0157-c-2090012926659-df-1 {
  width: 16.23vw;
  height: 18.79vw;
  position: relative;
  transform: rotate(21.102deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 60.88/70.49;
}
.line-8 {
  margin-top: -0.26vw;
  border-style: solid;
  border-color: #000000;
  border-width: 0.26vw 0 0 0;
  flex-shrink: 0;
  width: 16.00vw;
  height: 0.00vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.text-19 {
  color: #000000;
  text-align: center;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 8.53vw;
  line-height: 4.00vw;
  position: relative;
}
.frame-13 {
  display: flex;
  flex-direction: column;
  gap: 7.19vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 84.26vw;
  position: relative;
}
.text-20 {
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.line-9 {
  flex-shrink: 0;
  width: 84.26vw;
  height: 0.00vw;
  position: relative;
  overflow: visible;
}
.frame-10 {
  display: flex;
  flex-direction: column;
  gap: 3.46vw;
  align-items: start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 73.20vw;
  position: relative;
}
.text-21 {
  color: #000000;
  text-align: start;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  align-self: stretch;
  margin-top: -5vw;
}
.text-22 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 3.73vw;
  line-height: 5.60vw;
  font-weight: 300;
  position: relative;
}
.frame-11 {
  display: flex;
  flex-direction: column;
  gap: 1.60vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 71.73vw;
  position: relative;
  margin-top: -3vw;
}
.text-23 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  font-weight: 300;
  position: relative;
  align-self: stretch;
}


.text-24 {
  color: #000000;
  text-align: left;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  line-height: 5.60vw;
  font-weight: 300;
  position: relative;
}
.frame-12 {
  background: rgba(0, 0, 0, 0.25);
  padding: 1.86vw 7.73vw 1.86vw 7.73vw;
  display: flex;
  flex-direction: row;
  gap: 2.66vw;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64.00vw;
  height: 9.60vw;
  position: relative;
}
.text-25 {
  color: #fff7f7;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  letter-spacing: 0.06em;
  font-weight: 400;
  position: relative;
}
.text-26 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 300;
  position: relative;
}
.frame-16 {
  display: flex;
  flex-direction: row;
  gap: 15.73vw;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-14 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 22.93vw;
  position: relative;
}
._22-photoroom-1 {
  flex-shrink: 0;
  width: 17.06vw;
  height: 17.06vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.text-27 {
  color: #000000;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-15 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._22-photoroom-2 {
  align-self: stretch;
  flex-shrink: 0;
  height: 17.38vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1;
}
.text-28 {
  color: #000000;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.text-29 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 300;
  position: relative;
  width: 70.93vw;
  height: 23.20vw;
}
.text-30 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 300;
  position: relative;
}
.frame-17 {
  display: flex;
  flex-direction: row;
  gap: 8.53vw;
  align-items: left;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-right: 13vw;
  margin-top: 15vw;
}
.text-31 {
  color: #b12525;
  text-align: center;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 4.26vw;
  line-height: 4.00vw;
  font-weight: 400;
  position: relative;
  transform: rotate(-17.121deg) scale(1, 1);
}
.line-10 {
  margin-top: -0.26vw;
  border-style: solid;
  border-color: #000000;
  border-width: 0.26vw 0 0 0;
  flex-shrink: 0;
  width: 16.00vw;
  height: 0.00vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.text-32 {
  color: #000000;
  text-align: left;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 10.66vw;
  line-height: 6.40vw;
  position: relative;
  margin-left: 5vw;
  
}
.frame-18 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 38.93vw;
  height: 37.06vw;
  position: relative;
  margin-left: 50vw;
  margin-top: 10vw
}
.text-33 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.40vw;
  line-height: 5.86vw;
  font-weight: 300;
  position: relative;
}
.text-34 {
  color: #000000;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 400;
  position: relative;
}
.text-35 {
  color: #b12525;
  text-align: center;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 4.26vw;
  line-height: 4.00vw;
  font-weight: 400;
  position: relative;
}
.text-36 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 2.45vw;
  line-height: 4.00vw;
  font-weight: 300;
  position: relative;
}
.frame-19 {
  display: flex;
  flex-direction: column;
  gap: 0.80vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 35.73vw;
  position: relative;
    margin-right: 50vw;
    margin-top: -20vw;

}
.text-37 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.40vw;
  line-height: 5.86vw;
  font-weight: 300;
  position: relative;
  align-self: stretch;
}
.text-38 {
  color: #000000;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.text-39 {
  color: #b12525;
  text-align: center;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 4.2vw;
  line-height: 4.00vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.text-40 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 2.66vw;
  line-height: 4.00vw;
  font-weight: 300;
  position: relative;
  align-self: stretch;
}
.frame-20 {
  display: flex;
  flex-direction: column;
  gap: 1.06vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 39.20vw;
  position: relative;
    margin-left: 50vw;
    margin-top: -15vw;

}
.text-41 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.40vw;
  line-height: 5.86vw;
  font-weight: 300;
  position: relative;
  align-self: stretch;
}
.text-42 {
  color: #000000;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  line-height: 5.86vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.text-43 {
  color: #b12525;
  text-align: center;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 4.7vw;
  line-height: 4.00vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.text-44 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 2.66vw;
  line-height: 4.00vw;
  font-weight: 300;
  position: relative;
  align-self: stretch;
}
.frame-21 {
  display: flex;
  flex-direction: column;
  gap: 1.06vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 38.13vw;
  position: relative;
      margin-right: 50vw;
      margin-top: -13vw;

}
.text-45 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.40vw;
  line-height: 5.86vw;
  font-weight: 300;
  position: relative;
  align-self: stretch;
}
.text-46 {
  color: #000000;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  line-height: 4.00vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.text-47 {
  color: #b12525;
  text-align: center;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 4.80vw;
  line-height: 4.00vw;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.text-48 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 2.66vw;
  line-height: 4.00vw;
  font-weight: 300;
  position: relative;
  align-self: stretch;
  height: 12.26vw;
}
.frame-22 {
  display: flex;
  flex-direction: column;
  gap: 0.00vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 26.13vw;
  position: relative;
    margin-left: 50vw;
    margin-top: -10vw;

}
.text-49 {
  color: #000000;
  text-align: center;
  font-family: "ProximaNova-Light", sans-serif;
  font-size: 6.40vw;
  line-height: 5.86vw;
  font-weight: 300;
  position: relative;
  align-self: stretch;
}
.text-50 {
  color: #000000;
  text-align: center;
  font-family: "TenorSans-Regular", sans-serif;
  font-size: 4.26vw;
  line-height: 4.00vw;
  font-weight: 400;
  position: relative;
}
.line-15 {
  margin-top: -120.26vw;
  border-style: solid;
  border-color: #000000;
  border-width: 0 0.4vw 0 0;
  height: 125.00vw;
  position: relative;
}
.frame-23 {
  display: flex;
  flex-direction: row;
  gap: 9.60vw;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  margin-top: 0vw;
}
.line-16 {
  margin-top: -0.26vw;
  border-style: solid;
  border-color: #000000;
  border-width: 0.26vw 0 0 0;
  flex-shrink: 0;
  width: 16.00vw;
  height: 0.00vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.text-51 {
  color: #1d1c1c;
  text-align: left;
  font-family: "Denistina-Regular", sans-serif;
  font-size: 6.40vw;
  font-weight: 400;
  position: relative;
}
.line-17 {
  margin-top: -0.26vw;
  border-style: solid;
  border-color: #000000;
  border-width: 0.26vw 0 0 0;
  flex-shrink: 0;
  width: 16.00vw;
  height: 0.00vw;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.map {
  background: #d9d9d9;
  flex-shrink: 0;
  width: 73.33vw;
  height: 50.66vw;
  position: relative;
}



    .timer {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
      font-size: 8vw;
      font-weight: 500;
      padding-bottom: 10vw;
      color: #000000;
      font-family: TenorSans-Regular;
      margin-top: 7vw;
      
    }

    .time-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      min-width: 70px;
    }

    .time-box span {
      font-size: 3.7vw;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #000000;
      margin-top: 5px;
      
    }

    .divider {
      font-size: 9.6vw;
      color:#000000;
      margin-top: -10px;
    }

    @media (max-width: 500px) {
      .timer {
        gap: 10px;
        font-size: 28px;
      }
      .time-box {
        min-width: 60px;
      }
    }


    .frame-130 {
  background: #ffffff;
  padding: 1.33vw 2.66vw 1.33vw 2.66vw;
  display: flex;
  flex-direction: column;
  gap: 2.66vw;
  align-items: center;
  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;
  height: 66vw;
  position: relative;
  object-fit: cover;
  aspect-ratio: 1/1;
}


.frame-150 {
  background: rgba(0, 0, 0, 0.07);
  border-radius: 30.13vw;
  border-style: solid;
  border-color: #000000;
  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;
  margin-bottom: 10vw;
  z-index: 2;

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

@keyframes pulse-border {
  0%, 100% {
    transform: scale(1);
    border-color: #000000;
  }
  50% {
    transform: scale(1.08); /* немного увеличиваем */
    border-color: #000000;  /* можно слегка осветлить */
  }
}
.frame-140 {
  background: #fcfcfc;
  border-radius: 22.66vw;
  border-style: solid;
  border-color: #000000;
  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-260 {
  color: #302E29;
  text-align: center;
  font-family: "BonaNova-Regular", sans-serif;
  font-size: 4.26vw;
  font-weight: 400;
  position: relative;
}











.frame-26 {
  flex-shrink: 0;
  display: grid;
  gap: 3.133vw;
  position: relative;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.f-2-f-96-d-591-ccc-8889-b-1-ab-4184-c-6-f-3-a-8-d-7-1 {
  width: 60px;
  height: 64px;
  position: relative;
  object-fit: cover;
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
}
.photo-2025-11-07-00-06-10-2 {
  width: 60px;
  height: 64px;
  position: relative;
  object-fit: cover;
  grid-column: 2 / span 1;
  grid-row: 1 / span 1;
}
.photo-2025-11-07-00-06-05-1 {
  width: 60px;
  height: 64px;
  position: relative;
  object-fit: cover;
  grid-column: 3 / span 1;
  grid-row: 1 / span 1;
}
.photo-2025-11-07-00-06-09-1 {
  width: 60px;
  height: 64px;
  position: relative;
  object-fit: cover;
  grid-column: 4 / span 1;
  grid-row: 1 / span 1;
}
._25-b-688-bf-9-cefa-113-fcc-5-f-30-b-17-befa-71-1 {
  width: 60px;
  height: 64px;
  position: relative;
  object-fit: cover;
  grid-column: 1 / span 1;
  grid-row: 2 / span 1;
}
.photo-2025-11-07-00-06-08-1 {
  width: 60px;
  height: 64px;
  position: relative;
  object-fit: cover;
  grid-column: 2 / span 1;
  grid-row: 2 / span 1;
}
.photo-2025-11-07-00-06-07-1 {
  width: 60px;
  height: 64px;
  position: relative;
  object-fit: cover;
  grid-column: 3 / span 1;
  grid-row: 2 / span 1;
}
._9-a-746-f-511347149-cc-64520882-d-2-f-70-e-0-1 {
  width: 60px;
  height: 64px;
  position: relative;
  object-fit: cover;
  grid-column: 4 / span 1;
  grid-row: 2 / span 1;
}
._395-b-4757-e-845264-c-0-aa-12-bfe-461-b-45-de-2 {
  width: 0px;
  height: 0px;
  position: absolute;
  left: 179px;
  top: 34px;
  object-fit: cover;
  aspect-ratio: 0/0;
  grid-column: 0 / span 1;
  grid-row: 0 / span 1;
}










.frame-28 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._5449-c-000261-b-48-af-29-e-3-ed-034-af-28-c-03-1 {
  flex-shrink: 0;
  width: 120px;
  height: 210px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 120/210;
}
.a-36-a-6-faead-5668-b-88-ff-304-c-49-f-444943-1 {
  flex-shrink: 0;
  width: 57px;
  height: 209px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 57/209;
}
._987-d-8-d-604-f-84-bcea-920-d-67-ef-2564-fa-7-f-1 {
  flex-shrink: 0;
  width: 61px;
  height: 208px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
  object-fit: cover;
  aspect-ratio: 61/208;
}
.fe-56448-e-17-e-5-c-1850-a-01-d-98-fcd-53-e-3-c-1-1 {
  flex-shrink: 0;
  width: 60px;
  height: 212px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 60/212;
}
._1-fbd-6994444-b-5-ac-16-cd-37695-ded-66-e-5-f-1 {
  flex-shrink: 0;
  width: 92px;
  height: 218px;
  position: relative;
  aspect-ratio: 92/218;
}
._0-df-8-e-4-f-1243-b-5-a-628500-d-259-abe-79-dab-1 {
  flex-shrink: 0;
  width: 58px;
  height: 210px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 58/210;
}
._6-c-8485-e-30263-a-773-bc-77-f-9-e-98-dc-0017-d-1 {
  flex-shrink: 0;
  width: 86px;
  height: 218px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 86/218;
}



.frame-29 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.dc-2-d-350-c-8-df-2-c-0973-cdfdcbda-64-f-6-df-0-1 {
  flex-shrink: 0;
  width: 64px;
  height: 223px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 64/223;
}
._34-dfa-3-d-82-f-3-a-80-f-8-a-8-dc-8-d-8-e-344-baf-42-1 {
  flex-shrink: 0;
  width: 63px;
  height: 220px;
  position: relative;
  object-fit: cover;
}
.b-7474-f-3-c-7474-a-56000-ccc-409-d-42-b-5-fbd-1 {
  flex-shrink: 0;
  width: 63px;
  height: 220px;
  position: relative;
  object-fit: cover;
}
._4-c-843-ad-4613-eae-7-a-48-fea-69-bc-89-a-7-dce-1 {
  flex-shrink: 0;
  width: 66px;
  height: 219px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 66/219;
}
._07-dcaec-49-eab-2722387-a-8772-adbb-7-e-4-a-1 {
  flex-shrink: 0;
  width: 63px;
  height: 220px;
  position: relative;
  object-fit: cover;
}
._664-f-211015379-d-3-c-394-af-87-db-8-ac-7723-1 {
  flex-shrink: 0;
  width: 63px;
  height: 220px;
  position: relative;
  object-fit: cover;
}