/* Historia — dodatek do style.css */
.h-hero .wrap{position:relative}
.h-hero h1{color:#fff;font-size:clamp(2.3rem,6.4vw,5rem);line-height:1.04;max-width:14ch;animation:h-up .9s cubic-bezier(.16,.8,.24,1) both}
.h-hero p{color:#c8d2e0;max-width:46ch;margin-top:18px;font-size:1.1rem;animation:h-up .9s .15s cubic-bezier(.16,.8,.24,1) both}
.h-cue{display:inline-flex;align-items:center;gap:10px;margin-top:34px;color:var(--mustard-400);font-weight:600;animation:h-up .9s .3s both}
.h-cue i{width:2px;height:34px;background:var(--mustard-500);animation:h-drop 1.6s ease-in-out infinite;transform-origin:top}
@keyframes h-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes h-drop{0%{transform:scaleY(0)}60%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}

/* Motto */
.h-motto{background:var(--mustard-100);padding-block:88px}
.h-motto blockquote{margin:0 auto;max-width:22em;font:500 clamp(1.6rem,3.6vw,2.7rem)/1.3 var(--ff-display);color:var(--navy-900)}
.h-motto .w{opacity:.18;transition:opacity .3s}
.h-motto .w.on{opacity:1}
.h-why{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}
.h-why div{display:flex;gap:14px;align-items:flex-start}
.h-why svg,.h-ico{flex:none;width:44px;height:44px;padding:10px;border-radius:50%;background:var(--navy-900);color:var(--mustard-400);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.h-why p{color:var(--ink-soft);font-size:.96rem}
@media(max-width:760px){.h-why{grid-template-columns:1fr}}

/* Kronika: sticky */
.chron{display:grid;grid-template-columns:330px minmax(0,1fr);gap:48px}
.side{position:sticky;top:110px;align-self:start;height:calc(100vh - 150px);min-height:420px;display:flex;flex-direction:column;justify-content:center}
.year-win{height:1.05em;overflow:hidden;font:600 clamp(3rem,4.9vw,4.7rem)/1.05 var(--ff-display);color:var(--navy-900);letter-spacing:-.02em}
.year-track{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.year-track span{display:block;height:1.05em;white-space:nowrap}
.side-title{font-weight:600;color:var(--mustard-700);margin:6px 0 26px;min-height:1.6em}
.rail{position:relative;margin-left:8px;height:clamp(300px, calc(100vh - 330px), 470px);border-left:2px solid var(--paper-line)}
.rail-fill{position:absolute;left:-2px;top:0;width:2px;height:calc(var(--p,0)*100%);background:var(--mustard-500)}
.ball{position:absolute;left:-11px;top:0;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:#fff;border:2px solid var(--navy-900);box-shadow:0 0 0 3px #fff;background-image:radial-gradient(circle at 50% 50%,var(--navy-900) 28%,transparent 30%)}
.rail button{position:absolute;left:14px;transform:translateY(-50%);background:none;border:0;padding:0;font:500 .82rem var(--ff-body);color:var(--ink-faint);transition:color .2s}
.rail button.on,.rail button:hover{color:var(--navy-900);font-weight:700}
.chap{min-height:78vh;display:flex;flex-direction:column;justify-content:center;padding-block:36px;opacity:.28;transition:opacity .5s}
.chap.on{opacity:1}
.chap .date{font:600 .9rem var(--ff-display);letter-spacing:.06em;color:var(--mustard-700)}
.chap h3{font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.12;margin:6px 0 14px}
.chap p{color:var(--ink-soft);max-width:54ch}
.chap p+p{margin-top:10px}
.chap figure{margin:24px 0 0;max-width:520px;border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-pop);clip-path:inset(0 100% 0 0);transition:clip-path 1s cubic-bezier(.2,.8,.2,1) .15s}
.chap.on figure,.chap figure.seen{clip-path:inset(0 0 0 0)}
.chap figure img{width:100%;transition:transform .6s}
.chap figure:hover img{transform:scale(1.05)}
.chap figcaption{background:#fff;padding:10px 16px;font-size:.84rem;color:var(--ink-faint)}
.h-crest{width:120px;margin-top:22px}
.h-ico.big{width:84px;height:84px;padding:20px;margin-top:22px}
.toggle{margin-top:22px;align-self:flex-start}
.founders{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s ease}
.founders.open{grid-template-rows:1fr}
.founders>div{overflow:hidden}
.chips{display:flex;flex-wrap:wrap;gap:8px;padding-top:18px;max-width:560px}
.chips li{padding:6px 14px;border-radius:100px;border:1px solid var(--paper-line);background:#fff;font-size:.88rem;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s,background .2s}
.founders.open .chips li{opacity:1;transform:none}
.chips li:hover{background:var(--mustard-100);border-color:var(--mustard-400)}
.chips li.lead{background:var(--mustard-500);border-color:var(--mustard-500);font-weight:700;color:var(--navy-900)}

/* Osiągnięcia */
.h-ach{background:var(--paper-soft)}
.tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:30px}
.tabs button{padding:10px 22px;border-radius:100px;border:2px solid var(--navy-700);background:transparent;color:var(--navy-700);font:500 .96rem var(--ff-display);transition:.2s}
.tabs button[aria-selected=true]{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.panel{display:none;max-width:760px;margin:auto;gap:14px;flex-direction:column}
.panel.on{display:flex}
.ach{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--paper-line);border-radius:var(--radius-m);padding:18px 22px;animation:h-up .5s both}
.ach:nth-child(2){animation-delay:.1s}
.ach b{font:600 1.5rem var(--ff-display);color:var(--navy-900);min-width:5.4em}
.ach span{color:var(--ink-soft)}
.ach em{margin-left:auto;font-style:normal;font-weight:700;color:var(--mustard-700);white-space:nowrap}

/* Ludzie */
.people{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.person{background:#fff;border:1px solid var(--paper-line);border-radius:var(--radius-l);padding:26px;transition:transform .25s,box-shadow .25s,border-color .25s}
.person:hover{transform:translateY(-5px);box-shadow:var(--shadow-pop);border-color:var(--mustard-500)}
.person h3{margin-top:14px}
.person small{color:var(--mustard-700);font-weight:600}
.person p{color:var(--ink-soft);font-size:.94rem;margin-top:8px}

@media(prefers-reduced-motion:reduce){.chap figure{clip-path:none}.h-hero h1,.h-hero p,.h-cue,.ach{animation:none}.year-track{transition:none}}
.stats{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.stats span{padding:6px 14px;border-radius:100px;background:var(--mustard-100);border:1px solid var(--mustard-400);font-size:.86rem;font-weight:600;color:var(--navy-800)}

html,body{overflow-x:clip}
.h-hero{position:relative;overflow:hidden;color:#fff;padding:130px 0 100px;background:
 radial-gradient(50% 90% at 88% 0%,rgba(227,185,58,.32),transparent 65%),
 radial-gradient(38% 60% at var(--mx,18%) var(--my,95%),rgba(58,108,171,.5),transparent 70%),
 repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 90px,transparent 90px 180px),
 var(--navy-900)}
.h-pitch{position:absolute;right:-4%;top:50%;width:74%;transform:translateY(-50%);opacity:.9;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}
.h-pitch *{fill:none;stroke:rgba(237,203,100,.4);stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:1;animation:h-draw 2.6s .3s ease forwards}
@keyframes h-draw{to{stroke-dashoffset:0}}
.h-hero-in{position:relative}
.h-badge{display:inline-flex;align-items:center;gap:12px;padding:6px 18px 6px 8px;border-radius:100px;background:rgba(255,255,255,.08);border:1px solid rgba(237,203,100,.4);backdrop-filter:blur(6px);font-weight:600;font-size:.9rem;color:var(--mustard-400);animation:h-up .8s both}
.h-badge img{width:40px;height:40px;object-fit:contain;animation:h-float 4s ease-in-out infinite}
@keyframes h-float{50%{transform:translateY(-4px) rotate(-4deg)}}
.h-hero h1{margin-top:22px;position:relative;padding-bottom:20px}
.h-hero h1::after{content:"";position:absolute;left:0;bottom:0;height:5px;width:0;border-radius:3px;background:linear-gradient(90deg,var(--mustard-500),var(--mustard-400));animation:h-bar 1.2s .8s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes h-bar{to{width:120px}}
@media(prefers-reduced-motion:reduce){.h-pitch *{animation:none;stroke-dashoffset:0}.h-badge,.h-badge img,.h-hero h1::after{animation:none}.h-hero h1::after{width:120px}}
@media(max-width:900px){
  .chron{display:block}
  .side{position:sticky;top:64px;z-index:40;height:auto;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;margin-inline:-24px;padding:8px 24px 0;background:#fff;border-bottom:1px solid var(--paper-line);box-shadow:0 8px 18px -14px rgba(15,32,56,.4)}
  .year-win{font-size:2.3rem;min-width:3.6em}
  .side-title{margin:0;min-height:0;font-size:.95rem;line-height:1.2}
  .rail{grid-column:1/-1;width:auto;height:4px;margin:8px -24px 0;border:0;background:var(--paper-line)}
  .rail-fill{left:0;top:0;height:4px;width:calc(var(--p,0)*100%)}
  .rail button,.ball{display:none}
  .chap{min-height:auto;padding-block:44px}
  .h-hero{padding:100px 0 70px}
  .h-pitch{width:150%;right:-40%;opacity:.55}
  .ach{flex-wrap:wrap;gap:6px 14px}
  .ach em{margin-left:0;white-space:normal}
  .ach b{min-width:0}
}