/* Wspólna skala portretów na Home. Arkusz ładowany po stylach obu sekcji. */
.badanie,
.zaproszenie {
  --home-portrait-width: min(100%, 34rem);
}

.badanie__split { padding-inline: var(--gutter); }
.badanie__col { display: flex; align-items: center; justify-content: center; }

.badanie__figure,
.zaproszenie__figure {
  width: var(--home-portrait-width);
  max-width: none;
  margin-inline: auto;
  align-self: center;
}

.badanie__media,
.zaproszenie__media {
  flex: none;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 4 / 5;
}

.badanie__panel { padding: clamp(2rem, 3vw, 3rem); }
.badanie__foot { margin-top: 2rem; padding-top: 2rem; }

@media (max-width: 1023px) {
  .zaproszenie__in { display: block; }
  .zaproszenie__list { max-width: none; }
  .zaproszenie__figure { margin-top: clamp(2.5rem, 5vw, 3.5rem); }
}

@media (min-width: 1024px) {
  .badanie,
  .zaproszenie { --home-portrait-width: clamp(22rem, 38vw, 34rem); }

  .badanie__split { grid-template-columns: var(--home-portrait-width) minmax(0, 1fr); }
  .zaproszenie__in {
    grid-template-columns: minmax(0, 1fr) var(--home-portrait-width);
    column-gap: clamp(2rem, 4vw, 3.5rem);
  }
  .zaproszenie__list { align-self: center; }
}