/* Autorska ilustracja nagłówkowa — można podmienić plik w assets bez zmieniania układu strony. */
.hero {
  background:
    linear-gradient(120deg, rgba(255, 229, 193, .20), rgba(255, 183, 112, .10)),
    linear-gradient(90deg, rgba(38, 15, 28, .38) 0%, rgba(50, 18, 31, .20) 45%, rgba(50, 18, 31, .04) 100%),
    url('assets/romantyczny-zachod-slonca.png') center / cover no-repeat;
  background-blend-mode: screen, normal, normal;
}

.hero-box { text-shadow: 0 2px 18px rgba(31, 10, 20, .45); }
.hero .button { background: rgba(255, 248, 235, .10); border-color: #f5d99d; color: #fffaf2; }
.hero .button:hover { background: #f5d99d; color: #572434; }

@media (max-width: 760px) {
  /* W pionowym kadrze pokazujemy parę i słońce, zamiast ciemnej lewej części jeziora. */
  .hero { background-position: 78% center; }
  .hero:before, .hero:after { opacity: .45; }
}