/* ============================================================
   Global responsive tweaks
   ============================================================ */

@media (max-width: 599px) {
  :root {
    --section-padding-y: clamp(32px, 10vw, 56px);
    --page-margin: 16px;
  }

  h1 { font-size: 1.6rem; }
  h2 { font-size: 1.2rem; }
  .page-intro p { font-size: 1rem; }
}

@media (min-width: 600px) and (max-width: 1023px) {
  :root { --grid-gap: 8px; }
}

@media (min-width: 1600px) {
  :root { --content-max-width: 1600px; }
}

/* Hero Ken Burns — reduced amplitude on mobile */
@media (max-width: 767px) {
  .hero-slide:nth-child(4n+1) img { --kb-tx: -0.8%; --kb-ty: -0.5%; }
  .hero-slide:nth-child(4n+2) img { --kb-tx: 0.8%;  --kb-ty: 0.5%; }
  .hero-slide:nth-child(4n+3) img { --kb-tx: 0.8%;  --kb-ty: -0.8%; }
  .hero-slide:nth-child(4n+4) img { --kb-tx: -0.8%; --kb-ty: 0.8%; }

  .hero-slide.is-zooming img {
    transform: scale(1.04) translate3d(var(--kb-tx), var(--kb-ty), 0);
  }
}

/* Home page projekty grid — 4-in-a-row on desktop */
@media (min-width: 1024px) {
  .project-grid--home { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 1023px) {
  .project-grid--home { grid-template-columns: repeat(2, 1fr); }
}

/* Print */
@media print {
  .site-header,
  .site-footer,
  .hero-slider,
  .lightbox,
  .mobile-nav { display: none !important; }

  body { background: white; color: black; }
  .container { max-width: none; padding: 0; }
  .project-tile__image { filter: none !important; }
}