/* ============================================================
   4422 · home.css: strona glowna. Hero (film), bloki kolaz s2-s5
   (zdjecie 70 % / karta 45 % / nachodzenie 15 %), kolumny 44 | 22,
   "Razem", pas Kontakt. Wartosci 1:1 z demo responsywnego v3
   (desktop 1440; breakpointy 1279 / 1023 / 767).
   Naglowek, stopka, przycisk, toast: main.css.
   ============================================================ */

/* ---------- TOKENY SEKCJI ---------- */
:root{
	--k44-hero-h:min(max(605px,42vw),900px);--k44-hero-logo-h:60px;--k44-hero-overlay:rgba(20,20,20,.30);--k44-hero-max:700px;
	--k44-fs-hero-title:52px;--k44-fs-hero-p1:19px;--k44-fs-hero-p2:15px;
	--k44-fs-h2:44px;--k44-lh-h2:1.4;--k44-fs-h2-s5:33px;--k44-fs-h3:36px;--k44-fs-feature:18px;--k44-fs-list:18px;
	--k44-card-pad:56px;--k44-card-gap:22px;--k44-card-mt:56px;
	--k44-fs-razem:31px;--k44-lh-razem:1.55;--k44-razem-max:1000px;
	--k44-fs-cta-h2:46px;--k44-lh-cta-h2:1.4;--k44-fs-cta-p:18px;
	--k44-sp-s2:48px;--k44-sp-s3:96px;--k44-sp-s4:110px;--k44-sp-s4-card-mb:90px;--k44-sp-s5:110px;--k44-sp-razem:96px;
	--k44-sp-cta-mt:120px;--k44-sp-cta-pt:120px;--k44-sp-cta-pb:112px;
}

/* ---------- HERO ---------- */
.k44-hero{position:relative;height:var(--k44-hero-h);overflow:hidden;display:flex;align-items:center;background:var(--k44-dark) 50% 40%/cover no-repeat}
.k44-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:0;transition:opacity 400ms}
.k44-hero__video.is-ready{opacity:1}
.k44-hero__overlay{position:absolute;inset:0;background:var(--k44-hero-overlay)}
.k44-hero__inner{position:relative;width:100%}
.k44-hero__content{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;max-width:var(--k44-hero-max);margin:0 auto}
.k44-hero__logo img{height:var(--k44-hero-logo-h);width:auto;margin:0 auto}
.k44-hero__title{margin-top:20px;font:400 var(--k44-fs-hero-title)/1.15 var(--k44-serif)}
.k44-hero__p1{margin-top:20px;font:400 var(--k44-fs-hero-p1)/1.5 var(--k44-sans)}
.k44-hero__p2{margin-top:4px;font:400 var(--k44-fs-hero-p2)/1.5 var(--k44-sans);opacity:.9}

/* ---------- BLOK KOLAZ (zdjecie + bezowa karta) ---------- */
.k44-feature{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));padding-top:var(--k44-sp);scroll-margin-top:var(--k44-scroll-mt)}
.k44-feature__media{grid-column:7/21;grid-row:1;width:100%;aspect-ratio:3/2;min-height:100%;object-fit:cover}
.k44-feature--reverse .k44-feature__media{grid-column:1/15}
.k44-feature__card{grid-column:1/10;grid-row:1;align-self:start;position:relative;z-index:1;margin:var(--k44-card-mt) 0;background:var(--k44-card);padding:var(--k44-card-pad);display:flex;flex-direction:column;align-items:flex-start}
.k44-feature--reverse .k44-feature__card{grid-column:12/21}
.k44-feature__title{font:400 var(--k44-fs-h2)/var(--k44-lh-h2) var(--k44-serif);text-wrap:pretty}
.k44-feature--s5 .k44-feature__title{font-size:var(--k44-fs-h2-s5);font-weight:700}
.k44-feature__p{margin-top:var(--k44-card-gap);font:400 var(--k44-fs-feature)/1.6 var(--k44-serif);display:flex;flex-direction:column;text-wrap:pretty}
.k44-feature__p--strong{font-weight:700}
.k44-feature--s2{--k44-sp:var(--k44-sp-s2)}
.k44-feature--s3{--k44-sp:var(--k44-sp-s3)}
.k44-feature--s4{--k44-sp:var(--k44-sp-s4)}
.k44-feature--s5{--k44-sp:var(--k44-sp-s5)}
.k44-feature--s2 .k44-feature__media{object-position:0% 15%;object-view-box:inset(0 25% 0 0)}
.k44-feature--s3 .k44-feature__media{object-position:100% 20%;object-view-box:inset(0 0 0 28%)}
/* sekcja 4: ramka 3:2 z plakatem w tle i filmem w petli */
.k44-feature--s4 .k44-feature__media{position:relative;overflow:hidden;background:var(--k44-sand) right center/cover no-repeat}
.k44-feature__media-wrap video,.k44-feature__media-wrap .k44-feature__media-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% 50%}
.k44-feature--s4 .k44-feature__card{margin-bottom:var(--k44-sp-s4-card-mb)}
.k44-feature--s5 .k44-feature__media{aspect-ratio:auto;align-self:stretch;height:100%;min-height:0;object-position:100% 10%}

/* kolumny 44 | 22 */
.k44-cols{margin-top:var(--k44-card-gap);display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);grid-template-rows:auto auto;gap:0 20px;width:100%;align-items:stretch}
.k44-cols__list{display:flex;flex-direction:column;gap:4px}
.k44-cols__list h3{margin:0 0 6px;font:400 var(--k44-fs-h3)/1.1 var(--k44-serif)}
.k44-cols__list p,.k44-cols__p{font:400 var(--k44-fs-list)/1.5 var(--k44-serif);text-wrap:pretty}
.k44-cols__p{margin-top:20px}
.k44-cols__list--l{grid-column:1;grid-row:1}
.k44-cols__p--l{grid-column:1;grid-row:2}
.k44-cols__line{grid-column:2;grid-row:1/3;background:var(--k44-accent)}
.k44-cols__list--r{grid-column:3;grid-row:1}
.k44-cols__p--r{grid-column:3;grid-row:2}

/* ---------- RAZEM, PAS KONTAKT ---------- */
.k44-razem{padding-top:var(--k44-sp-razem);display:flex;justify-content:center}
.k44-razem p{max-width:var(--k44-razem-max);text-align:center;font:400 var(--k44-fs-razem)/var(--k44-lh-razem) var(--k44-serif);text-wrap:pretty}
.k44-cta{margin-top:var(--k44-sp-cta-mt);background:var(--k44-sand);scroll-margin-top:var(--k44-scroll-mt)}
.k44-cta__inner{padding-top:var(--k44-sp-cta-pt);padding-bottom:var(--k44-sp-cta-pb);display:flex;flex-direction:column;align-items:center;text-align:center}
.k44-cta__title{font:400 var(--k44-fs-cta-h2)/var(--k44-lh-cta-h2) var(--k44-serif);text-wrap:pretty}
.k44-cta__text{margin-top:22px;font:400 var(--k44-fs-cta-p)/1.6 var(--k44-serif)}
.k44-cta .k44-btn{margin-top:24px}

@media (prefers-reduced-motion:reduce){.k44-hero__video{transition:none}}

/* ---------- 1024 do 1279: tablet poziomo, maly laptop ---------- */
@media (max-width:1279px){
	:root{--k44-hero-h:560px;--k44-hero-logo-h:56px;--k44-fs-hero-title:46px;--k44-fs-hero-p1:18px;
		--k44-fs-h2:38px;--k44-fs-h2-s5:30px;--k44-fs-h3:32px;--k44-fs-feature:17px;--k44-fs-list:17px;--k44-card-pad:48px;--k44-card-gap:20px;--k44-card-mt:45px;
		--k44-fs-razem:27px;--k44-razem-max:800px;--k44-fs-cta-h2:40px;--k44-lh-cta-h2:1.3;
		--k44-sp-s2:40px;--k44-sp-s3:80px;--k44-sp-s4:88px;--k44-sp-s4-card-mb:64px;--k44-sp-s5:88px;--k44-sp-razem:80px;--k44-sp-cta-mt:96px;--k44-sp-cta-pt:96px;--k44-sp-cta-pb:88px}
	.k44-feature--s4 .k44-feature__card{grid-column:1/11} /* karta 50 % tylko w sekcji 4, zeby kolumny 44 | 22 zostaly obok siebie */
}

/* ---------- 768 do 1023: tablet pionowo (uklad warstwowy) ---------- */
@media (max-width:1023px){
	:root{--k44-hero-h:clamp(480px,50vh,560px);--k44-hero-logo-h:52px;--k44-fs-hero-title:42px;--k44-fs-hero-p1:17px;--k44-fs-hero-p2:14px;--k44-hero-max:560px;
		--k44-fs-h2:34px;--k44-lh-h2:1.35;--k44-fs-h2-s5:28px;--k44-fs-h3:30px;--k44-card-pad:48px;
		--k44-fs-razem:25px;--k44-razem-max:600px;--k44-fs-cta-h2:36px;--k44-fs-cta-p:17px;
		--k44-sp-s2:32px;--k44-sp-s3:72px;--k44-sp-s4:80px;--k44-sp-s4-card-mb:0px;--k44-sp-s5:80px;--k44-sp-razem:64px;--k44-sp-cta-mt:80px;--k44-sp-cta-pt:80px;--k44-sp-cta-pb:72px}
	.k44-feature{display:flex;flex-direction:column}
	.k44-feature__media,.k44-feature--s5 .k44-feature__media{width:85%;aspect-ratio:3/2;height:auto;min-height:0;align-self:flex-end;object-view-box:none}
	.k44-feature__card,.k44-feature--s4 .k44-feature__card{width:85%;align-self:flex-start;margin:calc(-85% * 2 / 3 / 3) 0 0} /* karta zaczyna sie 1/3 wysokosci zdjecia nad jego dolem */
	.k44-feature--reverse .k44-feature__media{align-self:flex-start}
	.k44-feature--reverse .k44-feature__card{align-self:flex-end}
	/* sekcja 4: kadr na kubek, widoczne prawe dolne 65 % klatki */
	.k44-feature--s4 .k44-feature__media{background-size:153.85% auto;background-position:100% 100%}
	.k44-feature__media-wrap video,.k44-feature__media-wrap .k44-feature__media-img{inset:auto 0 0 auto;width:153.85%;height:153.85%;object-position:100% 100%}
}

/* ---------- do 767: telefon ---------- */
@media (max-width:767px){
	:root{--k44-hero-h:clamp(420px,55vh,520px);--k44-hero-logo-h:44px;--k44-hero-overlay:rgba(20,20,20,.35);--k44-fs-hero-title:36px;--k44-fs-hero-p1:16px;--k44-fs-hero-p2:14px;--k44-hero-max:320px;
		--k44-fs-h2:32px;--k44-lh-h2:1.3;--k44-fs-h2-s5:26px;--k44-fs-h3:28px;--k44-fs-feature:17px;--k44-fs-list:17px;--k44-card-gap:18px;--k44-card-pad:clamp(24px,8vw,34px);
		--k44-fs-razem:24px;--k44-lh-razem:1.5;--k44-razem-max:320px;--k44-fs-cta-h2:34px;
		--k44-sp-s2:32px;--k44-sp-s3:72px;--k44-sp-s4:72px;--k44-sp-s5:72px;--k44-sp-razem:64px;--k44-sp-cta-mt:72px;--k44-sp-cta-pt:72px;--k44-sp-cta-pb:64px}
	.k44-hero__video{object-position:50% 35%}
	.k44-hero__title{margin-top:16px}
	.k44-hero__p1{margin-top:16px}
	.k44-feature__media,.k44-feature--s5 .k44-feature__media{width:90%}
	.k44-feature__card,.k44-feature--s4 .k44-feature__card{width:90%;margin-top:calc(-90% * 2 / 3 / 3)}
	.k44-cols{grid-template-columns:1fr;grid-template-rows:auto;gap:0}
	.k44-cols__list--l{grid-column:1;grid-row:1}
	.k44-cols__p--l{grid-column:1;grid-row:2}
	.k44-cols__line{grid-column:1;grid-row:3;height:1px;width:100%;margin:20px 0}
	.k44-cols__list--r{grid-column:1;grid-row:4}
	.k44-cols__p--r{grid-column:1;grid-row:5}
	.k44-cta__text{margin-top:18px}
	.k44-cta .k44-btn{margin-top:20px}
}