/* =========================================================
   Podstrona: Nasz stack technologiczny
   (bloki „tekst + grafika” w nieco innej skali)
   ========================================================= */

.stack-list .content-media-section {
  --content-media-height: 510px;
}

.stack-list .content-media-copy {
  gap: 20px;
}

.stack-list .content-media-title {
  font-size: 34px;
}

.stack-list .content-media-description,
.stack-list .content-media-description p,
.stack-list .content-media-description li {
  font-size: 20px;
}

/* Blok o Flutterze ma więcej tekstu, więc mniejszy stopień pisma */
.stack-list .content-media-description--small,
.stack-list .content-media-description--small p,
.stack-list .content-media-description--small li {
  font-size: 15px;
}

@media (max-width: 1200px) {
  .stack-list .content-media-copy {
    gap: 18px;
  }

  .stack-list .content-media-title {
    font-size: 32px;
  }

  .stack-list .content-media-description,
  .stack-list .content-media-description p,
  .stack-list .content-media-description li {
    font-size: 16px;
  }

  .stack-list .content-media-description--small,
  .stack-list .content-media-description--small p,
  .stack-list .content-media-description--small li {
    font-size: 12px;
  }
}

@media (max-width: 960px) {
  .stack-list .content-media-description,
  .stack-list .content-media-description p,
  .stack-list .content-media-description li,
  .stack-list .content-media-description--small,
  .stack-list .content-media-description--small p,
  .stack-list .content-media-description--small li {
    font-size: clamp(0.48rem, 1.5vw, 0.62rem);
  }
}