/* ============================================================
   4422 · ludzie.css: podstrona "Ludzie i projekty"
   (wstep, bloki osob, panel Doswiadczenie, karuzela projektow, panel projektu, CTA).
   Wartosci z handoffu: desktop 1440 / tablet 834 / mobile 390.
   ============================================================ */

:root{
	--k44l-person-pt:110px;--k44l-person-pt-first:72px;--k44l-card-pad:56px;--k44l-card-mt:56px;
	--k44l-fs-name:44px;--k44l-lh-name:1.4;--k44l-name-mt:12px;--k44l-fs-p:18px;--k44l-p-mt:22px;--k44l-intro-lead-mt:22px;
	--k44l-panel-pad:56px;--k44l-panel-mt:0px;--k44l-panel-gap:56px;--k44l-row-pad:40px 0;--k44l-intro-mt:32px;--k44l-intro-gap:56px;--k44l-why-pad:40px 0 8px;
	--k44l-fs-h3:36px;--k44l-lh-h3:1.1;--k44l-fs-big:36px;--k44l-fs-h4:28px;--k44l-fs-lead:22px;--k44l-fs-quote:24px;
	--k44l-projects-mt:56px;--k44l-projects-gap:24px;--k44l-track-gap:24px;--k44l-card-w:calc((100% - 48px) / 3);
	--k44l-fs-pt:24px;--k44l-pt-minh:62px;--k44l-pt-mt:20px;--k44l-fs-ph3:36px;--k44l-fs-meta:18px;--k44l-ppanel-gap:56px;
	--k44l-cta-mt:120px;--k44l-cta-pt:120px;--k44l-cta-pb:112px;--k44l-fs-cta:46px;--k44l-lh-cta:1.4;--k44l-cta-p-mt:22px;
}

/* ---------- WSTEP ---------- */
.k44-people__intro{padding-top:var(--k44-section-pt);display:flex;flex-direction:column;align-items:center;text-align:center}
.k44-people__title{font:400 var(--k44-fs-h1)/var(--k44-lh-h1) var(--k44-serif)}
.k44-people__lead{margin-top:var(--k44l-intro-lead-mt);max-width:900px;font:400 var(--k44-fs-lead)/var(--k44-lh-lead) var(--k44-serif);text-wrap:pretty}

/* ---------- OSOBA: ZDJECIE + KARTA ---------- */
.k44-person{padding-top:var(--k44l-person-pt);display:flex;flex-direction:column;scroll-margin-top:var(--k44-scroll-mt)}
.k44-person--first{padding-top:var(--k44l-person-pt-first)}
.k44-person__block{display:grid;grid-template-columns:repeat(20,minmax(0,1fr))}
.k44-person__media{grid-column:1/15;grid-row:1;position:relative;width:100%;aspect-ratio:3/2;min-height:100%}
.k44-person__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--k44-focus,50% 50%)}
.k44-person__media picture{position:absolute;inset:0}
.k44-person__card{grid-column:12/21;grid-row:1;align-self:start;margin:var(--k44l-card-mt) 0;position:relative;z-index:1;background:var(--k44-card);padding:var(--k44l-card-pad);display:flex;flex-direction:column;align-items:flex-start}
.k44-person--reverse .k44-person__media{grid-column:7/21}
.k44-person--reverse .k44-person__card{grid-column:1/10}
.k44-person__name{margin-top:var(--k44l-name-mt);font:400 var(--k44l-fs-name)/var(--k44l-lh-name) var(--k44-serif);text-wrap:pretty}
.k44-person__p{margin-top:var(--k44l-p-mt);font:400 var(--k44l-fs-p)/1.6 var(--k44-serif);text-wrap:pretty}
.k44-person__expand{margin-top:32px}
.k44-person__links{margin:16px 0 0 -11px}

/* ---------- PANEL (rozwijany, animacja wysokosci) ---------- */
.k44-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows 250ms ease}
.k44-panel.is-open{grid-template-rows:1fr}
.k44-panel__inner{min-height:0;overflow:hidden}
.k44-no-anim .k44-panel{transition:none}

/* ---------- DOSWIADCZENIE ---------- */
.k44-exp__box{margin-top:var(--k44l-panel-mt);background:var(--k44-card);padding:var(--k44l-panel-pad);display:flex;flex-direction:column}
.k44-exp__title{font:400 var(--k44l-fs-h3)/var(--k44l-lh-h3) var(--k44-serif)}
.k44-exp__intro{margin-top:var(--k44l-intro-mt);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--k44l-intro-gap);align-items:start}
.k44-exp__intro-l,.k44-exp__intro-r{display:flex;flex-direction:column;gap:20px;align-items:flex-start;min-width:0}
.k44-exp__p{font:400 var(--k44l-fs-p)/1.6 var(--k44-serif);text-wrap:pretty}
.k44-exp__big{font:400 var(--k44l-fs-big)/1.25 var(--k44-serif);text-wrap:pretty}
.k44-exp__lead{font:500 var(--k44l-fs-lead)/1.4 var(--k44-serif);text-wrap:pretty}
.k44-exp__quote{font:italic 400 var(--k44l-fs-quote)/1.4 var(--k44-serif);text-wrap:pretty}
.k44-exp strong,.k44-project-panel strong{font-weight:500}
.k44-exp__rows{margin-top:48px;display:flex;flex-direction:column}
.k44-exp__row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--k44l-panel-gap);padding:var(--k44l-row-pad);border-top:1px solid var(--k44-accent)}
.k44-exp__h4{font:400 var(--k44l-fs-h4)/1.25 var(--k44-serif);text-wrap:pretty}
.k44-exp__col{display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-width:0}
.k44-exp__col--free{padding:var(--k44l-row-pad);border-top:1px solid var(--k44-accent)}
.k44-exp__col>.k44-lines,.k44-exp__col>.k44-exp__pairs,.k44-exp__col>.k44-exp__cols3,.k44-exp__col>.k44-exp__group{width:100%}
.k44-exp__group{display:flex;flex-direction:column;gap:12px;margin-top:8px;align-items:flex-start}
.k44-exp__stat{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center}
.k44-exp__stat-n{font:400 80px/1 var(--k44-serif);letter-spacing:-1px}
.k44-exp__stat-t{font:400 22px/1.3 var(--k44-serif);text-wrap:pretty}
.k44-exp__cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.k44-exp__col3{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--k44-text)}
.k44-exp__col3-h{font:400 44px/1 var(--k44-serif)}
.k44-exp__col3-p{font:400 18px/1.5 var(--k44-serif);text-wrap:pretty}
.k44-exp__pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.k44-exp__pair{padding:14px 0;border-top:1px solid var(--k44-text);font:400 18px/1.5 var(--k44-serif);text-wrap:pretty}
.k44-exp__why{padding:var(--k44l-row-pad);border-top:1px solid var(--k44-accent);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--k44l-panel-gap)}
.k44-exp__why--quote{padding:var(--k44l-why-pad);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center}
.k44-exp__why-l{display:flex;flex-direction:column;gap:16px;min-width:0}
.k44-exp__why-r{display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-width:0}
.k44-exp__why--quote .k44-exp__why-r{gap:20px}
.k44-exp__why .k44-btn{margin-top:4px}

/* ---------- PROJEKTY: KARUZELA ---------- */
.k44-projects{margin-top:var(--k44l-projects-mt);display:flex;flex-direction:column;gap:var(--k44l-projects-gap)}
.k44-projects__head{display:flex;align-items:center;justify-content:space-between;gap:24px}
.k44-projects__track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--k44l-card-w);gap:var(--k44l-track-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.k44-projects__track::-webkit-scrollbar{display:none}
.k44-project{display:flex;flex-direction:column;align-items:flex-start;scroll-snap-align:start;min-width:0}
.k44-project__media{position:relative;width:100%;aspect-ratio:3/2}
.k44-project__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.k44-project__title{margin-top:var(--k44l-pt-mt);min-height:var(--k44l-pt-minh);font:400 var(--k44l-fs-pt)/1.3 var(--k44-serif);text-wrap:pretty}
.k44-project__desc{margin-top:8px;font:400 var(--k44l-fs-p)/1.6 var(--k44-serif);text-wrap:pretty}
.k44-project__expand{margin-top:auto;padding:20px 0 4px}

/* ---------- PANEL PROJEKTU ---------- */
.k44-project-panel__box{background:var(--k44-card);padding:var(--k44l-panel-pad);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--k44l-ppanel-gap);align-items:start}
.k44-project-panel__l{display:flex;flex-direction:column;gap:24px;align-items:flex-start;min-width:0}
.k44-project-panel__r{display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-width:0}
.k44-project-panel__title{font:400 var(--k44l-fs-ph3)/1.15 var(--k44-serif);text-wrap:pretty}
.k44-project-panel__meta .k44-lines__item{font-size:var(--k44l-fs-meta)}
.k44-project-panel__scope{display:flex;flex-direction:column;gap:12px;margin-top:8px;align-items:flex-start}

/* ---------- CTA ---------- */
.k44-people__cta{margin-top:var(--k44l-cta-mt);background:var(--k44-sand)}
.k44-people__cta-inner{padding-top:var(--k44l-cta-pt);padding-bottom:var(--k44l-cta-pb);display:flex;flex-direction:column;align-items:center;text-align:center}
.k44-people__cta-title{font:400 var(--k44l-fs-cta)/var(--k44l-lh-cta) var(--k44-serif);text-wrap:pretty}
.k44-people__cta-text{margin-top:var(--k44l-cta-p-mt);font:400 var(--k44l-fs-p)/1.6 var(--k44-serif);text-wrap:pretty}
.k44-people__cta .k44-btn{margin-top:24px}
.k44-br-d{display:none}
@media (min-width:1024px){.k44-br-d{display:inline}}

/* ---------- 768 do 1023: tablet (uklad warstwowy) ---------- */
@media (max-width:1023px){
	:root{--k44l-person-pt:96px;--k44l-person-pt-first:64px;--k44l-card-pad:40px;--k44l-fs-name:36px;--k44l-lh-name:1.3;--k44l-intro-lead-mt:20px;
		--k44l-panel-pad:40px;--k44l-panel-mt:32px;--k44l-panel-gap:40px;--k44l-row-pad:36px 0;--k44l-intro-gap:40px;--k44l-why-pad:36px 0 8px;--k44l-fs-h3:32px;
		--k44l-card-w:calc((100% - 24px) / 2);--k44l-fs-ph3:30px;--k44l-ppanel-gap:40px;
		--k44l-cta-mt:96px;--k44l-cta-pt:96px;--k44l-cta-pb:88px;--k44l-fs-cta:38px;--k44l-lh-cta:1.35}
	.k44-person__block{display:flex;flex-direction:column}
	.k44-person__media{width:calc(100% - 144px);aspect-ratio:3/2;min-height:0;align-self:flex-end}
	.k44-person__card{width:calc(100% - 192px);align-self:flex-start;margin:-120px 0 0}
	.k44-person--reverse .k44-person__media{align-self:flex-start}
	.k44-person--reverse .k44-person__card{align-self:flex-end}
}

/* ---------- do 767: telefon ---------- */
@media (max-width:767px){
	:root{--k44l-person-pt:88px;--k44l-person-pt-first:56px;--k44l-card-pad:28px 24px 24px;--k44l-fs-name:30px;--k44l-name-mt:10px;--k44l-fs-p:17px;--k44l-p-mt:16px;--k44l-intro-lead-mt:18px;
		--k44l-panel-pad:32px 24px;--k44l-panel-mt:24px;--k44l-row-pad:32px 0;--k44l-intro-mt:24px;--k44l-why-pad:32px 0 8px;--k44l-fs-h3:28px;--k44l-fs-big:26px;--k44l-fs-h4:24px;--k44l-fs-lead:20px;
		--k44l-projects-mt:40px;--k44l-projects-gap:20px;--k44l-track-gap:16px;--k44l-card-w:calc(100% - 40px);--k44l-fs-pt:19px;--k44l-pt-minh:0px;--k44l-pt-mt:16px;--k44l-fs-ph3:28px;--k44l-fs-meta:17px;
		--k44l-cta-mt:88px;--k44l-cta-pt:72px;--k44l-cta-pb:64px;--k44l-fs-cta:30px;--k44l-lh-cta:1.35;--k44l-cta-p-mt:16px}
	.k44-person__media{width:calc(100% - 48px);aspect-ratio:4/5}
	.k44-person__media img{object-position:var(--k44-focus-m,var(--k44-focus,50% 50%))}
	.k44-person__media--portrait{aspect-ratio:2/3} /* osobne pionowe zdjecie: cala sylwetka nad karta */
	.k44-person__card{width:calc(100% - 48px);margin-top:-100px}
	.k44-exp__intro,.k44-exp__row,.k44-exp__col--free,.k44-exp__why,.k44-project-panel__box{display:flex;flex-direction:column}
	.k44-exp__intro{gap:28px}
	.k44-exp__row,.k44-exp__why{gap:16px}
	.k44-exp__why--quote{gap:20px}
	.k44-project-panel__box{gap:28px}
	.k44-exp__cols3,.k44-exp__pairs{grid-template-columns:minmax(0,1fr)}
	.k44-exp__pairs{gap:8px}
	.k44-exp__stat-t{font-size:20px}
}