/* pełna szerokość okna niezależnie od kontenera motywu (bez paska przewijania) */
.gof-baner {
  position: relative;
  width: calc(100vw - var(--gof-pasek, 0px));
  margin-left: calc(50% - (100vw - var(--gof-pasek, 0px)) / 2);
  height: 100vh;
  min-height: 420px;
  overflow: hidden;
  background: #222;
}

.gof-baner__tlo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: 50% 50%;
  animation: gof-baner-zoom 12s ease-out forwards;
}

.gof-baner__tresc {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  /* podpis pod logo, logo pozostaje w środku wysokości */
  padding-top: calc(clamp(16px, 3.4vw, 34px) + 30px);
}

.gof-baner .gof-baner__logo {
  width: clamp(230px, 48vw, 596px);
  height: auto;
}

.gof-baner .gof-baner__podpis {
  margin: 30px 0 0;
  color: #fff;
  font-family: "Roboto Slab", serif;
  font-weight: 300;
  font-size: clamp(16px, 3.4vw, 34px);
  line-height: 1;
  letter-spacing: -1px;
  text-align: center;
  text-shadow: 2px 2px 1px #000;
}

@keyframes gof-baner-zoom {
  from { transform: scale(1); }
  to { transform: scale(1.1); }
}

@media (prefers-reduced-motion: reduce) {
  .gof-baner__tlo { animation: none; }
}