body > header.w {
  width: min(1720px, calc(100% - 96px));
}

.site-hero {
  width: min(1720px, calc(100% - 96px));
  height: calc(100vh - 82px);
  min-height: 720px;
  max-height: 900px;
  grid-template-columns: minmax(650px, .96fr) minmax(720px, 1.04fr);
  gap: 16px;
  padding-block: 52px 38px;
}

.hero-backdrop {
  content: url('./hero-headphones.jpg');
}

.market-row:first-child img {
  content: url('./wildberries-logo.png');
}

.market-row:nth-child(2) img {
  content: url('./ozon-logo.png');
}

.hero-visual .note-competition::before {
  background-image: url('./competition-chart.jpg') !important;
}

.hero-visual .note-profit::before {
  background-image: url('./profit-chart.jpg') !important;
}

.site-hero .hero-copy {
  align-self: center;
  padding-bottom: 2px;
}

.site-hero h1 {
  max-width: 760px;
  margin: 28px 0 28px;
  font-size: clamp(72px, 4.65vw, 90px);
  line-height: .98;
  letter-spacing: -.065em;
}

.site-hero h1 span {
  white-space: nowrap;
}

.site-hero .lead {
  max-width: 720px;
  font-size: 20px;
  line-height: 1.58;
}

.site-hero .actions {
  margin-top: 30px;
}

.site-hero .button {
  min-height: 60px;
  padding-inline: 22px;
  font-size: 17px;
  border-radius: 11px;
}

.site-hero .hero-benefits {
  gap: 26px;
  margin-top: 30px;
  font-size: 16px;
}

.hero-visual {
  min-height: 620px;
}

.hero-verdict {
  top: 118px;
  right: 28px;
  width: 500px;
  padding: 24px;
  border-radius: 23px;
}

.hero-verdict h2 {
  margin-top: 24px;
  font-size: 32px;
}

.hero-verdict > p {
  max-width: 380px;
  font-size: 14px;
}

.verdict-stats {
  margin-top: 24px;
}

.verdict-stats div {
  padding: 13px;
}

.verdict-stats strong {
  font-size: 20px;
}

.market-row {
  padding: 11px 14px;
}

.hero-visual .note-demand {
  top: 30px !important;
  left: -22px !important;
}

.hero-visual .note-competition {
  top: 28px !important;
  right: -4px !important;
}

.hero-visual .note-profit {
  top: 430px !important;
  left: -36px !important;
}

.radar-dot {
  right: 62px;
  top: 108px;
}

@media (max-width: 1500px) {
  body > header.w,
  .site-hero { width: min(1380px, calc(100% - 48px)); }
  .site-hero {
    grid-template-columns: minmax(570px, .98fr) minmax(610px, 1.02fr);
  }
  .site-hero h1 { font-size: 72px; }
  .hero-verdict { right: 0; width: 470px; }
  .hero-visual .note-demand { left: -12px !important; }
  .hero-visual .note-profit { left: -24px !important; }
}

@media (max-width: 1100px) {
  body > header.w,
  .site-hero { width: min(1040px, calc(100% - 32px)); }
  .site-hero {
    grid-template-columns: 1fr;
    height: auto;
    min-height: auto;
    max-height: none;
  }
  .site-hero h1 { font-size: 68px; }
  .site-hero h1 span { white-space: normal; }
  .hero-visual { min-height: 670px; }
  .hero-verdict { top: 150px; right: 3%; width: min(500px, 94%); }
}

@media (max-width: 620px) {
  body > header.w,
  .site-hero { width: min(100% - 24px, 1720px); }
  .site-hero { padding-top: 44px; }
  .site-hero h1 { margin-block: 22px 20px; font-size: 52px; }
  .site-hero .lead { font-size: 17px; }
  .site-hero .button { min-height: 54px; font-size: 15px; }
  .site-hero .hero-benefits { gap: 11px; font-size: 14px; }
  .hero-verdict { top: 145px; right: 0; width: 100%; }
  .hero-visual .note-profit { left: 0 !important; }
}
.hero-visual .note-competition::before{background-image:url('./competition-chart.jpg')!important}
.hero-visual .note-profit::before{background-image:url('./profit-chart.jpg')!important}