/* Produkcja: zdjecie, wstep, film o produkcji, laboratorium, film o laboratorium. Wartosci z PROD (1339 i 709). */

.production-photo {
  min-height: 34.833vw;
  background: url("/assets/img/QUALITY_PHOTO4.webp") top center / cover no-repeat;
}

/* --- Wstep --- */
.production-intro {
  padding: 172px 20px 220px;
  background: var(--color-primary) url("/assets/img/Ellipse-3.svg") no-repeat 13% 5vw;
  color: var(--color-white);
}
.production-intro__inner { align-items: center; }
.production-intro__box {
  position: relative;
  width: 53.009vw;
  max-width: 53.009vw;
}
.production-intro__title {
  margin-bottom: 20px;
  font-size: 2.3rem;
  font-weight: 700;
}
.production-intro__text,
.production-intro__more {
  font-family: var(--font);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}
.production-intro__text { margin: 0; }

/* EN: szerszy blok z wcieciem, wyrownany do lewej, plus drugi akapit */
.page--en .production-intro__box,
.production-intro__more {
  align-self: flex-start;
  width: 58.009vw;
  max-width: 58.009vw;
  padding-left: 6vw;
}
.page--en .production-intro__box { margin-bottom: 10px; }
.production-intro__more { position: relative; }

/* --- Pasy z filmem --- */
.video-band { min-height: 42.188vw; }
.video-band--production { background: url("/assets/img/Krotkie-VIDEO-O-PRODUKCJI-1.webp") 50% 50% / cover; }
.video-band--lab { background: url("/assets/img/VIDEO-O-LABORATORIUM-1.webp") 50% 50% / cover; }

/* --- Laboratorium: zdjecie po prawej (49%), grafika z kolami jako nakladka --- */
.lab {
  --band-width: 59.028vw;
  padding: 0 20px;
  background: url("/assets/img/zdjecie_lab-1.webp") no-repeat 100% 0 / 49% 100%;
}
.lab::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/assets/img/Group-6.svg") no-repeat 2.5% 74%;
}
.lab__inner { flex-direction: row; }
.lab__col {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 45%;
  padding: 50px 0 125px;
}
.lab__title {
  position: relative;
  margin: 0 0 48px;
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-primary);
}
.lab__item { position: relative; margin: 0 0 10px 10px; color: var(--color-primary); }
.lab__item-title { margin-bottom: -5px; font-weight: 700; }
.lab__item-text {
  margin: 0;
  font-family: var(--font);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}
.page--en .lab__item-title { font-weight: 600; }
.page--en .lab__item--first .lab__item-title { font-size: 1.5rem; }

@media (min-width: 1025px) {
  .production-intro__box { margin-right: 6.366vw; }
}

@media (max-width: 1024px) {
  .production-intro { padding: 50px 20px; background-position: 0 0; }
  .production-intro__box,
  .page--en .production-intro__box,
  .production-intro__more { width: 100%; max-width: 100%; }
  .lab { --band-width: 100%; background-position: -100% 0; }
  .lab::before { background-position: 100% 270%; }
  .lab__col { width: 100%; }
}

@media (max-width: 767px) {
  .production-photo,
  .video-band { min-height: 350px; }
  .production-intro { background-size: 0 auto; }
  .lab { --band-width: var(--content-width); background-position: 200% 0; }
  .lab::before { background-position: 100% 240%; }
}