/* =====================================================================
   Food & Mind · WEB 2 · system UI „Edukacja przez doświadczenie”
   Wzór wyglądu dla wdrożenia w Astro (nie kod produkcyjny).
   Kolory i kroje: zatwierdzone w WEB 1. Pozostałe wartości: [propozycja].
   Układ: kontener 1200 px, 12 kolumn / 4 na telefonie, sekcje dzielone tłem
   (Ivory / Sand / Brown), jedno zdjęcie w hero, akcenty Orange tylko graficznie.
   ===================================================================== */

/* ---------- Fonty: hosting lokalny WOFF2 (latin + latin-ext) ---------- */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-display:swap;
  src:url(fonts/bricolage-grotesque-latin-ext-opsz-normal.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:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-display:swap;
  src:url(fonts/bricolage-grotesque-latin-opsz-normal.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:"Instrument Sans";font-weight:400;font-display:swap;src:url(fonts/instrument-sans-latin-ext-400-normal.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:"Instrument Sans";font-weight:400;font-display:swap;src:url(fonts/instrument-sans-latin-400-normal.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:"Instrument Sans";font-weight:500;font-display:swap;src:url(fonts/instrument-sans-latin-ext-500-normal.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:"Instrument Sans";font-weight:500;font-display:swap;src:url(fonts/instrument-sans-latin-500-normal.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:"Instrument Sans";font-weight:600;font-display:swap;src:url(fonts/instrument-sans-latin-ext-600-normal.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:"Instrument Sans";font-weight:600;font-display:swap;src:url(fonts/instrument-sans-latin-600-normal.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}

/* ---------- Tokeny ---------- */
:root{
  color-scheme:light;
  /* Paleta [WEB 1] */
  --ivory:#F8F5EF; --brown:#594941; --sand:#EEE5D9;
  --orange:#D86A32; --teal:#4A8480;
  --orange-dark:#A94417; --teal-dark:#346B67; --white:#FFFFFF;
  /* Pochodne [propozycja do akceptacji] */
  --orange-darker:#8B3813; --text-muted:#6E6058; --border-input:#7A6C64;
  --teal-tint:#DBE0DB; --orange-tint:#F3E0D3;
  --sand-deep:#E4D8C8;       /* active przycisku drugorzędnego */
  --line:#DDD2C5;            /* linie dekoracyjne (bez znaczenia informacyjnego) */
  --line-on-sand:#D3C5B4;

  --font-display:"Bricolage Grotesque", "Arial Narrow", Arial, sans-serif;
  --font-text:"Instrument Sans", "Helvetica Neue", Arial, sans-serif;

  /* Skala typograficzna: wartość mobile przy 390 px → desktop przy 1280 px */
  --fs-h1:clamp(38px, 2.472vw + 28.36px, 60px);
  --fs-h1-lead:clamp(20px, .449vw + 18.25px, 24px);
  --fs-h2:clamp(28px, 1.124vw + 23.62px, 38px);
  --fs-h3:clamp(22px, .449vw + 20.25px, 26px);
  --fs-h4:clamp(18px, .225vw + 17.12px, 20px);
  --fs-lead:clamp(18px, .225vw + 17.12px, 20px);
  --fs-body:clamp(16px, .112vw + 15.56px, 17px);
  --fs-small:clamp(14px, .112vw + 13.56px, 15px);
  --fs-eyebrow:14px;

  /* Odstępy: 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96 · 128 */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px;
  --section:clamp(64px, 5.39vw + 42.97px, 112px);
  --head-gap:clamp(24px, .9vw + 20.5px, 32px);

  --container:1200px;
  --gutter:16px;

  --r-btn:8px; --r-card:14px; --r-img:12px; --r-pill:999px;
  --shadow-panel:0 14px 36px rgba(89,73,65,.16), 0 2px 6px rgba(89,73,65,.08);
  --ease:cubic-bezier(.2,.7,.2,1);
}
@media (min-width:768px){ :root{ --gutter:24px } }
@media (min-width:1024px){ :root{ --gutter:32px } }

/* ---------- Baza ---------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
:root{--header-h:80px}
@media (max-width:1023px){ :root{--header-h:64px} }
/* cele kotwic i focusu nie chowają się pod przyklejonym nagłówkiem */
[id]{scroll-margin-top:calc(var(--header-h) + 16px)}
body{margin:0;background:var(--ivory);color:var(--brown);font-family:var(--font-text);font-size:var(--fs-body);line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);color:var(--brown);text-wrap:balance}
h1{font-weight:700;font-size:var(--fs-h1);line-height:1.08;letter-spacing:-.02em}
h2{font-weight:600;font-size:var(--fs-h2);line-height:1.15;letter-spacing:-.012em}
h3{font-weight:600;font-size:var(--fs-h3);line-height:1.25;letter-spacing:-.005em}
h4,.h4{font-family:var(--font-text);font-weight:600;font-size:var(--fs-h4);line-height:1.3}
p{margin:0}
.prose > * + *{margin-top:1em}
.lead{font-size:var(--fs-lead);line-height:1.5}
.small{font-size:var(--fs-small);line-height:1.5}
.muted{color:var(--text-muted)}
.eyebrow{font-family:var(--font-text);font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.3;color:var(--teal-dark)}
a{color:var(--orange-dark);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
a:hover{text-decoration-thickness:3px}
:focus{outline:none}
:focus-visible{outline:3px solid var(--teal-dark);outline-offset:2px;border-radius:4px}
.on-dark :focus-visible{outline-color:var(--ivory)}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
ul.plain,ol.plain{list-style:none;margin:0;padding:0}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Jeden H1 / H2 w dwóch stopniach (wzór WEB 1 s. 20 i 22) */
.h1-split .h1-split__lead{display:block;font-size:var(--fs-h1-lead);font-weight:600;line-height:1.25;letter-spacing:-.005em;color:var(--orange-dark);margin-bottom:.35em}
.h1-split .h1-split__main{display:block}
.h2-split .h2-split__main{display:block}
.h2-split .h2-split__sub{display:block;font-size:var(--fs-h4);font-weight:600;line-height:1.3;margin-top:.3em;letter-spacing:0}

/* ---------- Kontener i sekcje ---------- */
.container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));margin-inline:auto;
  padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px))}
.section{padding-block:var(--section)}
.section--sand{background:var(--sand)}
.section--tight{padding-block:calc(var(--section) * .66)}
.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s4) var(--s6);margin-bottom:var(--head-gap)}
.section-head__text{display:grid;gap:var(--s3);max-width:720px}

/* ---------- Znaczniki makiety (nie są częścią strony) ---------- */
.mark{display:inline-block;font-family:var(--font-text);font-size:14px;font-weight:600;line-height:1.35;letter-spacing:0;text-transform:none;
  color:var(--brown);background:var(--white);border:1.5px dashed var(--border-input);border-radius:6px;padding:2px 8px;vertical-align:middle;white-space:normal}
.mark--decision{border-style:solid;border-color:var(--teal-dark);color:var(--teal-dark)}
.mark--optional{border-style:dotted;border-color:var(--teal-dark);color:var(--teal-dark);background:transparent}
.mark--confirm{border-style:dashed;border-color:var(--teal-dark)}
.marks{display:flex;flex-wrap:wrap;gap:6px}
.section--sand .ph{background-color:var(--ivory)}
.ph{display:grid;place-items:center;text-align:center;padding:var(--s4);background-color:var(--sand);
  background-image:repeating-linear-gradient(135deg, transparent 0 11px, rgba(89,73,65,.07) 11px 12px);color:var(--brown)}

/* ---------- Skip link ---------- */
.skip-link{position:absolute;left:var(--s4);top:-100px;z-index:200;background:var(--brown);color:var(--ivory);padding:12px 18px;border-radius:var(--r-btn);font-weight:600;text-decoration:underline}
.skip-link:focus{top:var(--s3)}
.skip-link:focus-visible{outline-color:var(--teal-dark)}

/* ---------- Przyciski ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:var(--r-btn);
  font-family:var(--font-text);font-size:16px;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;
  border:2px solid transparent;transition:background-color .15s var(--ease), color .15s var(--ease), transform .1s var(--ease)}
.btn:hover{text-decoration:none}
.btn svg{flex:none}
.btn--primary{background:var(--orange-dark);color:var(--white)}
.btn--primary:hover,.btn--primary.is-hover{background:var(--orange-darker)}
.btn--primary:active,.btn--primary.is-active{background:var(--orange-darker);transform:translateY(1px);box-shadow:inset 0 2px 0 rgba(0,0,0,.18)}
.btn--secondary{background:transparent;color:var(--brown);border-color:var(--brown)}
.btn--secondary:hover,.btn--secondary.is-hover{background:var(--sand)}
.btn--secondary:active,.btn--secondary.is-active{background:var(--sand-deep);transform:translateY(1px)}
.btn--light{background:var(--ivory);color:var(--brown)}
.btn--light:hover,.btn--light.is-hover{background:var(--sand)}
.btn--light:active,.btn--light.is-active{background:var(--sand-deep);transform:translateY(1px)}
.btn.is-focus{outline:3px solid var(--teal-dark);outline-offset:2px}
.on-dark .btn.is-focus{outline-color:var(--ivory)}
.btn[aria-disabled="true"],.btn:disabled,.btn.is-disabled{background:var(--sand);color:var(--text-muted);border-color:transparent;cursor:default;transform:none;box-shadow:none}
.btn[aria-busy="true"]{background:var(--orange-darker);color:var(--white);cursor:progress}
.btn--light[aria-busy="true"]{background:var(--sand-deep);color:var(--brown)}
.btn--compact{min-height:44px;padding:8px 14px}
.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s5)}
@media (max-width:767px){ .btn-row--stack{flex-direction:column;align-items:stretch} .btn-row--stack .btn{width:100%} .btn-row--stack .arrow-link{align-self:center} }

/* Link CTA ze strzałką */
.arrow-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600;color:var(--orange-dark);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.arrow-link .arr{display:inline-block;transition:transform .15s var(--ease);text-decoration:none}
.arrow-link:hover,.arrow-link.is-hover{text-decoration-thickness:3px}
.arrow-link:hover .arr,.arrow-link.is-hover .arr{transform:translateX(4px)}
.arrow-link.is-focus{outline:3px solid var(--teal-dark);outline-offset:2px;border-radius:4px}
.on-dark .arrow-link,.on-dark a:not(.btn){color:var(--ivory)}

/* ---------- Etykieta odbiorców ---------- */
.badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:4px 12px;border:1.5px solid var(--teal-dark);border-radius:var(--r-pill);
  background:var(--white);color:var(--teal-dark);font-size:14px;font-weight:600;line-height:1.35}
.badge--quiet{border-color:var(--line);color:var(--brown)}

/* ---------- Nagłówek strony ---------- */
.site-header{position:sticky;top:0;z-index:50;background:var(--ivory);border-bottom:1px solid var(--line)}
.site-header__bar{display:flex;align-items:center;gap:var(--s6);min-height:80px}
.logo-link{display:inline-flex;align-items:center;flex:none;border-radius:6px}
.logo-link img{height:52px;width:auto}
.nav-desktop{flex:1;min-width:0}
.nav-desktop > ul{display:flex;align-items:center;gap:clamp(12px, 2vw - 8px, 28px)}
.nav-item{position:relative}
.nav-link{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 4px;font-family:var(--font-text);font-size:16px;font-weight:600;color:var(--brown);
  text-decoration:none;background:none;border:0;cursor:pointer;white-space:nowrap}
.nav-link:hover,.nav-link.is-hover{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.nav-link[aria-current="page"]::after,.nav-item.is-current > .nav-link::after{content:"";position:absolute;left:4px;right:4px;bottom:2px;height:3px;border-radius:2px;background:var(--orange-dark)}
.nav-link[aria-current="page"]:hover{text-decoration:none}
.nav-link .chev{transition:transform .15s var(--ease)}
.nav-link[aria-expanded="true"] .chev{transform:rotate(180deg)}
.nav-link.is-focus{outline:3px solid var(--teal-dark);outline-offset:2px;border-radius:4px}
.header-actions{display:flex;align-items:center;gap:var(--s3);flex:none}
.header-actions .btn{min-height:44px;padding:10px 18px}
.header-actions .btn[aria-current="page"]{box-shadow:0 0 0 2px var(--ivory),0 0 0 4px var(--orange-dark)}
.menu-toggle{display:none}

/* Panel „Programy” (wzorzec disclosure) */
.dropdown{position:absolute;left:-20px;top:100%;padding-top:10px;width:380px;z-index:60}
.dropdown__panel{background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-panel);padding:8px}
.dd-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 16px;padding:12px 14px;border-radius:var(--r-btn);color:var(--brown);text-decoration:none}
.dd-item__name{font-weight:600;font-size:16px;line-height:1.3}
.dd-item__desc{grid-column:1;font-size:14px;line-height:1.4;color:var(--text-muted)}
.dd-item .arr{grid-row:1 / span 2;grid-column:2;color:var(--orange-dark)}
.dd-item:hover,.dd-item.is-hover{background:var(--sand);text-decoration:none}
.dd-item:hover .dd-item__name{text-decoration:underline;text-underline-offset:4px}
.dd-item.is-focus{outline:3px solid var(--teal-dark);outline-offset:-3px}
.dd-item[aria-current="page"]{background:var(--sand)}
.dropdown__foot{border-top:1px solid var(--line);margin:6px 6px 0;padding:6px 8px 2px}

/* Menu mobilne */
.mobile-menu{position:fixed;inset:0;z-index:100;background:var(--ivory);overflow-y:auto;overscroll-behavior:contain;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:max(24px, env(safe-area-inset-bottom,0px))}
.mobile-menu__top{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:64px;border-bottom:1px solid var(--line)}
.mobile-menu__top .logo-link img{height:44px}
.mobile-menu__list > li{border-bottom:1px solid var(--line)}
.mm-link{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);width:100%;min-height:56px;padding:10px 4px;
  font-family:var(--font-text);font-size:18px;font-weight:600;color:var(--brown);text-decoration:none;background:none;border:0;cursor:pointer;text-align:left}
.mm-link .arr,.mm-link .chev{color:var(--orange-dark);flex:none}
.mm-link[aria-current="page"]{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--orange-dark);text-underline-offset:4px}
.mm-link[aria-expanded="true"]{background:var(--sand);padding-inline:12px;margin-inline:-8px;width:calc(100% + 16px);border-radius:var(--r-btn)}
.mm-link[aria-expanded="true"] .chev{transform:rotate(180deg)}
.mobile-menu .mm-sub{margin:8px 0 12px;border-left:3px solid var(--orange-dark);padding-left:14px}
.mm-sub a.mm-sublink{display:grid;grid-template-columns:1fr auto;gap:0 12px;align-items:center;min-height:56px;padding:8px 4px;color:var(--brown);text-decoration:none;border-bottom:1px solid var(--line)}
.mm-sublink__name{font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.mm-sublink__desc{grid-column:1;font-size:14px;color:var(--text-muted);line-height:1.4}
.mm-sublink .arr{grid-row:1 / span 2;grid-column:2;color:var(--orange-dark)}
.mobile-menu__cta{display:grid;gap:var(--s3);margin-top:var(--s6)}
.mobile-menu__cta .btn{width:100%}
html.menu-open{overflow:hidden}

@media (max-width:1023px){
  .site-header__bar{min-height:64px;justify-content:space-between}
  .logo-link img{height:44px}
  .nav-desktop,.header-actions{display:none}
  .menu-toggle{display:inline-flex;min-height:44px;padding:8px 14px;gap:8px}
}
@media (min-width:1024px){ .mobile-menu{display:none!important} }

/* ---------- Okruszki ---------- */
.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;list-style:none;margin:0;padding:0;font-size:var(--fs-small)}
.breadcrumbs a{color:var(--brown);display:inline-block;padding-block:10px}
.breadcrumbs .sep{color:var(--text-muted)}
.breadcrumbs [aria-current="page"]{font-weight:600}

/* ---------- HeroSplit ---------- */
.hero{padding-block:clamp(32px, 4.5vw + 14px, 72px) clamp(56px, 5vw + 36px, 104px)}
.hero__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.hero__text{grid-column:1 / span 6;display:grid;gap:var(--s5);min-width:0}
.hero__media{grid-column:8 / span 5;min-width:0}
.hero .lead{max-width:34em}
.photo-frame{position:relative;isolation:isolate;margin:0}
.photo-frame img{width:100%;aspect-ratio:6/5;object-fit:cover;border-radius:var(--r-img);background:var(--sand)}
.photo-frame::before{content:"";position:absolute;z-index:-1;width:30%;aspect-ratio:1;left:-32px;bottom:-32px;background:var(--brown);border-radius:3px}
.photo-frame::after{content:"";position:absolute;width:22px;height:22px;right:-11px;top:36px;background:var(--orange);border-radius:2px}
.photo-frame--quiet::before,.photo-frame--quiet::after{display:none}
.hero-photo{display:none}
html:not([data-hero="b"]) .hero-photo--a, html[data-hero="b"] .hero-photo--b{display:block}
@media (max-width:767px){
  .hero__grid{grid-template-columns:minmax(0,1fr);row-gap:var(--s7)}
  .hero__text,.hero__media{grid-column:1 / -1}
  .photo-frame img{aspect-ratio:4/5}
  .photo-frame::before{left:-10px;bottom:-14px;width:34%}
  .photo-frame::after{right:-8px;top:24px;width:16px;height:16px}
}
@media (min-width:768px) and (max-width:1023px){ .hero__text{grid-column:1 / span 7} .hero__media{grid-column:8 / span 5} }

/* ---------- Dlaczego to ważne ---------- */
.why__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:var(--s7)}
.why__text{grid-column:1 / span 6;display:grid;gap:var(--s5);align-content:start}
.why__manifesto{grid-column:8 / span 5;display:grid;gap:var(--s5);align-content:start}
.manifesto{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.manifesto li{display:flex;align-items:baseline;gap:16px;font-family:var(--font-display);font-weight:700;font-size:clamp(28px, 1.35vw + 22.7px, 40px);line-height:1.12;letter-spacing:-.02em}
.manifesto li::before{content:"";flex:none;width:.42em;height:.42em;background:var(--orange);border-radius:2px;transform:translateY(-.05em)}
.facts{grid-column:1 / -1;display:grid;grid-template-columns:5fr 3.5fr 3.5fr;gap:0;border-top:2px solid var(--brown);margin-top:var(--s4)}
.fact{padding:var(--s5) var(--s6) var(--s5) 0;display:grid;gap:var(--s3);align-content:start}
.fact + .fact{padding-left:var(--s6);border-left:1px solid var(--line-on-sand)}
.fact__value{font-family:var(--font-display);font-weight:700;font-size:clamp(40px, 1.8vw + 33px, 56px);line-height:1;letter-spacing:-.02em}
.fact__source{font-size:var(--fs-small);color:var(--text-muted);line-height:1.5}
.why__close{grid-column:1 / -1;font-family:var(--font-display);font-weight:600;font-size:var(--fs-h3);line-height:1.3;max-width:30em}
@media (max-width:1023px){ .why__text{grid-column:1 / span 7} .why__manifesto{grid-column:8 / span 5} }
@media (max-width:767px){
  .why__grid{grid-template-columns:minmax(0,1fr)}
  .why__text,.why__manifesto{grid-column:1 / -1}
  .facts{grid-template-columns:minmax(0,1fr)}
  .fact{padding:var(--s5) 0}
  .fact + .fact{padding-left:0;border-left:0;border-top:1px solid var(--line-on-sand)}
}

/* ---------- Karta programu ---------- */
.cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
@media (max-width:1023px){ .cards-3{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:767px){ .cards-3{grid-template-columns:minmax(0,1fr);gap:var(--s4)} }
.program-card{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:box-shadow .15s var(--ease)}
.program-card__media{overflow:hidden;aspect-ratio:3/2;background:var(--sand)}
.program-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .25s var(--ease)}
.program-card__body{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5) 28px 20px;flex:1}
.program-card__alt{font-size:14px;font-weight:600;color:var(--teal-dark);letter-spacing:.02em;margin-top:4px}
.program-card h3{font-size:var(--fs-h3)}
.program-card p{font-size:16px;line-height:1.55}
.program-card .arrow-link{margin-top:auto}
.program-card .arrow-link::after{content:"";position:absolute;inset:0;border-radius:var(--r-card)}
.program-card .arrow-link:focus-visible{outline:none}
.program-card:focus-within{outline:3px solid var(--teal-dark);outline-offset:3px}
.program-card:hover,.program-card.is-hover{box-shadow:0 10px 28px rgba(89,73,65,.12)}
.program-card:hover img,.program-card.is-hover img{transform:scale(1.03)}
.program-card:hover .arrow-link,.program-card.is-hover .arrow-link{text-decoration-thickness:3px}
.program-card:hover .arr,.program-card.is-hover .arr{transform:translateX(4px)}
@media (max-width:767px){ .program-card__body{padding:20px} }

/* ---------- Komu pomagamy (AudienceList) ---------- */
.split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:var(--s6)}
.split__aside{grid-column:1 / span 5;display:grid;gap:var(--s5);align-content:start}
.split__main{grid-column:7 / span 6;min-width:0}
@media (max-width:1023px){ .split__aside{grid-column:1 / span 5} .split__main{grid-column:6 / span 7} }
@media (max-width:767px){ .split{grid-template-columns:minmax(0,1fr)} .split__aside,.split__main{grid-column:1 / -1} }
.audience{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--brown)}
.audience li{border-bottom:1px solid var(--line-on-sand)}
.audience a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 24px;padding:18px 4px;color:var(--brown);text-decoration:none}
.audience__name{font-family:var(--font-display);font-weight:600;font-size:clamp(20px, .45vw + 18.2px, 24px);line-height:1.25}
.audience__dest{grid-column:1;font-size:var(--fs-small);color:var(--text-muted)}
.audience__dest strong{font-weight:600;color:var(--orange-dark);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.audience .arr{grid-row:1 / span 2;grid-column:2;color:var(--orange-dark);transition:transform .15s var(--ease)}
.audience a:hover .audience__name{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.audience a:hover .arr{transform:translateX(4px)}
.audience a:focus-visible{outline-offset:-3px}
.audience__note{padding:16px 4px 0;font-size:var(--fs-small);color:var(--text-muted)}

/* ---------- Współpraca z firmami ---------- */
.feature{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:var(--s7);align-items:center}
.feature__media{grid-column:1 / span 6;min-width:0}
.feature__media img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-img)}
.feature__text{grid-column:8 / span 5;display:grid;gap:var(--s5);min-width:0}
.feature__claim{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h3);line-height:1.25;color:var(--orange-dark)}
@media (max-width:767px){ .feature{grid-template-columns:minmax(0,1fr)} .feature__media,.feature__text{grid-column:1 / -1} }

/* ---------- Efekty w liczbach (StatsGrid) ---------- */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--brown)}
.stat{display:grid;gap:10px;align-content:start;padding:var(--s5) var(--s5) var(--s5) 0}
.stat + .stat{padding-left:var(--s5);border-left:1px solid var(--line-on-sand)}
.stat__value{font-family:var(--font-display);font-weight:700;font-size:clamp(40px, 1.8vw + 33px, 56px);line-height:1;letter-spacing:-.02em}
@media (max-width:1023px){ .stats{grid-template-columns:repeat(2,minmax(0,1fr))} .stat:nth-child(3){padding-left:0;border-left:0} .stat:nth-child(n+3){border-top:1px solid var(--line-on-sand)} }
@media (max-width:767px){ .stat{padding-right:var(--s4)} .stat + .stat{padding-left:var(--s4)} .stat:nth-child(odd){padding-left:0;border-left:0} .stat:nth-child(even){border-left:1px solid var(--line-on-sand)} }

/* ---------- Pas logotypów ---------- */
.logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.logo-tile{display:grid;place-items:center;align-content:center;gap:8px;min-height:120px;padding:16px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-btn);text-align:center;font-size:14px;line-height:1.4}
.logo-tile--empty{background:transparent;border:1.5px dashed var(--border-input)}
@media (max-width:767px){ .logos{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* ---------- Zespół (TeamTeaser + PersonCard) ---------- */
.team__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:var(--s7);align-items:start}
.team__text{grid-column:1 / span 6;display:grid;gap:var(--s5)}
.team__text--intro{grid-column:1 / span 5}
.team__text--story{grid-column:7 / -1}
.team__grid--split{row-gap:var(--head-gap)}
.team__grid--split .team__text--story{align-self:center}
.team__grid-h{grid-column:1 / -1}
@media (max-width:1023px){ .team__text--intro,.team__text--story{grid-column:1 / -1} }
/* Kadra: jedna wspólna kompozycja trzech osobnych portretów, założycielka na środku
   (Misja „Kto za tym stoi”, główna „Zespół i eksperci”). Kadrowanie każdego zdjęcia: --pos (object-position). */
.kadra{grid-column:7 / -1;position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.32fr 1fr;gap:clamp(10px, .9vw + 6px, 16px);align-items:end;padding-bottom:clamp(20px, 1.6vw + 14px, 32px);padding-left:clamp(16px, 2.2vw, 32px);align-self:center}
.kadra::before{content:"";position:absolute;z-index:-1;left:0;right:22%;bottom:0;height:46%;background:var(--brown);border-radius:3px}
.kadra__item{position:relative;min-width:0}
.kadra__item img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:var(--pos, 50% 0);border-radius:var(--r-img);background:var(--sand)}
.kadra__item--accent::after{content:"";position:absolute;width:22px;height:22px;right:-11px;top:28px;background:var(--orange);border-radius:2px}
.kadra--single{grid-template-columns:minmax(0,1fr)}
.kadra--single .kadra__item img{aspect-ratio:4/3;object-position:50% 50%}
@media (max-width:1023px){ .kadra--single{grid-column:1 / -1} }
.people{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
.person{display:grid;gap:10px;align-content:start}
.person img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-img);background:var(--sand)}
.person__name{font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.25}
.person__role{font-size:var(--fs-small);color:var(--text-muted);line-height:1.45}
@media (max-width:1023px){ .people{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:767px){
  .team__grid{grid-template-columns:minmax(0,1fr)} .team__text{grid-column:1 / -1} .kadra{grid-column:1 / -1;grid-template-columns:1fr 1.32fr 1fr;gap:8px;padding-bottom:16px;padding-left:0} .kadra::before{left:-10px;right:16%} .kadra__item--accent::after{width:16px;height:16px;right:-8px;top:18px} .kadra--single{grid-template-columns:minmax(0,1fr)}
  .people{grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--line)}
  .person{grid-template-columns:88px 1fr;align-items:center;gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--line)}
  .person img{grid-row:1 / span 2;width:88px}
  .person__name{font-size:18px;align-self:end}
  .person__role{align-self:start}
}

/* ---------- Karta artykułu ---------- */
.article-card{position:relative;display:grid;gap:12px;align-content:start}
.article-card__media{aspect-ratio:3/2;border-radius:var(--r-img);overflow:hidden}
.article-card h3{font-size:22px;line-height:1.3}
.article-card h3 a{color:var(--brown);text-decoration:none}
.article-card h3 a::after{content:"";position:absolute;inset:0}
.article-card:hover h3 a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.article-card:focus-within{outline:3px solid var(--teal-dark);outline-offset:6px;border-radius:var(--r-img)}
.article-card h3 a:focus-visible{outline:none}
@media (max-width:767px){ .cards-3:has(.article-card){gap:0} .article-card{grid-template-columns:96px 1fr;gap:6px 16px;padding:16px 0;border-top:1px solid var(--line-on-sand)} .article-card__media{grid-row:1 / span 3;aspect-ratio:1;padding:6px;font-size:0} .article-card__media .mark{font-size:12px;padding:1px 4px} .article-card h3{font-size:19px} }
.article-card__cat{font-size:14px;font-weight:600;color:var(--teal-dark);letter-spacing:.06em;text-transform:uppercase}

/* ---------- Formularze ---------- */
.field{display:grid;gap:8px;min-width:0}
.field label,.field .label{font-weight:600;font-size:16px;line-height:1.35}
.field .req{font-weight:400;color:var(--text-muted)}
.field .hint{font-size:var(--fs-small);color:var(--text-muted)}
.input,.select,.textarea{width:100%;min-height:48px;padding:11px 14px;font:inherit;font-size:16px;color:var(--brown);background:var(--white);
  border:1.5px solid var(--border-input);border-radius:var(--r-btn);transition:border-color .15s, box-shadow .15s}
.textarea{min-height:140px;resize:vertical}
.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23594941' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:44px}
.input:hover,.select:hover,.textarea:hover{border-color:var(--brown)}
.input:focus-visible,.select:focus-visible,.textarea:focus-visible,.input.is-focus{outline:3px solid var(--teal-dark);outline-offset:2px;border-color:var(--brown);border-radius:var(--r-btn)}
.input[aria-invalid="true"],.select[aria-invalid="true"],.textarea[aria-invalid="true"],.input.is-error{border:3px solid var(--orange-dark);padding:9.5px 12.5px}
.field-error{display:flex;gap:8px;align-items:flex-start;font-size:15px;font-weight:600;line-height:1.4;color:var(--orange-dark)}
.field-error svg{flex:none;margin-top:1px}
.on-dark .field-error{background:var(--orange-tint);color:var(--brown);padding:8px 10px;border-radius:6px}
.on-dark .field-error svg{color:var(--orange-dark)}
.on-dark .alert a{color:var(--brown)}
.check{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:var(--fs-small);line-height:1.5}
.check input{width:24px;height:24px;margin:0;accent-color:var(--teal-dark)}
.consent{font-size:14px;line-height:1.5;color:var(--text-muted)}
.on-dark .consent{color:var(--ivory)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.form-grid .span-2{grid-column:1 / -1}
@media (max-width:767px){ .form-grid{grid-template-columns:minmax(0,1fr)} }

/* Newsletter */
.panel{background:var(--sand);border-radius:var(--r-card);padding:clamp(24px, 2.7vw + 13.5px, 48px)}
.nl-block{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:var(--s5);align-items:start}
.nl-block__text{grid-column:1 / span 5;display:grid;gap:var(--s3)}
.nl-block__form{grid-column:7 / span 6;min-width:0}
@media (max-width:767px){ .nl-block{grid-template-columns:minmax(0,1fr)} .nl-block__text,.nl-block__form{grid-column:1 / -1} }
.nl-form{display:grid;gap:12px}
.nl-form__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
@media (max-width:479px){ .nl-form__row{grid-template-columns:minmax(0,1fr)} .nl-form__row .btn{width:100%} }

/* ---------- Komunikaty ---------- */
.alert{display:grid;grid-template-columns:24px 1fr;gap:4px 12px;padding:16px 18px;border-radius:var(--r-btn);color:var(--brown);border:1.5px solid transparent}
.alert svg{grid-row:1 / span 2;margin-top:1px}
.alert__title{font-weight:600;line-height:1.4}
.alert__body{grid-column:2;font-size:var(--fs-small);line-height:1.5}
.alert__body ul{margin:6px 0 0;padding-left:18px}
.alert--error{background:var(--orange-tint);border-color:var(--orange-dark)}
.alert--error svg{color:var(--orange-dark)}
.alert--success{background:var(--teal-tint);border-color:var(--teal-dark)}
.alert--success svg{color:var(--teal-dark)}
.alert--info{background:var(--sand);border-color:var(--border-input)}
.alert a{color:var(--brown)}

/* ---------- Akordeon ---------- */
.accordion{border-top:1.5px solid var(--brown)}
.acc-item{border-bottom:1px solid var(--line)}
.acc-item h3{font-size:inherit;margin:0}
.acc-btn{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:60px;padding:14px 4px;background:none;border:0;cursor:pointer;
  font-family:var(--font-display);font-weight:600;font-size:clamp(18px, .45vw + 16.2px, 22px);line-height:1.3;color:var(--brown);text-align:left}
.acc-btn:hover .acc-btn__label{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.acc-icon{flex:none;display:grid;place-items:center;width:32px;height:32px;border:1.5px solid var(--brown);border-radius:50%}
.acc-icon .v{transition:transform .15s var(--ease);transform-origin:center}
.acc-btn[aria-expanded="true"] .acc-icon .v{transform:scaleY(0)}
.acc-panel{padding:0 4px 20px;max-width:720px}

/* ---------- Pas CTA ---------- */
.cta-band{background:var(--brown);color:var(--ivory);border-radius:var(--r-card);padding:clamp(32px, 3.6vw + 18px, 64px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:var(--s5);align-items:end;position:relative;overflow:hidden}
.cta-band h2{color:var(--ivory)}
.cta-band__text{grid-column:1 / span 7;display:grid;gap:var(--s4)}
.cta-band__actions{grid-column:9 / span 4;justify-self:end}
.cta-band::after{content:"";position:absolute;right:0;top:0;width:56px;height:56px;background:var(--orange)}
@media (max-width:767px){ .cta-band{grid-template-columns:minmax(0,1fr)} .cta-band__text,.cta-band__actions{grid-column:1 / -1;justify-self:stretch} .cta-band__actions .btn{width:100%} .cta-band::after{width:28px;height:28px} }

/* ---------- Stopka ---------- */
.site-footer{background:var(--brown);color:var(--ivory);padding-block:clamp(48px, 3.6vw + 34px, 80px) 32px;font-size:var(--fs-small)}
.site-footer a{color:var(--ivory)}
.footer__grid{display:grid;grid-template-columns:1.25fr .8fr .9fr 1.45fr;gap:40px}
.footer__brand{display:grid;gap:16px;align-content:start}
.footer__logo{display:inline-flex;width:fit-content;border-radius:var(--r-btn);padding-block:10px}
.footer__logo img{height:56px;width:auto}
.footer__h{font-family:var(--font-text);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ivory);margin:0 0 12px}
.footer__list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.footer__list a{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding-block:4px}
.footer__address{font-style:normal;line-height:1.6}
.footer__nl{display:grid;gap:12px;align-content:start}
.footer__nl .field label{color:var(--ivory)}
.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 32px;margin-top:48px;padding-top:16px;border-top:1px solid rgba(248,245,239,.28)}
.footer__docs{display:flex;flex-wrap:wrap;gap:4px 24px;list-style:none;margin:0;padding:0}
.footer__docs a{display:inline-block;padding-block:8px}
.footer__meta{display:flex;flex-wrap:wrap;gap:4px 24px;align-items:center}
.footer__meta p{margin:0;padding-block:8px}
@media (max-width:767px){ .footer__bottom{flex-direction:column;align-items:flex-start;gap:8px} .footer__docs{gap:0 20px} .footer__meta{gap:0 20px} }
@media (max-width:1023px){ .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:767px){ .footer__grid{grid-template-columns:minmax(0,1fr);gap:32px} }

/* ---------- Strona Programy ---------- */
.page-intro{padding-block:var(--s5) clamp(40px, 3vw + 28px, 72px)}
.page-intro__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:var(--s5);margin-top:var(--s5)}
.page-intro__title{grid-column:1 / span 8}
.page-intro__lead{grid-column:1 / span 7}
@media (max-width:767px){ .page-intro__grid{grid-template-columns:minmax(0,1fr)} .page-intro__title,.page-intro__lead{grid-column:1 / -1} }
.anchor-nav ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.anchor-nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border:1.5px solid var(--brown);border-radius:var(--r-pill);color:var(--brown);font-weight:600;font-size:15px;text-decoration:none;background:var(--white)}
.anchor-nav a:hover{background:var(--sand)}
.anchor-nav .num{color:var(--orange-dark);font-family:var(--font-display);font-weight:700}

.program-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:var(--s6);align-items:center;padding-block:clamp(48px, 3.6vw + 34px, 80px);border-top:1px solid var(--line)}
.program-row__media{grid-column:1 / span 6;min-width:0}
.program-row__body{grid-column:8 / span 5;display:grid;gap:var(--s4);min-width:0}
.program-row--flip .program-row__media{grid-column:7 / span 6;order:2}
.program-row--flip .program-row__body{grid-column:1 / span 5;order:1}
.program-row__media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-img)}
.program-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.idx{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--orange-dark);font-variant-numeric:tabular-nums}
.spec{margin:0;display:grid;border-top:1px solid var(--line)}
.spec > div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:var(--fs-small);line-height:1.5}
.spec dt{font-weight:600}
.spec dd{margin:0}
@media (max-width:1023px){ .program-row__body,.program-row--flip .program-row__body{grid-column:span 6} .program-row__media,.program-row--flip .program-row__media{grid-column:span 6} }
@media (max-width:767px){
  .program-row,.program-row--flip{grid-template-columns:minmax(0,1fr);row-gap:var(--s5)}
  .program-row__media,.program-row__body,.program-row--flip .program-row__media,.program-row--flip .program-row__body{grid-column:1 / -1;order:0}
  .program-row__media img{aspect-ratio:3/2}
  .spec > div{grid-template-columns:96px 1fr}
}

/* Głodni Zmian: lista projektów */
.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:0;padding:0}
.project{display:grid;gap:14px;align-content:start}
.project img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-img)}
.project h3{font-size:22px}
@media (max-width:1023px){ .projects{grid-template-columns:minmax(0,1fr);gap:0} .project{grid-template-columns:200px 1fr;gap:4px 24px;padding:20px 0;border-top:1px solid var(--line-on-sand)} .project img{grid-row:1 / span 2} }
@media (max-width:767px){ .project{grid-template-columns:96px 1fr;gap:4px 16px;align-items:start} .project img{aspect-ratio:1;width:96px} .project h3{font-size:20px} .project p{font-size:15px} }

/* Tabela „Który program wybrać?” → karty na telefonie */
.table-wrap{background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);padding:8px 28px}
.compare{width:100%;border-collapse:collapse;font-size:var(--fs-small);line-height:1.5}
.compare caption{text-align:left;caption-side:top;padding:18px 0 12px;color:var(--text-muted)}
.compare th,.compare td{text-align:left;vertical-align:top;padding:18px 16px 18px 0;border-top:1px solid var(--line)}
.compare thead th{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-dark);padding-block:12px;border-top:0}
.compare tbody th{font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.3;width:22%}
.compare td:last-child{width:20%;padding-right:0}
.compare .arrow-link{min-height:0}
@media (max-width:767px){
  .table-wrap{background:none;border:0;padding:0}
  .compare,.compare tbody,.compare tr,.compare th,.compare td{display:block;width:auto!important}
  .compare thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .compare caption{display:block;padding-top:0}
  .compare tbody{display:grid;gap:12px}
  .compare tr{background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);padding:16px 18px}
  .compare th,.compare td{border:0;padding:4px 0}
  .compare tbody th{padding-bottom:8px}
  .compare td[data-label]{display:grid;grid-template-columns:96px 1fr;gap:12px;border-top:1px solid var(--line);padding:10px 0}
  .compare td[data-label]::before{content:attr(data-label);font-weight:600}
  .compare td:last-child{padding-bottom:0}
}

/* ---------- Pasek przeglądu makiety (narzędzie, nie element strony) ---------- */
.review-bar{background:#26221F;color:#F4F1EC;font:500 14px/1.4 var(--font-text)}
.review-bar .container{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;padding-block:8px}
.review-bar a{color:#F4F1EC}
.review-bar__group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.review-bar button{font:600 13px/1 var(--font-text);color:#F4F1EC;background:transparent;border:1px solid #8C827A;border-radius:6px;padding:8px 10px;min-height:32px;cursor:pointer}
.review-bar button[aria-pressed="true"]{background:#F4F1EC;color:#26221F;border-color:#F4F1EC}
.review-bar :focus-visible{outline-color:#F4F1EC}
.review-bar__tag{opacity:.75}
html.shot .review-bar,html.shot .toast{display:none!important}
.toast{position:fixed;left:50%;top:16px;transform:translateX(-50%);z-index:300;max-width:min(560px, calc(100vw - 32px));background:#26221F;color:#F4F1EC;padding:12px 16px;border-radius:8px;font-size:15px;line-height:1.45;box-shadow:0 8px 24px rgba(0,0,0,.25)}

/* =====================================================================
   Rozszerzenie systemu: podstrony (Ciastoterapia, NE, KMO, Dla firm, Oferta,
   Kontakt, Artykuły, Misja, Zespół, dokumenty, 404)
   ===================================================================== */

/* H1 „nazwa duża + dopowiedzenie mniejsze” (Ciastoterapia, NE, Dla firm) */
.h1-split--name .h1-split__main{display:block}
.h1-split__sub{display:block;font-size:var(--fs-h3);font-weight:600;line-height:1.25;letter-spacing:-.005em;margin-top:.35em}
.h1-plain{font-size:var(--fs-h1)}

/* Hero podstrony: okruszki + tekst + zdjęcie */
.page-hero{padding-block:var(--s5) clamp(48px, 4vw + 32px, 88px)}
.page-hero .breadcrumbs{margin-bottom:var(--s5)}
.page-hero__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:var(--s7);align-items:center}
.page-hero__text{grid-column:1 / span 6;display:grid;gap:var(--s5);min-width:0}
.page-hero__media{grid-column:8 / span 5;min-width:0}
.page-hero--text .page-hero__text{grid-column:1 / span 9}
.page-hero__media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-img)}
.page-hero__media .photo-frame img{aspect-ratio:5/4}
.page-hero__media--contain img{object-fit:contain;background:var(--white);border:1px solid var(--line)}
@media (max-width:1023px){ .page-hero__text{grid-column:1 / span 7} .page-hero__media{grid-column:8 / span 5} }
@media (max-width:767px){
  .page-hero__grid{grid-template-columns:minmax(0,1fr)}
  .page-hero__text,.page-hero__media,.page-hero--text .page-hero__text{grid-column:1 / -1}
  .page-hero__media img,.page-hero__media .photo-frame img{aspect-ratio:4/3}
}

/* Prose: długi tekst, maks. 720 px */
.prose-wrap{max-width:720px}
.prose h2{margin-top:1.6em;margin-bottom:.5em}
.prose h3{margin-top:1.4em;margin-bottom:.4em}
.prose ul,.prose ol{padding-left:1.25em;margin:0}
.prose li + li{margin-top:.4em}
.prose > :first-child{margin-top:0}

/* Wyróżnione zdanie (Quote, wariant hasło) */
.callout{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:baseline;font-family:var(--font-display);font-weight:600;font-size:clamp(22px, .9vw + 18.5px, 30px);line-height:1.3;letter-spacing:-.01em;margin:0;max-width:30em}
.callout::before{content:"";width:.5em;height:.5em;background:var(--orange);border-radius:2px;transform:translateY(-.08em)}
.callout--question{font-size:clamp(26px, 1.35vw + 20.7px, 38px)}
blockquote.callout{margin:0}

/* Lista z kwadratem (BenefitList) */
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px;list-style:none;margin:0;padding:0}
.benefits--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.benefits--list{grid-template-columns:minmax(0,1fr)!important;gap:20px}
.benefits h3,.benefits h4{grid-column:2;font-size:21px;line-height:1.3}
.benefits li{display:grid;grid-template-columns:14px 1fr;gap:6px 14px;align-content:start}
.benefits li::before{content:"";width:12px;height:12px;background:var(--orange);border-radius:2px;margin-top:.5em;grid-row:1 / span 3}
.benefits strong,.benefits .benefits__t{grid-column:2;font-weight:600;font-size:18px;line-height:1.4}
.benefits li > :not(strong){grid-column:2}
.benefits p{font-size:16px;line-height:1.55}
@media (max-width:1023px){ .benefits{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:767px){ .benefits,.benefits--2{grid-template-columns:minmax(0,1fr);gap:20px} }

/* Lista prosta z kwadratami (tematy, formy) */
.squares{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.squares li{display:grid;grid-template-columns:12px 1fr;gap:14px;line-height:1.5}
.squares li::before{content:"";width:10px;height:10px;margin-top:.55em;background:var(--orange);border-radius:2px}
.squares--cols{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
@media (max-width:767px){ .squares--cols{grid-template-columns:minmax(0,1fr)} }

/* Lista numerowana z tytułami (wyróżniki, kroki) */
.numbered{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px;counter-reset:n}
.numbered li{display:grid;grid-template-columns:48px 1fr;gap:4px 16px;counter-increment:n;align-content:start}
.numbered li::before{content:counter(n, decimal-leading-zero);grid-row:1 / span 2;font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--orange-dark);line-height:1.3;font-variant-numeric:tabular-nums}
.numbered h3,.numbered .numbered__t{font-size:20px;line-height:1.35;font-family:var(--font-display);font-weight:600;margin:0}
.numbered p{grid-column:2;font-size:16px;line-height:1.55}
.numbered--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1023px){ .numbered--3{grid-template-columns:minmax(0,1fr)} }
@media (max-width:767px){ .numbered{grid-template-columns:minmax(0,1fr);gap:24px} .numbered li{grid-template-columns:40px 1fr} }

/* Galeria zdjęć (bez karuzeli) */
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.gallery img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-img)}
.gallery--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery figure{margin:0;display:grid;gap:10px}
.gallery figcaption{font-size:var(--fs-small);line-height:1.45}
.gallery figcaption strong{display:block;font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1.3;margin-bottom:2px}
@media (max-width:1023px){ .gallery{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:767px){ .gallery--3{grid-template-columns:minmax(0,1fr)} .gallery--3 img{aspect-ratio:3/2} }

/* Chipsy informacyjne (Dla kogo) */
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.chips li{padding:8px 16px;border-radius:var(--r-pill);background:var(--white);border:1px solid var(--line);font-weight:500;font-size:16px;line-height:1.35}
.section--sand .chips li{border-color:var(--line-on-sand)}

/* Lista form współpracy - do wyboru (OptionList) */
.options{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--brown)}
.options li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding:18px 0;border-bottom:1px solid var(--line-on-sand)}
.options__name{display:grid;grid-template-columns:12px 1fr;gap:14px;align-items:baseline;font-family:var(--font-display);font-weight:600;font-size:clamp(19px, .45vw + 17.2px, 23px);line-height:1.3}
.options__name::before{content:"";width:10px;height:10px;background:var(--orange);border-radius:2px}
.options .arrow-link{min-height:44px}

/* Kafelek oferty (OfferTile) */
.tiles{display:grid;gap:20px;list-style:none;margin:0;padding:0}
.tiles--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.offer-tile{display:grid;grid-template-columns:minmax(0,32%) minmax(0,1fr);gap:28px;align-items:start;background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);padding:20px}
.offer-tile__media{aspect-ratio:4/3;border-radius:var(--r-img);overflow:hidden;background:var(--sand)}
.offer-tile__media img{width:100%;height:100%;object-fit:cover}
.offer-tile__body{display:grid;gap:12px;padding-block:4px;min-width:0}
.offer-tile__num{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--orange-dark);font-variant-numeric:tabular-nums}
.offer-tile__body h3{font-size:clamp(21px, .56vw + 18.8px, 26px)}
.offer-tile__body h4{font-family:var(--font-text);font-size:17px;font-weight:600;margin-top:6px}
.offer-tile__body ul{margin:0;padding-left:1.2em}
.tiles--2 .offer-tile{grid-template-columns:minmax(0,40%) minmax(0,1fr)}
@media (max-width:1023px){ .tiles--2{grid-template-columns:minmax(0,1fr)} }
@media (max-width:767px){
  .offer-tile,.tiles--2 .offer-tile{display:block;padding:16px}
  .offer-tile::after{content:"";display:table;clear:both}
  .offer-tile__media{float:left;width:88px;aspect-ratio:1;margin:0 16px 10px 0}
  .offer-tile__body{display:block;padding:0}
  .offer-tile__body > * + *{margin-top:10px}
}
/* Neutralne miejsce na zdjęcie stockowe (jedyny dopuszczalny placeholder) */
.stock{display:grid;place-items:center;align-content:center;gap:6px;width:100%;height:100%;background:var(--sand);color:var(--text-muted);font-size:13px;line-height:1.3;text-align:center;padding:8px}
.stock svg{color:var(--border-input)}
@media (max-width:767px){ .stock span{display:none} }

/* Karta materiału do pobrania (DownloadCard) */
.downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.download{display:grid;gap:14px;align-content:start;background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);padding:24px 28px}
.download h3{font-size:22px}
.download .btn{justify-self:start}
.download__meta{font-size:var(--fs-small);color:var(--text-muted);margin-top:-6px}
@media (max-width:767px){ .downloads{grid-template-columns:minmax(0,1fr)} .download{padding:20px} .download .btn{justify-self:stretch} }

/* Adnotacja o dofinansowaniu (GrantNotice) */
.grant{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px 40px;align-items:center;padding-block:32px;border-top:1px solid var(--line)}
.grant img.grant__fm{height:72px;width:auto}
.grant img.grant__men{height:64px;width:auto}
.grant p{font-size:15px;line-height:1.5;max-width:56em}
@media (max-width:767px){ .grant{grid-template-columns:auto auto;justify-content:start} .grant p{grid-column:1 / -1;grid-row:2} .grant img.grant__fm{height:56px} .grant img.grant__men{height:48px} }

/* Pas „Finansujący” na stronie głównej */
.facts--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:767px){ .facts--2{grid-template-columns:minmax(0,1fr)} }
.funders{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 40px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);padding:24px 32px}
.funders img{height:64px;width:auto}
@media (min-width:1024px){ .funders.funders--text{grid-template-columns:minmax(0,1fr) max-content} }
@media (max-width:1023px){ .funders.funders--text{grid-template-columns:minmax(0,1fr)} }
@media (max-width:767px){ .funders,.funders--text{grid-template-columns:minmax(0,1fr);padding:20px} .funders img{height:52px} }

/* Ekspert / osoba w treści */
.expert{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:center}
.expert img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-img)}
@media (max-width:767px){ .expert{grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:start} }
@media (max-width:479px){ .expert{grid-template-columns:minmax(0,1fr)} .expert img{max-width:200px} }

/* Zespół: karta osoby z pełnym biogramem */
.team-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 40px;list-style:none;margin:0;padding:0}
.person-full{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:start}
.person-full img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-img);background:var(--sand)}
.person-full h3{font-size:24px}
.person-full .person__role{margin-top:4px}
.person-full .prose{font-size:16px;line-height:1.6;margin-top:14px}
.founder{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.founder img{width:100%;max-width:440px;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-img)}
@media (max-width:1023px){ .team-group{grid-template-columns:minmax(0,1fr)} }
@media (max-width:767px){
  .founder{grid-template-columns:minmax(0,1fr);gap:24px} .founder img{max-width:320px}
  .person-full{grid-template-columns:minmax(0,1fr);gap:16px} .person-full img{width:200px}
}

/* Kontakt */
.contact-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px;align-items:start}
.contact-card{background:var(--sand);border-radius:var(--r-card);padding:28px;display:grid;gap:14px}
.contact-card dl{margin:0;display:grid;gap:6px}
.contact-card dt{font-weight:600}
.contact-card dd{margin:0 0 8px}
.copy-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
@media (max-width:1023px){ .contact-grid{grid-template-columns:minmax(0,1fr);gap:40px} }
.form{display:grid;gap:20px}
.form__note{font-size:var(--fs-small);color:var(--text-muted)}
.form__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media (max-width:767px){ .form__actions .btn{width:100%} }

/* Spis treści i ramka „Powiązany program” (artykuł) */
.article-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(0,1fr);gap:64px;align-items:start}
.toc{border-left:3px solid var(--orange-dark);padding-left:18px;display:grid;gap:8px;font-size:15px}
.toc ol{margin:0;padding-left:1.1em;display:grid;gap:6px}
.toc a{color:var(--brown)}
.toc-mobile{display:none}
.related{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:center;background:var(--sand);border-radius:var(--r-card);padding:20px}
.related img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-btn);background:var(--white)}
.article-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:var(--fs-small);color:var(--text-muted)}
.article-figure{margin:0;display:grid;gap:8px}
.article-figure img{width:100%;border-radius:var(--r-img);border:1px solid var(--line);background:var(--white)}
.article-figure figcaption{font-size:var(--fs-small);color:var(--text-muted)}
@media (max-width:1023px){
  .article-layout{grid-template-columns:minmax(0,1fr)}
  .toc-desktop{display:none}
  .toc-mobile{display:block;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--white)}
  .toc-mobile .acc-btn{padding-inline:16px;font-family:var(--font-text);font-size:16px;min-height:52px}
  .toc-mobile .toc{border:0;padding:0 16px 16px}
}

/* Artykuły: wyróżniona karta */
.article-feature{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);padding:24px}
.article-feature img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-img)}
.article-feature h2{font-size:var(--fs-h3)}
.article-feature h2 a{color:var(--brown);text-decoration:none}
.article-feature h2 a::after{content:"";position:absolute;inset:0;border-radius:var(--r-card)}
.article-feature:hover h2 a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.article-feature:focus-within{outline:3px solid var(--teal-dark);outline-offset:3px}
.article-feature h2 a:focus-visible{outline:none}
@media (max-width:767px){ .article-feature{grid-template-columns:minmax(0,1fr);gap:20px;padding:16px} .article-feature img{aspect-ratio:3/2} }

/* Pasek wsparcia */
.support{background:var(--sand);border-radius:var(--r-card);padding:clamp(24px, 2.7vw + 13.5px, 48px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 48px;align-items:end}
@media (max-width:767px){ .support{grid-template-columns:minmax(0,1fr)} .support .btn{width:100%} }

/* Ogólne: sekcja z nagłówkiem po lewej i treścią po prawej */
.two-col{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 64px;align-items:start}
@media (max-width:1023px){ .two-col{grid-template-columns:minmax(0,1fr)} }
.stack{display:grid;gap:var(--s5);align-content:start;min-width:0}
.stack-sm{display:grid;gap:var(--s3);align-content:start;min-width:0}
.divider{border:0;border-top:1px solid var(--line);margin:0}
.feature-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-img)}
.big-404{font-family:var(--font-display);font-weight:700;font-size:clamp(96px, 8vw + 60px, 180px);line-height:.9;color:var(--orange);letter-spacing:-.04em}

/* Zdjęcia ilustracyjne (stock): indywidualny kadr --pos (desktop) i --pos-m (telefon) */
.page-hero__media img[style*="--pos"],.offer-tile__media img[style*="--pos"],.program-row__media img[style*="--pos"],.program-card__media img[style*="--pos"],.feature__media img[style*="--pos"]{object-fit:cover;object-position:var(--pos, 50% 50%)}
@media (max-width:767px){ .page-hero__media img[style*="--pos"],.offer-tile__media img[style*="--pos"],.program-row__media img[style*="--pos"],.program-card__media img[style*="--pos"],.feature__media img[style*="--pos"]{object-position:var(--pos-m, var(--pos, 50% 50%))} }

/* ---------- Poprawki kompozycji (uwagi Maksa, 29.10.2026) ---------- */
/* RowList: lista w wierszach (tytuł po lewej, opis po prawej, linie podziału) - W sieci reklam, CSR */
.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);counter-reset:n}
.section--sand .rows,.section--sand .rows li{border-color:var(--line-on-sand)}
.rows li{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:8px;padding-block:24px;border-bottom:1px solid var(--line);align-items:baseline}
.rows h3,.rows h4{grid-column:1 / span 5;margin:0;font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.35}
.rows p{grid-column:7 / -1;margin:0;font-size:16px;line-height:1.6}
.rows--num li{counter-increment:n}
.rows--num li::before{content:counter(n, decimal-leading-zero);grid-column:1;font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.3;color:var(--orange-dark);font-variant-numeric:tabular-nums}
.rows--num h3{grid-column:2 / span 4}
@media (max-width:767px){
  .rows li{grid-template-columns:minmax(0,1fr);padding-block:20px}
  .rows h3,.rows h4,.rows p,.rows--num h3{grid-column:1}
  .rows--num li{grid-template-columns:40px minmax(0,1fr);column-gap:12px}
  .rows--num li::before{grid-row:1}
  .rows--num h3{grid-column:2} .rows--num p{grid-column:2}
}
/* Cel programu: etapy i podsumowanie */
.stages{gap:32px 24px}
.stages li{grid-template-columns:48px minmax(0,1fr)}
.summary{padding-top:var(--s7);border-top:1px solid var(--line-on-sand);row-gap:var(--s5)}
.summary .callout--question{font-size:clamp(24px, .9vw + 20.5px, 32px);text-wrap:balance}
/* CTA i wsparcie na stronie W sieci reklam: wspólne marginesy, przyciski wyśrodkowane w pionie i wyrównane do prawej */
.cta-band--balanced{align-items:center}
.cta-band__actions--stack{display:grid;gap:12px;width:min(100%, 260px)}
.support--balanced{padding:clamp(32px, 3.6vw + 18px, 64px);grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.support--balanced > .stack-sm{grid-column:1 / span 7}
.support--balanced > .btn{grid-column:9 / span 4;justify-self:end;width:min(100%, 260px)}
@media (max-width:767px){
  .cta-band__actions--stack{width:100%}
  .support--balanced{grid-template-columns:minmax(0,1fr)}
  .support--balanced > .stack-sm,.support--balanced > .btn{grid-column:1;width:100%}
}
/* Dla firm - kolumna kontaktowa obok formularza */
.contact-side{gap:var(--s5)}