/* ---------- Trening online (układ wg wzoru) ---------- */
.on-hero{padding:clamp(130px,15vw,180px) 0 clamp(60px,8vw,100px)}
.on-hero-g{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,80px);align-items:center}
.on-hero h1{font-size:clamp(34px,4.6vw,64px);line-height:1;margin:12px 0 0}
.on-hero h1 em{display:block}
.on-hero .lede{max-width:600px;color:#4F4A45;margin:22px 0 30px}
.on-hero-f{margin:0;border-radius:28px;overflow:hidden;aspect-ratio:4/5;background:#EADCCB;box-shadow:0 40px 80px -40px rgba(58,22,33,.55)}
.on-hero-f img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.on-body{padding:clamp(70px,9vw,120px) 0}
.on-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px);align-items:end;margin-bottom:44px}
.on-head > p{color:#4F4A45;font-size:17px;line-height:1.7;margin:0}
.on-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.on-grid article{border-radius:24px;background:var(--g-krem,#F4E9DC);padding:30px 28px 32px;box-shadow:0 18px 40px -30px rgba(58,22,33,.45);transition:scale .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s cubic-bezier(.2,.7,.2,1)}
.on-grid b{font:italic 500 24px/1 var(--serif,"Cormorant Garamond",serif);color:var(--fuksja,#A3266F)}
.on-grid h3{font-family:var(--sans,Archivo,sans-serif);font-weight:800;font-size:18px;letter-spacing:.01em;text-transform:uppercase;color:#262626;margin:16px 0 10px}
.on-grid p{font-size:15.5px;line-height:1.6;color:#4F4A45;margin:0}
@media (hover:hover) and (pointer:fine){.on-grid article:hover{scale:1.04;box-shadow:0 34px 70px -30px rgba(58,22,33,.55)}}
.on-for{padding:clamp(70px,9vw,120px) 0}
.on-for-g{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,80px);align-items:start}
.on-for .dash li{font-size:17px;line-height:1.6}
.on-side{display:grid;gap:18px}
.on-note{border-radius:24px;background:#FFFDFA;padding:28px 28px 30px;box-shadow:0 18px 40px -30px rgba(58,22,33,.4)}
.on-note h3{font-family:var(--sans,Archivo,sans-serif);font-weight:800;font-size:17px;letter-spacing:.01em;text-transform:uppercase;color:#262626;margin:0 0 10px}
.on-note p{font-size:15.5px;line-height:1.65;color:#4F4A45;margin:0 0 14px}
.on-note p:last-child{margin:0}
.on-l{font:600 12px/1 var(--sans,Archivo,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:var(--fuksja,#A3266F);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.on-dark{background:var(--g-wino,#3A1621)}
.on-dark h3{color:#F4E9DC}
.on-dark p{color:rgba(244,233,220,.85)}
@media (max-width:960px){.on-hero-g,.on-for-g,.on-head{grid-template-columns:1fr}.on-grid{grid-template-columns:1fr 1fr}.on-hero-f{max-width:520px;width:100%}}
@media (max-width:600px){.on-grid{grid-template-columns:1fr}.on-hero{padding-top:120px}}