/* GrainFlow 4.0 — EPI · main.css · koncepcja „Złoty Strumień” */

/* ---------- Fonty lokalne (WOFF2, OFL, latin + latin-ext) ---------- */
@font-face{font-family:'Sora';font-style:normal;font-weight:600 700;font-display:swap;src:url('../fonts/sora-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Sora';font-style:normal;font-weight:600 700;font-display:swap;src:url('../fonts/sora-var-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url('../fonts/plex-sans-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url('../fonts/plex-sans-var-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/plex-mono-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/plex-mono-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* ---------- Reset i baza ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--font-tekst);font-size:1.0625rem;line-height:1.65;color:var(--ink);background:var(--tlo);-webkit-font-smoothing:antialiased;}
img,video{max-width:100%;height:auto;display:block;}
h1,h2,h3{font-family:var(--font-naglowek);line-height:1.14;margin:0 0 .6em;letter-spacing:-.015em;}
h1{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:700;}
h2{font-size:clamp(1.6rem,3.2vw,2.35rem);font-weight:700;}
h3{font-size:clamp(1.12rem,1.8vw,1.3rem);font-weight:600;}
p{margin:0 0 1em;}
a{color:var(--granat);}
ul,ol{margin:0 0 1em;padding-left:1.2em;}
:focus-visible{outline:3px solid var(--zloto);outline-offset:3px;border-radius:4px;}
.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.6em 1em;z-index:100;}
.skip-link:focus{left:12px;top:12px;}
.akcent{color:var(--zloto);}
.dane{font-family:var(--font-dane);font-weight:500;letter-spacing:-.01em;}
.kicker{font-family:var(--font-dane);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--granat);margin:0 0 .9em;}
.kicker--jasny{color:color-mix(in srgb,var(--zloto) 70%,#fff);}
.jasny{color:#F2F5F9;}
.zastrzezenie,.adnotacja{font-size:.92rem;color:var(--szary);border-left:3px solid var(--zloto);padding-left:.9em;margin-top:1.4em;}
.pastylka{font-family:var(--font-dane);font-size:.8rem;border:1px solid var(--linia);border-radius:999px;padding:.32em .85em;background:var(--biel);color:var(--granat);white-space:nowrap;}
.przycisk{display:inline-block;font-family:var(--font-naglowek);font-weight:600;font-size:1rem;background:var(--zloto);color:var(--ink);padding:.85em 1.7em;border-radius:999px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 10px 24px -12px color-mix(in srgb,var(--zloto) 70%,transparent);}
.przycisk:hover{transform:translateY(-2px);}
.foto-zaokraglona{border-radius:var(--promien);box-shadow:var(--cien);width:100%;object-fit:cover;}

/* ---------- Pas brandowy: wyłącznie znaki; zdanie w osobnym pasku pod spodem ---------- */
.pas-brand{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(18px,4vw,44px);background:#fff;padding:14px clamp(14px,3vw,32px);}
.pas-brand img{height:52px;width:auto;}
.pas-info{background:#fff;border-top:1px solid var(--linia);border-bottom:1px solid var(--linia);text-align:center;font-size:.82rem;color:var(--szary);padding:8px 16px;}

/* ---------- Nagłówek ---------- */
.naglowek{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--tlo) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--linia);}
.naglowek__wnetrze{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(16px,3vw,28px);}
.naglowek__marka{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);}
.naglowek__sygnet{width:38px;height:38px;}
.naglowek__nazwa{font-family:var(--font-naglowek);font-weight:700;font-size:1.18rem;letter-spacing:-.01em;}
.naglowek__menu{display:flex;flex-wrap:wrap;gap:clamp(12px,2vw,26px);}
.naglowek__menu a{text-decoration:none;color:var(--ink);font-weight:600;font-size:.95rem;border-bottom:2px solid transparent;padding:4px 0;}
.naglowek__menu a:hover{border-bottom-color:var(--zloto);}

/* ---------- HERO H1: film na całe okno + tekst pod spodem ---------- */
.hero{background:var(--granat-glebia);}
.hero__film{position:relative;width:100%;height:clamp(70vh,78vh,88vh);}
.hero__film video{width:100%;height:100%;object-fit:cover;}
.asc-wideo{position:relative;}
.asc-wideo__pauza{position:absolute;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(18,38,63,.45);cursor:pointer;backdrop-filter:blur(4px);}
.asc-wideo__ikona{display:block;margin:0 auto;width:12px;height:14px;border-left:4px solid #fff;border-right:4px solid #fff;}
.asc-wideo--gra .asc-wideo__ikona{border:none;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #fff;margin-left:16px;}
.hero__tekst{max-width:var(--max);margin:0 auto;padding:clamp(34px,5vw,64px) clamp(16px,3vw,28px) clamp(44px,5vw,72px);color:#F2F5F9;}
.hero .kicker{color:color-mix(in srgb,var(--zloto) 78%,#fff);}
.hero__naglowek{color:#fff;max-width:19ch;}
.hero__lead{max-width:62ch;font-size:1.12rem;color:#D7DEE7;}
.hero__dane{display:flex;flex-wrap:wrap;gap:10px;margin:1.2em 0 1.6em;}
.hero .pastylka{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28);color:#EFE6CF;}

/* ---------- Sekcje: naprzemienne przełamania tła ---------- */
.sekcja{padding:clamp(56px,7vw,104px) 0;}
.sekcja--tlo{background:var(--tlo);}
.sekcja--biala{background:var(--biel);}
.sekcja--pastel{background:var(--zloto-jasne);}
.sekcja--ciemna{background:linear-gradient(160deg,var(--granat-glebia) 0%,var(--granat) 100%);color:#F2F5F9;}
.sekcja__wnetrze{max-width:var(--max);margin:0 auto;padding:0 clamp(16px,3vw,28px);}
.sekcja__wnetrze--waska{max-width:820px;}
.sekcja__wnetrze--srodek{text-align:center;}
.sekcja__wnetrze--srodek .przycisk{margin-top:.4em;}
.sekcja__lead{max-width:68ch;color:var(--szary);}
.sekcja--ciemna .sekcja__lead{color:#C7D2DE;}
.sekcja__wnetrze--dwie{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center;}
.sekcja__kolumny{display:grid;gap:clamp(18px,2.6vw,30px);margin-top:1.6em;}
.sekcja__kolumny--problem{grid-template-columns:1fr 1fr;}
.sekcja__kolumny--trzy{grid-template-columns:repeat(3,1fr);}
.sekcja__kolumny--grupa{grid-template-columns:repeat(3,1fr);align-items:stretch;}

/* ---------- O operacji: kolaż + chip ---------- */
.kolaz{position:relative;padding-bottom:56px;}
.kolaz__duzy{border-radius:var(--promien);overflow:hidden;box-shadow:var(--cien);}
.kolaz__maly{position:absolute;right:-4%;bottom:0;width:46%;border-radius:var(--promien);overflow:hidden;box-shadow:var(--cien);border:6px solid var(--tlo);}
.kolaz__foto{width:100%;height:100%;object-fit:cover;}
.kolaz__chip{position:absolute;left:-2%;bottom:26px;background:var(--biel);border-radius:14px;box-shadow:var(--cien);padding:.7em 1em;display:flex;flex-direction:column;gap:2px;}
.kolaz__chip-etykieta{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--szary);}
.kolaz__chip-dane{font-family:var(--font-dane);font-size:.92rem;color:var(--granat);}
.tytul-operacji{margin-top:1.2em;border:1px solid var(--linia);border-radius:12px;background:var(--biel);padding:.8em 1em;}
.tytul-operacji summary{cursor:pointer;font-weight:600;color:var(--granat);}
.tytul-operacji p{margin:.8em 0 0;font-size:.95rem;color:var(--szary);}

/* ---------- Wycinanki (grafiki bez tła, subtelny float) ---------- */
.wycinanka{pointer-events:none;}
.wycinanka__obraz{filter:drop-shadow(0 16px 22px color-mix(in srgb,var(--ink) 28%,transparent));}
.wycinanka--pszenica{position:absolute;top:-46px;right:6%;width:min(30%,170px);animation:unoszenie 6s ease-in-out infinite;}
.wycinanka--kukurydza{position:absolute;right:-2%;bottom:-34px;width:min(24%,150px);animation:unoszenie 7s ease-in-out infinite;}
.wycinanka--rzepak{position:absolute;right:3%;bottom:8px;width:min(16%,150px);animation:unoszenie 6.5s ease-in-out infinite;}
@keyframes unoszenie{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
#grupa{position:relative;overflow:visible;}
#problem .sekcja__pasek-media{position:relative;margin-top:1.8em;}

/* ---------- Karty problem/rozwiązanie i grupa ---------- */
.karta{border-radius:var(--promien);padding:clamp(20px,2.6vw,30px);background:var(--tlo);border:1px solid var(--linia);}
.karta--problem h3{color:var(--szary);}
.karta--rozwiazanie{background:var(--zloto-pastel);border-color:color-mix(in srgb,var(--zloto) 34%,var(--tlo));}
.karta--rozwiazanie h3{color:var(--zloto);}
.karta--osoba{background:var(--biel);box-shadow:0 10px 30px -22px color-mix(in srgb,var(--ink) 40%,transparent);}
.karta__rola{font-family:var(--font-dane);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--zloto);margin-bottom:.5em;}
.lista{list-style:none;padding:0;}
.lista li{position:relative;padding-left:1.5em;margin-bottom:.7em;}
.lista li::before{content:"";position:absolute;left:0;top:.52em;width:9px;height:9px;border-radius:2px;background:var(--zloto);transform:rotate(45deg);}

/* ---------- DROGA PARTII: sticky-storytelling (efekt WOW) ---------- */
.droga{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,72px);margin-top:2em;align-items:start;}
.droga__wizual{position:sticky;top:110px;}
.paszport{background:var(--granat-glebia);color:#EDF2F7;border-radius:22px;padding:clamp(22px,2.6vw,32px);box-shadow:var(--cien);max-width:420px;}
.paszport__naglowek{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed rgba(255,255,255,.28);padding-bottom:14px;margin-bottom:14px;}
.paszport__tytul{font-family:var(--font-naglowek);font-weight:700;font-size:1.1rem;}
.paszport__qr{color:var(--zloto);}
.paszport__dane{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;}
.paszport__dane div{background:rgba(255,255,255,.06);border-radius:10px;padding:.6em .8em;}
.paszport__dane dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#9FB0C2;}
.paszport__dane dd{margin:0;font-family:var(--font-dane);font-size:1.02rem;color:#fff;}
.paszport__status{margin:16px 0 0;font-family:var(--font-dane);font-size:.9rem;color:var(--zloto);}
.droga__kroki{list-style:none;padding:0;margin:0;counter-reset:krok;}
.krok{counter-increment:krok;position:relative;padding:18px 20px 18px 66px;border-radius:16px;margin-bottom:14px;background:var(--biel);border:1px solid var(--linia);opacity:.55;transform:translateX(8px);transition:opacity .4s ease,transform .4s ease,border-color .4s ease,box-shadow .4s ease;}
.krok::before{content:counter(krok,decimal-leading-zero);position:absolute;left:18px;top:20px;font-family:var(--font-dane);font-size:.95rem;color:var(--szary);border:1.5px solid var(--linia);border-radius:10px;padding:.2em .45em;background:var(--tlo);transition:all .4s ease;}
.krok h3{margin-bottom:.25em;}
.krok p{margin:0;color:var(--szary);font-size:.98rem;}
.krok.is-active{opacity:1;transform:translateX(0);border-color:var(--zloto);box-shadow:0 14px 34px -22px color-mix(in srgb,var(--zloto) 80%,transparent);}
.krok.is-active::before{color:var(--ink);background:var(--zloto);border-color:var(--zloto);}
.sekcja__duet{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.6vw,30px);margin-top:2.4em;}
.duet__el{margin:0;min-width:0;}
.duet__el img,.duet__el .asc-placeholder{aspect-ratio:16/10;}
.duet__el .asc-placeholder,.sekcja__foto-pas .asc-placeholder{min-height:0;}
.duet__el figcaption{font-size:.88rem;color:var(--szary);margin-top:.6em;font-family:var(--font-dane);}

/* ---------- KPI: filary z piktogramami ---------- */
.filar{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--promien);padding:clamp(22px,2.6vw,32px);}
.filar__ikona{display:inline-flex;color:var(--zloto);margin-bottom:14px;}
.filar h3{color:#fff;}
.lista--kpi li{color:#C7D2DE;font-size:.98rem;}
.lista--kpi li::before{background:var(--zloto);}
.lista--kpi .dane{color:var(--zloto);font-size:1.16rem;margin-right:.35em;}
.sekcja__stopka-notka{margin-top:2em;font-size:.92rem;color:#AFBDCB;max-width:80ch;}

/* ---------- APLIKACJA: rotator mockupów ---------- */
.sekcja__wnetrze--app{max-width:min(1520px,97vw);grid-template-columns:.85fr 1.55fr;gap:clamp(24px,3vw,48px);}
.sekcja__wnetrze--app .sekcja__wizual{order:2;}
.lista--widoki{list-style:none;counter-reset:widok;padding:0;}
.lista--widoki li{counter-increment:widok;padding-left:2.4em;margin-bottom:.9em;}
.lista--widoki li::before{content:counter(widok);width:1.6em;height:1.6em;border-radius:8px;background:var(--zloto);color:var(--ink);font-family:var(--font-dane);display:flex;align-items:center;justify-content:center;top:.15em;transform:none;}
.rotator{position:relative;min-height:clamp(460px,52vw,760px);display:flex;align-items:center;justify-content:center;}
.rotator__blob{position:absolute;inset:auto;width:min(86%,640px);aspect-ratio:1/1;border-radius:46% 54% 52% 48%/48% 44% 56% 52%;background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--zloto) 22%,var(--biel)),var(--zloto-pastel) 70%);}
.rotator__scena{position:relative;width:min(104%,1000px);}
.rotator__slajd{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .6s ease;}
.rotator__slajd:first-child{position:relative;}
.rotator__slajd.is-active{opacity:1;}
.rotator__obraz{max-height:clamp(440px,50vw,720px);width:auto;filter:drop-shadow(0 30px 40px color-mix(in srgb,var(--ink) 35%,transparent));}
.rotator .asc-placeholder{width:min(70%,420px);aspect-ratio:3/4;margin:0 auto;}
.rotator__pauza{position:absolute;right:6%;bottom:4%;width:42px;height:42px;border-radius:50%;border:1px solid var(--linia);background:rgba(255,255,255,.85);cursor:pointer;}
.rotator__pauza span{display:block;margin:0 auto;width:10px;height:12px;border-left:3.5px solid var(--granat);border-right:3.5px solid var(--granat);}
.rotator--pauza .rotator__pauza span{border:none;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid var(--granat);margin-left:15px;}

/* ---------- Finansowanie ---------- */
.finanse{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px);margin-top:1.6em;}
.finanse__pozycja{background:var(--biel);border:1px solid var(--linia);border-radius:14px;padding:1em 1.2em;display:flex;flex-direction:column;gap:.4em;}
.finanse__etykieta{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--szary);}
.finanse__kwota{font-size:1.12rem;color:var(--granat);}
.finanse__meta{margin-top:1.4em;font-size:.92rem;color:var(--szary);max-width:86ch;}
.finanse__znaki{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(18px,4vw,44px);background:#fff;border-radius:14px;padding:14px 22px;margin-top:1.2em;width:fit-content;}
.finanse__znaki img{height:48px;width:auto;}

/* ---------- Harmonogram ---------- */
.kamienie{list-style:none;padding:0;margin:2em 0 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,22px);}
.kamien{border:1px solid var(--linia);border-radius:14px;padding:1.1em 1.3em;background:var(--tlo);position:relative;}
.kamien__data{display:inline-block;font-size:.85rem;color:var(--granat);margin-bottom:.35em;}
.kamien__status{position:absolute;right:14px;top:14px;font-family:var(--font-dane);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:.3em .8em;}
.kamien--planowane .kamien__status{background:color-mix(in srgb,var(--granat) 10%,#fff);color:var(--granat);}
.kamien--w-trakcie .kamien__status{background:color-mix(in srgb,var(--zloto) 18%,#fff);color:#8a6608;}
.kamien--zakonczone .kamien__status{background:color-mix(in srgb,#2F7A44 14%,#fff);color:#2F7A44;}
.kamien__tytul{font-size:1.05rem;margin:.2em 0 .3em;}
.kamien__opis{margin:0;font-size:.92rem;color:var(--szary);}
.sekcja__foto-pas{margin-top:2.2em;}
.foto-pas{aspect-ratio:21/9;object-fit:cover;}
.sekcja__foto-pas .asc-placeholder{aspect-ratio:21/9;}

/* ---------- Aktualności ---------- */
.wpisy{margin-top:1.6em;}
.wpis{border-bottom:1px solid var(--linia);padding:1.6em 0;}
.wpis__meta{display:flex;align-items:center;gap:12px;margin-bottom:.5em;flex-wrap:wrap;}
.wpis__data{font-size:.85rem;color:var(--szary);}
.badge{font-family:var(--font-dane);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:.3em .8em;background:var(--tlo);color:var(--granat);border:1px solid var(--linia);}
.badge--zakonczone{background:color-mix(in srgb,#2F7A44 12%,#fff);color:#2F7A44;border-color:transparent;}
.badge--w-trakcie{background:color-mix(in srgb,var(--zloto) 16%,#fff);color:#8a6608;border-color:transparent;}
.badge--planowane{background:color-mix(in srgb,var(--granat) 10%,#fff);color:var(--granat);border-color:transparent;}
.wpis__tytul a{color:var(--ink);text-decoration:none;}
.wpis__tytul a:hover{color:var(--granat);}
.wpis__dalej{display:inline-block;font-weight:600;color:var(--granat);text-decoration:none;border-bottom:2px solid var(--zloto);padding-bottom:2px;}
.paginacja{margin-top:1.6em;}

/* ---------- Placeholdery mediów ---------- */
.asc-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4em;background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--zloto) 7%,var(--biel)),color-mix(in srgb,var(--zloto) 7%,var(--biel)) 14px,color-mix(in srgb,var(--zloto) 13%,var(--biel)) 14px,color-mix(in srgb,var(--zloto) 13%,var(--biel)) 28px);border:1.5px dashed color-mix(in srgb,var(--zloto) 50%,var(--biel));border-radius:var(--promien);min-height:200px;padding:1em;text-align:center;width:100%;height:100%;}
.asc-placeholder__nazwa{font-family:var(--font-dane);font-size:.85rem;color:var(--granat);word-break:break-all;}
.asc-placeholder__info{font-size:.78rem;color:var(--szary);}
.asc-placeholder--wideo{min-height:clamp(70vh,78vh,88vh);border-radius:0;background:repeating-linear-gradient(-45deg,#1a2c44,#1a2c44 16px,#1f3450 16px,#1f3450 32px);border:none;}
.asc-placeholder--wideo .asc-placeholder__nazwa{color:var(--zloto);}
.asc-placeholder--wideo .asc-placeholder__info{color:#9FB0C2;}
.kolaz .asc-placeholder{min-height:260px;}
.kolaz__maly .asc-placeholder{min-height:170px;}
.wycinanka .asc-placeholder{min-height:120px;background:transparent;border-style:dotted;}

/* ---------- Stopka ---------- */
.stopka{background:var(--granat-glebia);color:#C7D2DE;padding:clamp(40px,5vw,64px) 0;}
.stopka__wnetrze{max-width:var(--max);margin:0 auto;padding:0 clamp(16px,3vw,28px);display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,5vw,64px);}
.stopka__marka{font-family:var(--font-naglowek);font-weight:700;font-size:1.3rem;color:#fff;margin-bottom:.4em;}
.stopka__opis{font-size:.92rem;}
.stopka__kontakt a{color:var(--zloto);}
.stopka__znaki{display:flex;flex-wrap:wrap;align-items:center;gap:22px;background:#fff;border-radius:12px;padding:12px 18px;width:fit-content;}
.stopka__znaki img{height:42px;width:auto;}
.stopka__finansowanie{font-size:.82rem;margin-top:1em;color:#9FB0C2;}

/* ---------- Reduced motion / Save-Data ---------- */
@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto;}
	.wycinanka--pszenica,.wycinanka--kukurydza,.wycinanka--rzepak{animation:none;}
	.krok{opacity:1;transform:none;transition:none;}
	.rotator__slajd{transition:none;}
	.przycisk{transition:none;}
}

/* ---------- Mobile ---------- */
@media (max-width:900px){
	.naglowek__wnetrze{flex-direction:column;align-items:flex-start;gap:8px;}
	.naglowek__menu{gap:14px;}
	.sekcja__wnetrze--dwie{grid-template-columns:1fr;}
	.sekcja__wnetrze--app{grid-template-columns:1fr;}
	.sekcja__wnetrze--app .sekcja__wizual{order:2;}
	.sekcja__kolumny--problem,.sekcja__kolumny--trzy,.sekcja__kolumny--grupa{grid-template-columns:1fr;}
	.droga{grid-template-columns:1fr;}
	.droga__wizual{position:static;}
	.paszport{max-width:100%;}
	.sekcja__duet{grid-template-columns:1fr;}
	.finanse{grid-template-columns:1fr 1fr;}
	.kamienie{grid-template-columns:1fr;}
	.stopka__wnetrze{grid-template-columns:1fr;}
	.kolaz__maly{right:0;}
	.kolaz__chip{left:0;}
	.wycinanka--pszenica{top:-30px;right:2%;width:min(34%,130px);}
	.wycinanka--kukurydza{bottom:-24px;width:min(30%,110px);}
	.wycinanka--rzepak{display:none;}
	.rotator{min-height:0;padding:24px 0;}
	.rotator__scena{width:min(100%,560px);margin:0 auto;}
	.rotator__obraz{max-height:none;width:min(100%,560px);}
	.rotator .asc-placeholder{width:min(100%,560px);}
	.hero__film,.asc-placeholder--wideo{height:min(62vh,520px);min-height:0;}
}