/* ============================================================
   STRONA "O NAS"
   ============================================================ */
.onas-hero {
  position: relative;
  min-height: 46vh;
  display: flex;
  align-items: center;
  background: linear-gradient(100deg, rgba(15,14,12,0.82) 0%, rgba(15,14,12,0.45) 45%, rgba(15,14,12,0.15) 75%),
              url('../img/o-nas-team.jpg') center/cover no-repeat;
  background-color: var(--dark);
}

.onas-split { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 3.5rem; align-items: center; }
.onas-split-reverse .onas-split-media { order: -1; }
.onas-split-media img { width: 100%; border-radius: 16px; aspect-ratio: 4/3; object-fit: cover; }

.onas-value-list { list-style: none; margin: 1.5rem 0 0; padding: 1.5rem 0 0; border-top: 1px solid var(--border); display: grid; gap: 0.9rem; }
.onas-value-list li { display: flex; align-items: flex-start; gap: 0.75rem; font-size: 0.92rem; color: var(--ink-muted); line-height: 1.5; }
.onas-value-list li::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--yellow); margin-top: 0.5em; flex-shrink: 0; }
.onas-value-list strong { color: var(--ink); }

.onas-cta { background: var(--dark); color: var(--white); padding: 4.5rem 3.5rem; text-align: center; }
.onas-cta-inner { max-width: 560px; margin: 0 auto; }
.onas-cta h2 { color: var(--white); font-size: clamp(1.6rem, 2.8vw, 2.1rem); margin-bottom: 0.75rem; }
.onas-cta p { color: rgba(255,255,255,0.7); margin-bottom: 1.75rem; }
.onas-cta-actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }

@media (max-width: 900px) {
  .onas-hero { min-height: 38vh; }
  .onas-split { grid-template-columns: 1fr; }
  .onas-split-reverse .onas-split-media { order: 0; }
  .onas-cta { padding: 3rem 1.5rem; }
}