/* Jedno spójne tło HERO, oryginalna panorama zachowana w grafice. */
.hero {
  position: relative;
  overflow: hidden;
  background-color: #e9f2fc;
  background-image: url("../assets/img/hero-energetyk-2026.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero::before,.hero::after,.hero-copy::before,.hero-media::before,.hero-media::after { content: none !important; }
.hero-grid { position: relative; grid-template-columns: minmax(0, 1fr); min-height: 610px; padding-right: max(32px,calc((100vw - var(--container))/2)); }
.hero-copy { position: relative; z-index: 2; max-width: 640px; padding-top: 70px; padding-bottom: 70px; }
.hero-media { display: none; }
@media (min-width: 1500px) { .hero-grid { min-height: 680px; } }
@media (max-width: 1024px) {
  .hero { background-position: 55% center; }
  .hero-grid { min-height: 570px; padding-left: 28px; padding-right: 28px; }
  .hero-copy { max-width: 54%; padding: 56px 0; }
}
@media (max-width: 767px) {
  .hero { background-image: linear-gradient(180deg,rgba(244,249,255,.97),rgba(232,241,253,.94)); }
  .hero-grid { display: flex; flex-direction: column; min-height: 0; padding: 0 20px; }
  .hero-copy { max-width: 100%; padding: 42px 0 16px; }
  .hero-media { display: block; width: 100%; margin: 0; padding: 0 0 20px; }
  .hero-media img { width: 100%; height: auto; object-fit: contain; }
}

/* Kolor nagłówka HERO zgodny ze złotym akcentem: #e1b548 */
.hero .hero-copy h1,
.hero .hero-copy h1 span { color: #e1b548; }