.section--gradient {
  background: var(--gradient-section);
}

.section--contact {
  background: var(--gradient-contact);
}

.align-center {
  text-align: center;
  align-items: center;
}

.split {
  display: grid;
  grid-template-columns: repeat(var(--split-cols), minmax(0, 1fr));
  gap: var(--split-gap);
  align-items: center;
}

@media (max-width: 1180px) {
  .page-split {
    --split-cols: 2;
  }

  .page-split .page-section__content {
    grid-column: 1;
    grid-row: 1;
  }

  .page-split .photo-pair {
    grid-column: 2;
    grid-row: 1;
  }

  .page-split {
    align-items: flex-start;
  }

  .home-split {
    --split-cols: 2;
  }

  .home-split .home-about__content,
  .home-split .home-krakow__content {
    grid-column: 1;
    grid-row: 1;
  }

  .home-split .photo-pair {
    grid-column: 2;
    grid-row: 1;
  }

  .home-split {
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .page-split {
    display: flex;
    flex-direction: column;
    gap: var(--space-32);
  }

  .page-split .photo-pair {
    order: 1;
  }

  .page-split .page-section__content {
    order: 2;
  }

  .page-section__content {
    --stack-gap: 24px;
  }

  .page-section__content .section-text {
    gap: var(--space-16);
  }

  .section-text {
    gap: var(--space-16);
  }

  .home-split {
    display: flex;
    flex-direction: column;
    gap: var(--space-32);
  }

  .home-split .photo-pair {
    order: 1;
  }

  .home-split .home-about__content,
  .home-split .home-krakow__content {
    order: 2;
  }

  .home-testimonials__left {
    --stack-gap: var(--space-16);
  }

  .page-split .photo-pair--right,
  .home-split .photo-pair--right {
    margin-inline: auto;
  }

  .home-krakow__content {
    --stack-gap: 24px;
  }

  .home-about__content {
    --stack-gap: 24px;
  }
}

.section-text {
  display: flex;
  flex-direction: column;
  gap: var(--space-32);
}

.section-body {
  display: flex;
  flex-direction: column;
  gap: var(--section-body-gap);
}

.hero {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.hero__image {
  position: absolute;
  inset: var(--space-0);
  width: var(--size-full);
  height: var(--size-full);
  object-fit: cover;
}

.hero__content {
  position: relative;
  text-align: var(--hero-home-align);
  max-width: var(--hero-home-content-width);
}

.hero__container {
  position: relative;
  padding-block: var(--hero-home-padding-y);
}

.hero__body {
  max-width: var(--hero-home-body-width);
}

.hero__actions {
  display: flex;
  flex-direction: var(--hero-actions-direction);
  align-items: var(--hero-actions-align);
  gap: var(--hero-actions-gap);
}

.hero--home {
  min-height: var(--hero-home-min-height);
  align-items: flex-start;
}

.hero--page .hero__content {
  max-width: var(--hero-page-content-width);
  text-align: left;
}