/* Вариант с фотографией: на месте дома — снимок, без наведения и круга.
   Снимок стоит В ПОТОКЕ, а не поверх блока: высоту дому задавала сцена,
   которой здесь нет, и абсолютная картинка оставила бы блок нулевой высоты. */
.hero-art.hero-art-diagram .clinic-photo{position:relative;display:block;
  width:100%;height:auto}
.hero-art.hero-art-diagram{height:auto;min-height:0;aspect-ratio:auto;
  cursor:default}

/* У снимка сверху есть прозрачное поле — воздух над головой. Из-за него
   кадр выше, чем у варианта с домом, поэтому и экран тут чуть выше. */
@media (min-width:1024px){
  .hero{min-height:clamp(560px,calc(100svh - 76px),620px)}
}

/* Размер и место снимка.
   Из кадра срезана пустая четверть слева — раньше она превращалась на
   странице в дыру между заголовком и женщиной. Кроме этого сдвигаем
   сам блок от правого края внутрь: иначе, чтобы дотянуться до текста,
   снимок пришлось бы раздувать, и у неё выходил за край локоть.
   Сдвиг в процентах, а не в пикселях, чтобы на узких экранах он
   уменьшался вместе с остальным. */
@media (min-width:1440px){
  .hero-art.hero-art-clinic.hero-art-diagram{width:46%;right:6%}
}
@media (min-width:1200px) and (max-width:1439px){
  .hero-art.hero-art-clinic.hero-art-diagram{width:44%;right:6%}
}
@media (min-width:1024px) and (max-width:1199px){
  .hero-art.hero-art-clinic.hero-art-diagram{width:46%;right:5%}
}

/* Подпись «Данные демонстрационные…» относится к рентгену дома, а на
   снимке цифр нет. В одностраничнике её вырезает сборка, а в Тильде
   блок вставлен руками — поэтому прячем стилем, без перевставки. */
.clinic-diagram-hint{display:none}

/* Кнопка тянулась во всю ширину колонки и выглядела бревном.
   Делаем по размеру надписи; стрелку отодвигаем от текста отступом,
   потому что растягивать её теперь нечем. */
@media (min-width:761px){
  .hero-copy .cta{width:auto;align-self:flex-start;gap:48px}
}

/* На телефоне кадр во всю ширину. Сверху у него прозрачное поле —
   воздух над головой; на широком экране он нужен, а на телефоне из-за
   него первый экран не влезал в высоту. Поэтому снимок чуть уже (82%)
   и поднят отрицательным отступом: поле подрезается, немного воздуха
   над головой остаётся. */
@media (max-width:760px){
  .hero-art.hero-art-diagram .clinic-photo{width:82%;margin:-5% auto 0}
  .hero{padding-bottom:20px}
}