/* Projekt: Cech Rzemieślników i Przedsiębiorców w Radomiu - strona WWW
   Autor: KamikStudio - Patryk Dariusz Kowalski (ps. Kamik)
   Web: https://kamikstudio.pl, Email: biuro@kamikstudio.pl
   Data: 2026-09-28, Wersja: 1.1
   Opis: Strona główna - hero z paskiem danych biura, tabela kwot nauki zawodu. */

.hero { padding-block: clamp(32px, 3vw + 16px, 64px) 0; }
.hero__siatka { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 40px clamp(32px, 5vw, 72px); align-items: center; }
.hero h1 { max-width: 16ch; color: var(--zielen); }
.hero .lid { margin-top: 20px; max-width: 54ch; color: var(--atrament); }
.hero__zdjecie img { aspect-ratio: 5 / 4; object-position: 60% center; }
.hero__dane { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: clamp(32px, 3vw, 48px); border: 1px solid var(--linia); border-radius: var(--r-duzy); background: var(--tlo); }
.hero__dane li { display: flex; align-items: flex-start; gap: 14px; padding: 20px 24px; }
.hero__dane li + li { border-left: 1px solid var(--linia); }
.hero__dane .ikona { flex: none; width: 28px; height: 28px; color: var(--zielen); }
.hero__dane span { display: grid; gap: 2px; }
.hero__dane strong { font-size: 0.9rem; font-weight: 600; color: var(--tekst-cichy); }
.hero__dane a { font-weight: 700; font-size: 1.1rem; text-decoration: none; }
.hero + .sekcja { margin-top: clamp(40px, 3vw + 16px, 64px); }

.liczby td { width: 30%; font-family: var(--naglowki); font-size: 1.5rem; font-weight: 700; color: var(--zielen); white-space: nowrap; }

@media (max-width: 960px) {
  .hero__siatka { grid-template-columns: 1fr; }
  .hero h1 { max-width: 20ch; }
  .hero__dane { grid-template-columns: 1fr; }
  .hero__dane li + li { border-left: 0; border-top: 1px solid var(--linia); }
}

@media (max-width: 560px) {
  .hero__zdjecie img { aspect-ratio: 4 / 3; }
}