/* VOICE PORTAL 008.5 — wyłącznie łagodniejsze przejście zdjęcia Jeepa.
   Oryginalny /voice-jeep-0083.webp i wszystkie inne pliki pozostają nienaruszone.
   Reguły dotyczą tylko desktopu, na telefonie zostaje zaakceptowany układ 008.4. */
@media (min-width: 921px) {
  .hero::before {
    /* Nie zaczynamy zdjęcia pod samą krawędzią napisu. Dodajemy nieco przestrzeni
       na stopniowe zanikanie tylnego koła/drzwi; przód Jeepa i mural zostają ostre. */
    left: 34%;
    background-position: left center;
    -webkit-mask-image: linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.025) 9%,
      rgba(0,0,0,.13) 18%,
      rgba(0,0,0,.35) 29%,
      rgba(0,0,0,.68) 41%,
      rgba(0,0,0,.91) 53%,
      #000 64%);
    mask-image: linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.025) 9%,
      rgba(0,0,0,.13) 18%,
      rgba(0,0,0,.35) 29%,
      rgba(0,0,0,.68) 41%,
      rgba(0,0,0,.91) 53%,
      #000 64%);
  }
  /* Duży miękki gradient, bez pionowego cięcia przy tylnej części samochodu. */
  .hero::after {
    background: linear-gradient(90deg,
      #f9fcff 0%,
      #f9fcff 29%,
      rgba(249,252,255,.98) 33%,
      rgba(249,252,255,.85) 37%,
      rgba(249,252,255,.62) 41%,
      rgba(249,252,255,.36) 46%,
      rgba(249,252,255,.12) 51%,
      rgba(249,252,255,0) 57%);
  }
}
