.logo {
    height: auto; /* Adjust height as needed */
    width: 80%; /* Maintain aspect ratio */
}

.about,
.about * {
  box-sizing: border-box;
}
.about {
  background: #ffffff;
  height: 136.0vw;
  position: relative;
  overflow: hidden;
}
.div {
  color: rgba(0, 0, 0, 0.65);
  text-align: left;
  font-family: var(--title-font-family, "Inter-Bold", sans-serif);
  font-size: var(--title-font-size, 4.571428571428571vw);
  letter-spacing: var(--title-letter-spacing, -0.02em);
  font-weight: var(--title-font-weight, 700);
  position: absolute;
  left: 9.357142857142858vw;
  top: 40.57142857142857vw;
  width: 42.214285714285715vw;
  height: 5.285714285714286vw;
}
.sokolart-studio-2025 {
  color: rgba(0, 0, 0, 0.72);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.4285714285714286vw;
  line-height: 150%;
  font-weight: 500;
  position: absolute;
  left: 9.785714285714286vw;
  top: 49.92857142857143vw;
  width: 49.0vw;
  height: 73.28571428571429vw;
}
.heading {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s, 1.7142857142857142vw);
  align-items: flex-start;
  justify-content: flex-start;
  width: 45.42857142857143vw;
  height: 3.0vw;
  position: absolute;
  left: 64.14285714285714vw;
  top: 92.57142857142857vw;
}
.heading2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s, 1.7142857142857142vw);
  align-items: flex-start;
  justify-content: flex-start;
  width: 50.214285714285715vw;
  height: 3.142857142857143vw;
  position: absolute;
  left: 64.14285714285714vw;
  top: 100.42857142857143vw;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, -1);
}
.heading3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s, 1.7142857142857142vw);
  align-items: flex-start;
  justify-content: flex-start;
  width: 22.857142857142858vw;
  height: 4.5vw;
  position: absolute;
  left: 64.14285714285714vw;
  top: 89.28571428571429vw;
}
.heading4 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s, 1.7142857142857142vw);
  align-items: flex-start;
  justify-content: flex-start;
  width: 18.142857142857142vw;
  height: 4.5vw;
  position: absolute;
  left: 62.42857142857143vw;
  top: 96.64285714285714vw;
}
.heading5 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s, 1.7142857142857142vw);
  align-items: flex-start;
  justify-content: flex-start;
  width: 24.785714285714285vw;
  height: 4.5vw;
  position: absolute;
  left: 65.28571428571429vw;
  top: 85.64285714285714vw;
}
._20-ava-patriki-loona-bocconcino-2-ad-interior-spa-still-beauty-space-fonte-15 {
  color: rgba(0, 0, 0, 0.42);
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.4285714285714286vw;
  line-height: 150%;
  font-weight: 600;
  position: relative;
  width: 25.714285714285715vw;
  height: 5.214285714285714vw;
}
._5-psd-1 {
  width: 99.85714285714286vw;
  height: 37.785714285714285vw;
  position: absolute;
  left: 2.5vw;
  top: -4.214285714285714vw;
  object-fit: cover;
  aspect-ratio: 1398/529;
}
.studio {
  color: rgba(0, 0, 0, 0.86);
  text-align: left;
  font-family: var(
    --m3-display-large-emphasized-font-family,
    "Roboto-Medium",
    sans-serif
  );
  font-size: var(--m3-display-large-emphasized-font-size, 4.071428571428571vw);
  line-height: var(--m3-display-large-emphasized-line-height, 4.571428571428571vw);
  letter-spacing: var(--m3-display-large-emphasized-letter-spacing, -0.017857142857142856vw);
  font-weight: var(--m3-display-large-emphasized-font-weight, 500);
  position: absolute;
  left: 74.64285714285714vw;
  top: 21.571428571428573vw;
  width: 21.714285714285715vw;
  height: 4.714285714285714vw;
}
.div2 {
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 2.857142857142857vw;
  line-height: 150%;
  font-weight: 600;
  position: absolute;
  left: 2.5714285714285716vw;
  top: 34.57142857142857vw;
  width: 94.57142857142857vw;
  height: 5.0vw;
}
.div-2-span {
  color: rgba(0, 0, 0, 0.42);
}
.div-2-span2 {
  color: rgba(0, 0, 0, 0.65);
}
.button {
  background: #000000;
  border-radius: 0.5714285714285714vw;
  padding: 0.8571428571428571vw 1.7142857142857142vw 0.8571428571428571vw 1.7142857142857142vw;
  display: flex;
  flex-direction: row;
  gap: 0.5714285714285714vw;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 2.5714285714285716vw;
  bottom: 4.214285714285714vw;
  box-shadow: var(
    --button-shadow-box-shadow,
    0.0vw 0.07142857142857142vw 0.14285714285714285vw 0.0vw rgba(0, 0, 0, 0.05)
  );
}
.div3 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.7142857142857142vw;
  line-height: 150%;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button2 {
  background: #e6e6e6;
  border-radius: 0.5714285714285714vw;
  padding: 0.8571428571428571vw 1.7142857142857142vw 0.8571428571428571vw 1.7142857142857142vw;
  display: flex;
  flex-direction: row;
  gap: 0.5714285714285714vw;
  align-items: center;
  justify-content: flex-start;
  width: 87.0vw;
  height: 4.285714285714286vw;
  position: absolute;
  left:  12.571428571428571vw;
  top: 127.64285714285714vw;
  box-shadow: var(
    --button-shadow-box-shadow,
    0.0vw 0.07142857142857142vw 0.14285714285714285vw 0.0vw rgba(0, 0, 0, 0.05)
  );
}
.sokolart-studio-yandex-ru {
  color: #000000;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 2.2857142857142856vw;
  line-height: 150%;
  font-weight: 500;
  position: absolute;
  left: 69.07142857142857vw;
  top: 123.21428571428571vw;
  width: 31.0vw;
  height: 12.785714285714286vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._79163620336 {
  color: rgba(0, 0, 0, 0.99);
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 2.2857142857142856vw;
  line-height: 150%;
  font-weight: 600;
  position: absolute;
  left: 46.92857142857143vw;
  top: 127.92857142857143vw;
  width: 20.928571428571427vw;
  height: 5.0vw;
}
.t-me-mariia-v-sokolova {
  color: rgba(0, 0, 0, 0.99);
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 2.2857142857142856vw;
  line-height: 150%;
  font-weight: 600;
  position: absolute;
  left:  15.428571428571429vw;
  top: 127.85714285714286vw;
  width: 94.57142857142857vw;
  height: 5.0vw;
}
.img-20251113-153650-640-1 {
  width: 25.714285714285715vw;
  height: 42.42857142857143vw;
  position: absolute;
  left: 65.28571428571429vw;
  top: 40.714285714285715vw;
  object-fit: cover;
  aspect-ratio: 360/594;
}