.sh1-hero--art {
  
  
  
  --art-запас: 1.3;
  --art-k: max(0.82, min(calc(100vw / 1200px),
                         calc(100svh / (var(--art-h) * var(--art-запас) * 1px))));
  position: relative;
  
  
  
  height: max(calc(var(--art-h) * 1px * var(--art-k)), 100svh);
  
  overflow: clip;
  padding: 0;
  min-height: 0;
}

.sh1-hero--art > .sh1-hero__art {
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  width: 1200px;
  height: calc(var(--art-h) * 1px);
  transform: scale(var(--art-k));
  transform-origin: 0 0;
}


.sh1-hero--art > .sh1-hero__art > h1 {
  position: static;
  margin: 70px 0 0 38px;
}
.sh1-hero--art > .sh1-hero__art > ul,
.sh1-hero--art > .sh1-hero__art > div {
  position: static;
  margin: 20px 0 0 39px;
}


.sh1-hero--art > .sh1-hero__art > .yandex-btn--telegram,
.sh1-hero--art > .sh1-hero__art > .yandex-audit-link {
  position: static;
  
  
  float: left;
  clear: none;
  width: calc(var(--w) * 1px) !important;
  margin: 26px 56px 0 39px;
}
.sh1-hero--art > .sh1-hero__art > .yandex-audit-link { margin-left: 0; }

.sh1-hero--art > .sh1-hero__art::after {
  content: "";
  display: block;
  clear: both;
}


.sh1-hero--art > .sh1-hero__art > * {
  position: absolute;
  left: calc(var(--x) * 1px);
  top: calc(var(--y) * 1px);
  width: calc(var(--w) * 1px);
  margin: 0;
  font-size: var(--fs, inherit);
}

.sh1-hero--art h1 {
  
  line-height: 1.058;
  font-weight: 700;
  letter-spacing: normal;
}

.sh1-hero--art ul {
  list-style: none;
  padding: 0 0 0 24px;
  line-height: 1.6;
  font-weight: 500;
}
.sh1-hero--art ul li { position: relative; margin: 0 0 6px; }
.sh1-hero--art ul li::before {
  content: '';
  position: absolute;
  left: -24px;
  top: .55em;
  width: 12px;
  height: 12px;
  background: #e68125;
  border-radius: 3000px;
}


.sh1-hero--art .yandex-btn--telegram {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: var(--h, 50px);
  padding: 0 18px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  background: #e68125;
  border-radius: 8px;
  text-decoration: none;
}
.sh1-hero--art .yandex-btn--telegram img { width: 34px; height: 34px; }
.sh1-hero--art .yandex-audit-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: inherit;
  text-decoration: none;
  white-space: normal;
}
.sh1-hero--art .yandex-audit-link span {
  width: 108px;
  line-height: 1.15;
}
.sh1-hero--art .yandex-audit-link b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  font-size: 16px;
  color: #fff;
  background: #e68125;
  border-radius: 50%;
}


.sh1-hero--art .sh1-hero__photo {
  height: var(--h);
  object-fit: contain;
  pointer-events: none;
}



  .sh1-hero--art {
    --art-kx: calc(100vw / 1200px);
    --art-kt: var(--art-k);
    height: 100svh;
  }
  .sh1-hero--art > .sh1-hero__art {
    top: 0;
    left: 0;
    translate: none;
    width: 100vw;
    height: 100%;
    transform: none;
  }
  .sh1-hero--art > .sh1-hero__art > * {
    font-size: calc(var(--fs, 16px) * var(--art-kt));
  }
  .sh1-hero--art > .sh1-hero__art > h1 {
    
    width: calc(var(--w) * 1px * var(--art-kx));
    margin: 6.8333333333vw 0 0 3.1666666667vw;
  }
  .sh1-hero--art > .sh1-hero__art > ul,
  .sh1-hero--art > .sh1-hero__art > div {
    width: calc(var(--w) * 1px * var(--art-kx));
    margin-left: 3.25vw;
  }
  .sh1-hero--art > .sh1-hero__art > .yandex-btn--telegram,
  .sh1-hero--art > .sh1-hero__art > .yandex-audit-link {
    width: calc(var(--w) * 1px * var(--art-kt)) !important;
    margin-left: 3.25vw;
    margin-right: calc(56px * var(--art-kt));
  }
  .sh1-hero--art > .sh1-hero__art > .yandex-audit-link {
    margin-left: 0;
  }
  .sh1-hero--art > .sh1-hero__art > .sh1-hero__photo {
    position: absolute;
    left: calc(var(--x) * 1px * var(--art-kx));
    top: calc(var(--y) * 1px * var(--art-kx));
    width: calc(var(--w) * 1px * var(--art-kx));
    height: calc(var(--h) * var(--art-kx));
    max-height: calc(100svh - 88px);
    margin: 0;
    font-size: inherit;
  }




  .sh1-hero--art > .sh1-hero__art {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    box-sizing:border-box;
    padding:6.833333vw 0 10svh 3.166667vw;
  }
  .sh1-hero--art > .sh1-hero__art > h1 {
    position:static;
    flex:0 0 auto;
    width:54vw;
    margin:0;
    font-size:4.333333vw!important;
    line-height:1.058!important;
  }
  .sh1-hero--art > .sh1-hero__art > ul {
    position:static;
    width:52vw;
    margin:1.333333vw 0 0 .083333vw;
    font-size:clamp(20px,1.4vw,27px)!important;
    line-height:1.35;
  }
  .sh1-hero--art > .sh1-hero__art > div {
    position:static;
    display:flex!important;
    flex:1 1 auto;
    flex-direction:column!important;
    width:52vw;
    min-height:0;
    margin:1.333333vw 0 0 .083333vw;
    gap:clamp(16px,1vw,19px)!important;
  }
  .sh1-hero--art > .sh1-hero__art > div > p {
    font-size:clamp(22px,1.5vw,29px)!important;
    line-height:1.25!important;
  }
  .sh1-hero--art > .sh1-hero__art > div > ul,
  .sh1-hero--art > .sh1-hero__art > div > ul li {
    font-size:clamp(20px,1.4vw,27px)!important;
    line-height:1.25!important;
  }
  .sh1-hero--art > .sh1-hero__art > div > div {
    margin-top:auto!important;
    gap:2.416667vw!important;
  }
  .sh1-hero--art .yandex-btn--telegram,
  .sh1-hero--art .yandex-audit-link {
    font-size:clamp(17px,1vw,20px)!important;
  }
  .sh1-hero--art .yandex-btn--telegram {
    width:16.25vw!important;
    height:4.1vw!important;
    min-height:56px;
  }
  .sh1-hero--art > .sh1-hero__art > .yandex-btn--telegram,
  .sh1-hero--art > .sh1-hero__art > .yandex-audit-link {
    position:absolute;
    top:auto!important;
    left:calc(var(--x) * 1px * var(--art-kx));
    bottom:12svh;
    margin:0;
    float:none;
  }
  
  .sh1-hero--plain > .sh1-hero__art > div > p {
    font-size:clamp(21px,1.35vw,26px)!important;
  }
  .sh1-hero--plain > .sh1-hero__art > h1 {
    width:60vw;
    font-size:4vw!important;
  }
  .sh1-hero--plain > .sh1-hero__art > div > ul,
  .sh1-hero--plain > .sh1-hero__art > div > ul li {
    font-size:clamp(19px,1.25vw,24px)!important;
    line-height:1.22!important;
  }