/* Desktop varianta hera (od 900 px) — text vlevo, fotka hero2 přes celé hero se závojem. Mobil beze změny. */
@media (min-width: 900px) {
  .hero--split .hero-inner {
    max-width: var(--container-max);
    margin-inline: auto;
    align-items: flex-start;
    text-align: left;
  }
  .hero--split .hero-inner > * { max-width: min(42rem, 52vw); }
  .hero--split .hero-inner .eyebrow { justify-content: flex-start; }
  .hero--split .hero-actions { justify-content: flex-start; }

  /* Na desktopu místo pravé fotky schodiste-hero2.jpg přes celé hero
     (předchozí verze: pravá fotka width: 45%; závoj 18% / 52%) */
  .hero--split .hero-photo--left,
  .hero--split .hero-photo--right { display: none; }
  .hero--split .hero-photo--wide {
    left: 0;
    width: 100%;
  }
  .hero--split .hero-photo--wide img {
    filter: none;
    /* Posunutá výš — víc je vidět spodní část fotky (výchozí 50%) */
    object-position: center 65%;
  }
  /* Závoj: výrazný pod textem, za koncem textu se vytrácí
     (předchozí verze: bg 0–20 %, do ztracena 100 %, opacity 0.9) */
  .hero--split .hero-photo--wide::after {
    /* Plynulý (ease-out) přechod bez viditelného zlomu */
    background: linear-gradient(to right,
      rgba(247, 243, 238, 1) 0%,
      rgba(247, 243, 238, 1) 42%,
      rgba(247, 243, 238, 0.95) 45%,
      rgba(247, 243, 238, 0.82) 48%,
      rgba(247, 243, 238, 0.64) 52%,
      rgba(247, 243, 238, 0.45) 56%,
      rgba(247, 243, 238, 0.28) 60%,
      rgba(247, 243, 238, 0.15) 64%,
      rgba(247, 243, 238, 0.06) 68%,
      rgba(247, 243, 238, 0) 72%);
    opacity: 1;
  }
}