/* Podstrony /historia/ i /mental/ – dokłada się do ../bio/bio.css */
.sub-hero{padding:clamp(40px,8vw,96px) var(--gut) clamp(28px,5vw,56px);max-width:1200px;margin:0 auto}
.sub-hero h1{font-size:clamp(50px,14vw,150px);line-height:.95;color:var(--white);text-shadow:var(--glow-white)}
.sub-hero h1 span{display:block;color:var(--led)}
.sub-hero .lead{max-width:30em}
.sub-hero .facts{max-width:760px}
.sub-sec{padding:clamp(48px,9vw,100px) var(--gut);max-width:1200px;margin:0 auto}
.sub-h{font-size:clamp(38px,10vw,96px);line-height:1;color:var(--white);text-shadow:var(--glow-white);margin-bottom:18px}
.sub-h span{display:block;color:var(--led)}
.sub-p{font-size:18px;line-height:1.55;color:#dcdce0;max-width:36em}
.cap{margin-top:10px;font-size:14px;line-height:1.4;color:var(--steel)}

/* oś czasu */
.tl{position:relative;list-style:none;margin:28px 0 0;padding:0 0 0 34px}
.tl::before,.tl::after{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:4px;border-radius:2px}
.tl::before{background:#1f1f22}
.tl::after{background:var(--led);box-shadow:0 0 10px rgba(255,42,42,.9),0 0 24px rgba(255,0,0,.45);transform-origin:top;transform:scaleY(var(--p,1))}
.js-motion .tl::after{transform:scaleY(var(--p,0))}
.tl__item{position:relative;padding:0 0 clamp(48px,8vw,90px)}
.tl__item::before{content:"";position:absolute;left:-34px;top:8px;width:22px;height:22px;border-radius:50%;background:#000;border:3px solid #3a3a40;z-index:1;transition:border-color .3s,box-shadow .3s,background .3s}
.tl__item.lit::before,html:not(.js-motion) .tl__item::before{border-color:var(--led);background:#300;box-shadow:0 0 0 3px #000,0 0 12px rgba(255,42,42,.95),0 0 26px rgba(255,0,0,.6)}
.tl__when{display:inline-block;margin:0 0 10px;padding:7px 12px;font:italic 800 17px/1 var(--cond);letter-spacing:.05em;text-transform:uppercase;color:var(--white);background:linear-gradient(180deg,#e01414,#a80000);box-shadow:var(--glow-box);border-radius:2px}
.tl__item h2{font-size:clamp(32px,8.6vw,72px);line-height:1;color:var(--white);text-shadow:var(--glow-white);margin-bottom:14px}
.tl__item h2 span{color:var(--led)}
.tl__body{display:grid;gap:22px}
.tl__body p{font-size:18px;line-height:1.55;color:#dcdce0}
.tl__img img{width:100%;box-shadow:0 18px 40px rgba(0,0,0,.7)}
.tl__img--tall{max-width:380px}
.tl__img--sq{max-width:560px}
.tl__img--meta{box-shadow:0 0 0 2px var(--led),0 0 22px rgba(255,42,42,.45)}
.gal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin-top:8px}
.gal figure{margin:0}
.gal img{width:100%;aspect-ratio:3/4;object-fit:cover}
.gal .gal--wide{grid-column:1/-1}
.gal .gal--wide img{aspect-ratio:4/3}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);margin-top:6px}
.stats div{padding:12px 10px 10px 0;border-bottom:1px solid var(--line)}
.stats div:nth-child(even){padding-left:14px;border-left:1px solid var(--line)}
.stats b{display:block;font:400 clamp(44px,12vw,72px)/1 var(--display);color:var(--led)}
.stats span{font-size:14px;color:var(--steel)}

/* mental: zasady ze zdjęciami */
.rules{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:clamp(36px,6vw,64px)}
.rule{display:grid;gap:18px;align-items:center}
.rule__n{display:block;font:400 clamp(60px,16vw,120px)/.9 var(--display);color:var(--led)}
.rule b{display:block;font:400 clamp(30px,8vw,60px)/1.02 var(--display);text-transform:uppercase;color:var(--white);text-shadow:var(--glow-white);margin:6px 0 10px}
.rule p{font-size:18px;line-height:1.55;color:#dcdce0;margin:0}
.rule img{width:100%;aspect-ratio:3/4;object-fit:cover}
.rule .frame{max-width:420px}
.shower{margin:clamp(40px,7vw,72px) 0 0;padding:clamp(22px,4vw,40px);background:rgba(20,0,0,.6);border:2px solid var(--led);box-shadow:var(--glow-box);border-radius:2px}
.shower p{font:italic 700 clamp(20px,4.6vw,30px)/1.35 var(--cond);margin:0}
.shower cite{display:block;margin-top:14px;font-style:normal;font-weight:600;font-size:14px;color:var(--steel)}
.split{display:grid;gap:28px;align-items:center;margin-top:28px}
.split .frame img{width:100%;aspect-ratio:3/4;object-fit:cover}
.split .frame{max-width:420px}
.split .tempo__steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.split .tempo__steps li:nth-child(odd){padding-left:0;border-left:0}
.road .frame{max-width:380px;margin-top:28px}
.road .frame img{width:100%;aspect-ratio:9/16;object-fit:cover}

/* koniec: książki i obserwuj */
.endcta{padding:clamp(48px,9vw,100px) var(--gut) 0;max-width:760px;margin:0 auto;text-align:left}
.endcta .btn{max-width:440px;margin-top:20px}
.follow{max-width:760px;margin:clamp(32px,6vw,56px) auto 0;padding:16px;border:2px solid #2c2c30}
.follow h2{font-size:clamp(26px,7vw,44px);color:var(--white);text-shadow:var(--glow-white);margin:0 0 12px}
.follow__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.follow__grid .social{min-height:64px;font-size:20px}
.follow__grid .social svg{width:34px;height:34px;flex-basis:34px}
.follow__grid .social small{font-size:12px}
.foot{max-width:1440px;margin-left:auto;margin-right:auto}

@media (min-width:760px){
  .tl{padding-left:56px}
  .tl::before,.tl::after{left:16px}
  .tl__item::before{left:-50px;width:26px;height:26px}
  .tl__body{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:40px}
  .tl__body--full{grid-template-columns:1fr}
  .gal{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gal .gal--wide{grid-column:span 2}
  .gal .gal--wide img{aspect-ratio:auto;height:100%}
  .stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .stats div:nth-child(n){padding-left:14px;border-left:1px solid var(--line)}
  .rule{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
  .rule:nth-child(even) .frame{order:-1}
  .split{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}
}
@media (max-width:420px){.follow__grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.tl::after{transform:none!important}.tl__item::before{transition:none}}
/* korzyści + wybór książki */
.korzysci .ticks{list-style:none;padding:0;margin:18px 0;display:grid;gap:12px}
.korzysci .ticks li{padding-left:22px;position:relative;font-size:17px;line-height:1.45}
.korzysci .ticks li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;background:#e01414;box-shadow:0 0 10px rgba(255,42,42,.8)}
.wybor__grid{display:grid;gap:12px;margin-top:18px}
@media (min-width:760px){.wybor__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wybor__card{display:flex;flex-direction:column;gap:8px;padding:18px;border:2px solid #333;background:#0d0d0d;color:#fff;text-decoration:none;transition:border-color .15s,transform .15s}
.wybor__card:hover{border-color:#e01414;transform:translateY(-2px)}
.wybor__card b{font:400 24px/1.05 Anton,Impact,sans-serif;text-transform:uppercase}
.wybor__card span{color:#cfcfcf;line-height:1.45}
.wybor__card em{margin-top:auto;font-style:normal;font-weight:700;color:#ff4a4a;text-transform:uppercase;letter-spacing:.04em}
.wybor__card--hit{border-color:#e01414;box-shadow:0 0 18px rgba(255,42,42,.35)}
.cytaty .sub-p b{color:#fff}
/* animacje nagłówków 1:1 z Codziennego Atlety */
@keyframes caSlam{0%{opacity:0;transform:translateX(-90px) scale(2.2)}75%{opacity:1;transform:translateX(0) scale(1.08)}100%{opacity:1;transform:none}}
@keyframes caSlamR{0%{opacity:0;transform:translateX(90px) scale(2.2)}75%{opacity:1;transform:translateX(0) scale(1.08)}100%{opacity:1;transform:none}}
@keyframes caFlame{0%{opacity:0;transform:translateY(10px) scale(.94);filter:brightness(1.8) hue-rotate(25deg)}35%{opacity:1;transform:scale(1.03);filter:brightness(1.5)}55%{opacity:.8}100%{opacity:1;transform:none;filter:none}}
@keyframes caGlitch{0%{opacity:0;clip-path:inset(0 0 100% 0)}25%{opacity:1;clip-path:inset(0 0 50% 0);transform:translateX(-3px)}50%{clip-path:inset(0 45% 0 0);transform:translateX(3px)}75%{clip-path:inset(12% 0 12% 0)}100%{opacity:1;clip-path:none;transform:none}}
.sub-hero h1{display:block}
.js-motion .sub-hero h1{animation:caSlam .42s cubic-bezier(.2,.8,.3,1) both}
.js-motion .sub-hero h1 span{display:inline-block;animation:caFlame .6s ease-out .3s both}
.js-motion .ca-h{opacity:0}
.js-motion .ca-h.ca-in{animation:caSlam .42s cubic-bezier(.2,.8,.3,1) both}
.js-motion .ca-h.ca-in:nth-of-type(even),.js-motion .tl__item:nth-child(even) .ca-h.ca-in{animation-name:caSlamR}
.js-motion .ca-h.ca-in span{display:inline-block;animation:caFlame .6s ease-out .25s both}
.js-motion .ca-g{opacity:0}.js-motion .ca-g.ca-in{animation:caGlitch .45s steps(4,end) both}
.wybor__card:active,.btn:active{animation:caTap .24s ease}
@keyframes caTap{40%{transform:scale(1.06) rotate(-1deg)}}
@media (prefers-reduced-motion:reduce){.ca-h,.ca-g,.sub-hero h1,.sub-hero h1 span{animation:none!important;opacity:1!important}}