/* ── O nas: lekki, narracyjny uklad (Dom Uniwersalny v2) ── */

/* Hero na papierze (nav jest jasny/sticky, wiec bez ciemnego overlayu) */
.onas-hero {
  padding: calc(var(--pad-y) + 40px) 0 var(--pad-y);
}
.onas-hero .container {
  display: grid;
  grid-template-columns: minmax(0, 760px);
  gap: 28px;
}
.onas-hero h1.display { margin-bottom: 4px; }
.onas-hero .onas-hero-tagline {
  font-family: var(--serif); font-style: italic; font-weight: 300;
  font-size: clamp(19px, 1.9vw, 26px); line-height: 1.4;
  color: var(--ink-600);
  max-width: 54ch;
}

/* Filozofia: tekst po lewej, akcent serif po prawej */
.filozofia-grid {
  display: grid;
  grid-template-columns: 1fr 0.7fr;
  gap: 80px; align-items: start;
}
.filozofia-text p.body { max-width: 60ch; }
.filozofia-aside {
  border-left: 1px solid var(--line);
  padding-left: 40px;
}
.filozofia-aside .filozofia-quote {
  font-family: var(--serif); font-style: italic; font-weight: 300;
  font-size: clamp(22px, 2.4vw, 32px); line-height: 1.35;
  color: var(--ink-900);
}
@media (max-width: 900px) {
  .filozofia-grid { grid-template-columns: 1fr; gap: 40px; }
  .filozofia-aside { border-left: none; border-top: 1px solid var(--line); padding-left: 0; padding-top: 32px; }
}

/* Nasze spolki: prosta, narracyjna sekcja domykajaca z CTA */
.spolki-inner { max-width: 760px; }
.spolki-inner p.lead { max-width: 56ch; }

/* Nasze spolki - tabela spolek celowych (1:1 z oryginalu) */
.spolki-sprzedaz { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; padding: 18px 0; border-bottom: 1px solid var(--line); margin-bottom: 40px; }
.spolki-sprzedaz span { font-size: 13px; letter-spacing: 0.06em; color: var(--ink-400); }
.spolki-sprzedaz strong { font-family: var(--sans); font-weight: 300; font-size: clamp(18px, 2vw, 24px); color: var(--ink-900); }
.spolki-table { width: 100%; border-collapse: collapse; }
.spolki-table th { text-align: left; font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-600); padding: 0 0 16px; border-bottom: 1px solid var(--ink-900); }
.spolki-table td { padding: 22px 0; border-bottom: 1px solid var(--line); font-size: clamp(15px, 1.4vw, 17px); font-weight: 300; color: var(--ink-900); vertical-align: top; }
.spolki-table td:nth-child(2) { color: var(--ink-600); }
.spolki-table th:not(:first-child), .spolki-table td:not(:first-child) { padding-left: 32px; }
@media (max-width: 620px) {
  .spolki-table th, .spolki-table td { font-size: 13px; }
  .spolki-table th:not(:first-child), .spolki-table td:not(:first-child) { padding-left: 14px; }
}