/* ==========================================================================
   showcase.css – „Nasze ukończone projekty." + mockup iPada (Figma y 900–2100)
   ========================================================================== */

.showcase { padding: 56px 0 24px; }
.showcase__title { padding-inline: 20px; }
.showcase .line-h { margin-top: 20px; }
.showcase__device { width: 100%; max-width: 1320px; margin: 24px auto 0; }

@media (min-width: 700px) {
  .showcase { padding: 80px 0 40px; }
  .showcase__title { font-size: clamp(36px, 4.4vw, 48px); }
  .showcase .line-h { margin-top: 28px; }
  .showcase__device { width: min(100%, 1100px); margin-top: 24px; }
}

@media (min-width: 1280px) {
  .showcase { --h: 1200; padding: 0; }
  .showcase__title { padding: 0; font-size: calc(48 * var(--u)); letter-spacing: calc(.96 * var(--u)); line-height: 1; text-wrap: nowrap; }
  .showcase .line-h { width: calc(var(--w) * var(--u)); margin: 0; height: calc(3 * var(--u)); }
  .showcase__device { margin: 0; max-width: none; width: calc(var(--w) * var(--u)); }
}