/* O nas — dopiski do onas.css (wersja tekstów z 09.09.2026): mniejszy nagłówek hero, list od założyciela z odręcznym podpisem, oś czasu w rzędzie. Prefiks ox-. */
@font-face{font-family:'Podpis';src:url('/assets/fonts/podpis-wiktor.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}

/* hero: krótszy, mniejszy nagłówek i szerszy akapit */
.hero--onas .hero-h1{font-size:clamp(2rem,4.2vw,3.75rem);max-width:none}
.hero--onas .hero__sub{max-width:64ch}

/* list od założyciela: nagłówek przyklejony z lewej, akapity z prawej, podpis na końcu */
.ox-letter{display:grid;gap:clamp(2rem,5vw,4.5rem);grid-template-columns:1fr;align-items:start}
@media (min-width:900px){.ox-letter{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.ox-letter__head{position:sticky;top:calc(16px + 62px + 2.5rem)}}
.ox-letter__head .h2{margin-top:.9rem}
.ox-letter__body p{font-size:clamp(1.0625rem,1.25vw,1.1875rem);max-width:58ch;text-wrap:pretty}
.ox-letter__body p+p{margin-top:1.15rem}
.ox-letter__body p:last-of-type{color:var(--fg)}
.ox-sign{margin-top:clamp(2rem,3.5vw,3rem);display:grid;gap:.5rem;justify-items:start}
.ox-sign__name{display:inline-block;width:max-content;font-family:'Podpis','Segoe Script','Bradley Hand',cursive;font-size:clamp(2rem,3vw,2.5rem);line-height:1.25;color:var(--fg);padding:.15em .4em .15em 0;rotate:-2deg;transform-origin:0 100%;clip-path:inset(-20% 100% -20% 0);transition:clip-path 1500ms var(--ease-out) 260ms}
.ox-sign.is-in .ox-sign__name{clip-path:inset(-20% -6% -20% 0)}
.ox-sign__role{font-size:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--fg-faint)}

/* oś czasu pod listem: na telefonie pionowo (jak dotąd), od 900 px pięć kroków w rzędzie, linia i kropki zapalają się od lewej */
.tl--row{margin-top:clamp(4rem,8vw,7rem);padding-top:clamp(2.5rem,4vw,3.5rem);border-top:1px solid var(--hairline);--g:clamp(1.25rem,2.6vw,2.5rem)}
.tl--row::before,.tl--row .tl__line{top:calc(clamp(2.5rem,4vw,3.5rem) + .35rem)}
.tl__k{display:block;font-size:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--fg-faint);margin-bottom:.45rem;font-variant-numeric:tabular-nums}
@media (min-width:900px){
  .tl--row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--g);padding-left:0}
  .tl--row::before,.tl--row .tl__line{display:none}
  .tl--row .tl__i{padding:1.6rem 0 0}
  .tl--row .tl__i::before,.tl--row .tl__i::after{content:"";position:absolute;left:0;right:calc(-1 * var(--g));top:4px;height:1px}
  .tl--row .tl__i::before{background:var(--hairline)}
  .tl--row .tl__i::after{background:var(--fg);opacity:.42;scale:0 1;transform-origin:0 50%;transition:scale 900ms var(--ease-out) calc(var(--i) * 140ms + 120ms)}
  .tl--row .tl__i.is-on::after{scale:1 1}
  .tl--row .tl__i:last-child::before,.tl--row .tl__i:last-child::after{right:0}
  .tl--row .tl__dot{left:0;top:0;transition-delay:calc(var(--i) * 140ms)}
  .tl--row .tl__i b,.tl--row .tl__i p{transition-delay:calc(var(--i) * 140ms)}
  .tl--row .tl__i b{font-size:clamp(1.0625rem,1.3vw,1.25rem)}
  .tl--row .tl__i p{font-size:.9rem;max-width:none}
}

/* misja: jeden akapit zostaje stonowany (onas.css rozjaśnia ostatni z kilku) */
.mission__body p:only-child{color:var(--fg-muted)}
.mission .eyebrow{max-width:none}

@media (prefers-reduced-motion:reduce){
  .ox-sign__name{clip-path:none;transition:none}
  .tl--row .tl__i::after{transition:none;scale:1 1}
}