/* ==========================================================================
   Podstrona O nas - zamkniecie (.onas-podpis)
   Zamkniecie listu, nie karta autora: hairline przez cala szerokosc, zdanie
   domykajace zlozone stopniem posrednim i podpis w lewym marginesie.

   Podpis nie moze stac sam. Samo nazwisko na papierze konczy strone w polowie
   mysli - dlatego niesie je zdanie o okularach, ktorych przestaje sie
   zauwazac. Jest to celowo INNA mysl niz zdanie zamykajace sekcje "O nas"
   na stronie glownej: podstrona jest miejscem, do ktorego prowadzi "Poznaj
   nas blizej", wiec nie moze konczyc sie tym samym akapitem.

   Podpis stoi bez zdjecia i bez portretu obok. Fotografie w assets/img
   sa generowanymi placeholderami, wiec zadna twarz nie moze byc podpisana
   imieniem i nazwiskiem - to jest powod ukladu, nie estetyka.
   ========================================================================== */

.onas-podpis {
  padding-top: var(--section);
  /* Niecale dwie trzecie pauzy sekcyjnej. Ponizej stoi juz ciemne CTA ze
     stopki, wiec pelne var(--section) zostawialo pod podpisem ok. 140 px
     martwego papieru. Po scieciu zostaje ok. 60 px - tyle, zeby podpis
     nie dotykal ciemnego pasa, i ani piksela wiecej. */
  padding-bottom: calc(var(--section) * 0.6);

  /* Te same wartosci co w sekcji blokow - kolumna tresci ma stanac
     w tej samej siatce, inaczej podpis odjezdza w bok wzgledem CTA nad nim. */
  --inset: clamp(1.5rem, 2.6vw, 2.5rem);
  --rail: 3.5rem;
}

.onas-podpis__body { margin-top: clamp(2.25rem, 5vw, 3.5rem); }

/* --- Zdanie zamykajace --------------------------------------------------- */
/* Ostatnie zdanie strony idzie stopniem posrednim miedzy tekstem a naglowkiem
   bloku: ma domykac mysl, ale nie konkurowac z h1 u gory. */
.onas-podpis__statement {
  max-width: 34ch;
  font-weight: 300;
  font-size: clamp(1.3rem, 1rem + 1.35vw, 2.05rem);
  line-height: 1.34;
  letter-spacing: -0.014em;
  text-wrap: pretty;
}

/* --- Podpis -------------------------------------------------------------- */
.onas-podpis__sign { margin-top: clamp(2rem, 4.5vw, 2.75rem); }

/* Krotka kreska nad imieniem - jedyny fiolet w tej sekcji. */
.onas-podpis__mark {
  display: block;
  width: 2.75rem;
  height: 1px;
  margin-bottom: clamp(1rem, 2.2vw, 1.35rem);
  background: var(--purple);
}

.onas-podpis__name {
  display: block;
  font-size: clamp(1.35rem, 1.1rem + 1.05vw, 1.9rem);
  font-style: italic;
  line-height: 1.12;
  letter-spacing: -0.012em;
}

.onas-podpis__firm {
  display: block;
  margin-top: 0.55rem;
  font-size: 0.92rem;
  line-height: 1.5;
  color: var(--muted);
}

/* --- Desktop ------------------------------------------------------------- */
@media (min-width: 1024px) {
  /* Podpis w lewym marginesie, zdanie po prawej. Kolumna tresci
     powtarza siatke sekcji blokow (tor etykiety + wciecie po obu stronach),
     wiec oko schodzi prosto z CTA bloku 03 na zdanie zamykajace. */
  /* Dolna granica 19rem, nie samo 32%: przy 1024 px procent daje 249 px,
     a zmierzone "Kinga Michałowska" w Zodiaku italic ma tam 276 px - kazde
     wezsze ustawienie lamalo podpis na "Kinga / Michałowska", czyli
     dokladnie w miejscu, w ktorym nazwisko lamac sie nie moze. 304 px
     zostawia zapas na calym pasmie 1024-1280, gdzie procent jeszcze
     nie wyprzedzil minimum. */
  .onas-podpis__body {
    display: grid;
    grid-template-columns: minmax(19rem, 32%) minmax(0, 1fr);
    column-gap: clamp(3rem, 6vw, 6.5rem);
    padding-inline: calc(var(--rail) + var(--inset));
  }

  .onas-podpis__statement { grid-column: 2; grid-row: 1; }
  .onas-podpis__sign      { grid-column: 1; grid-row: 1; }

  /* Kreska podpisu ma siadac na wysokosci pierwszej linii zdania obok,
     a nie na gornej krawedzi jego pudelka. */
  .onas-podpis__sign { margin-top: 0.55rem; }
}