/* Текстовый блок hero прижат к левому краю и к низу кадра. */

.hero-page .hero-full__text,
body.hero-page .hero-full--operator .hero-full__text {
  align-self: start;
  width: 100%;
  max-width: min(820px, 74vw);
  text-align: left;
}

body.hero-page .hero-full--operator .hero__actions {
  justify-content: flex-start;
  margin-inline: 0;
}

/* Затемнение сосредоточено под текстом: фотография справа и в верхней части
   остается открытой, а белая типографика не теряется на деревьях и корпусах. */
body.hero-page .hero-full--operator .hero-full__scrim {
  display: block;
  background:
    radial-gradient(
      ellipse 88% 82% at 8% 100%,
      rgba(12, 13, 11, .86) 0%,
      rgba(12, 13, 11, .74) 32%,
      rgba(12, 13, 11, .48) 56%,
      rgba(12, 13, 11, .16) 75%,
      rgba(12, 13, 11, 0) 100%
    ),
    linear-gradient(
      0deg,
      rgba(12, 13, 11, .48) 0%,
      rgba(12, 13, 11, .16) 42%,
      rgba(12, 13, 11, 0) 68%
    );
}

body.hero-page .hero-full--operator .hero-full__proof {
  max-width: 60ch;
  margin: 0;
  color: var(--on-dark);
  font-size: clamp(var(--fs-body), 1.3vw, var(--fs-lead));
  line-height: 1.5;
}

/* Подзаголовок держит тот же левый край, что и заголовок. */
body.hero-page .hero-full--operator .hero-full__qualification {
  max-width: 46ch;
  margin-top: var(--s24);
  margin-inline: 0;
  color: var(--on-dark);
  font-size: clamp(var(--fs-body), 1.15vw, var(--fs-lead));
  line-height: 1.45;
}

body.hero-page .hero-full--operator[data-hero-copy-variant="1"] .hero-full__qualification {
  max-width: 46ch;
  margin: 0 0 18px;
  color: var(--on-dark);
  font-size: var(--fs-body);
  line-height: 1.45;
}

body.hero-page .hero-full--operator[data-hero-copy-variant="2"] .hero-full__proof {
  max-width: 64ch;
}

body.hero-page .hero-full--operator[data-hero-copy-variant="2"] .hero-copy__line {
  display: block;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .hero-page .hero-full__text,
  body.hero-page .hero-full--operator .hero-full__text {
    max-width: 100%;
  }

  body.hero-page .hero-full--operator .hero__actions--single {
    grid-template-columns: minmax(0, 1fr);
    width: min(100%, 340px);
  }

  body.hero-page .hero-full--operator .hero-full__scrim {
    background: linear-gradient(
      0deg,
      rgba(12, 13, 11, .94) 0%,
      rgba(12, 13, 11, .78) 48%,
      rgba(12, 13, 11, .38) 76%,
      rgba(12, 13, 11, .06) 100%
    );
  }

  body.hero-page .hero-full--operator .hero-full__proof {
    max-width: 36rem;
    font-size: clamp(14px, 4vw, var(--fs-body));
    line-height: 1.42;
  }

  body.hero-page .hero-full--operator[data-hero-copy-variant="2"] .hero-copy__line {
    display: inline;
    white-space: normal;
  }
}