/*!
 * NSO 2026 — about page
 * Requires nso-2026.css first (tokens, resets, buttons, chrome, .n26-chero, trust row).
 * All selectors namespaced `n26-`.
 */

/* ---------- mission / vision / purpose / belief ---------- */
.n26-pillars{
  background:var(--n26-surface);border-radius:var(--n26-r-xl);
  padding:48px 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:34px;
}
.n26-pillar-ico{
  width:74px;height:74px;border-radius:50%;display:grid;place-items:center;
  background:var(--n26-blue-500);color:#fff;margin-bottom:22px;
}
.n26-pillar:nth-child(even) .n26-pillar-ico{background:var(--n26-navy-800)}
.n26-pillar h2{font-size:1.28rem;font-weight:600;margin-bottom:12px}
.n26-pillar p{font-size:14.8px;color:var(--n26-ink-soft)}
@media (max-width:980px){
  .n26-pillars{grid-template-columns:repeat(2,1fr);gap:36px 30px;padding:40px 30px}
}
@media (max-width:560px){
  .n26-pillars{grid-template-columns:1fr;padding:32px 24px;border-radius:var(--n26-r-lg)}
}

/* ---------- what guides our work ---------- */
.n26-guides-head{max-width:820px;margin-inline:auto;text-align:center}
.n26-guides-head h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700}
.n26-guides-rule{width:62px;height:3px;background:var(--n26-blue-500);border-radius:2px;margin:18px auto 24px}
.n26-guides-head p{font-size:1.06rem;color:var(--n26-ink-soft)}
.n26-guides-head p + p{margin-top:14px}

.n26-values{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}
.n26-value{
  background:var(--n26-surface);border-radius:var(--n26-r-lg);padding:30px 26px;
  border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
}
.n26-value:hover{background:#fff;border-color:var(--n26-line);box-shadow:var(--n26-shadow-md);transform:translateY(-4px)}
.n26-value-ico{
  width:62px;height:62px;border-radius:50%;display:grid;place-items:center;
  background:var(--n26-blue-500);color:#fff;margin-bottom:22px;
}
.n26-value h3{font-size:1.1rem;font-weight:600}
.n26-value p{margin-top:12px;font-size:14.8px;color:var(--n26-ink-soft)}
@media (max-width:980px){.n26-values{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.n26-values{grid-template-columns:1fr}}

/* ---------- our story ---------- */
.n26-ourstory{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.n26-ourstory h2{font-size:clamp(1.9rem,3.2vw,2.85rem);font-weight:700;letter-spacing:-.03em}
.n26-ourstory p{margin-top:20px;font-size:1.02rem;color:var(--n26-ink-soft)}
.n26-ourstory p + p{margin-top:14px}
.n26-ourstory-media img{
  width:100%;aspect-ratio:4/3;object-fit:cover;
  border-radius:var(--n26-r-lg);box-shadow:var(--n26-shadow-md);
}
@media (max-width:900px){
  .n26-ourstory{grid-template-columns:1fr;gap:34px}
  .n26-ourstory-media{order:-1}
}

@media (prefers-reduced-motion:reduce){
  .n26-value:hover{transform:none}
}