/* ==========================================================================
   Віра у добро — «Намальовано кольоровими олівцями».
   Кожен елемент — наче намальований олівцем на аркуші А4: папір-фон, глобальний
   графітовий шар (зерно олівця на ВСЬОМУ, навіть тексті), рукотворні рамки у кожного
   боксу (border-image), шорсткі лінії іконок і малюнків (SVG-фільтр #pencil).
   Порядок при цьому дорослий — читабельно й контрастно.
   ========================================================================== */

:root{
  --paper:#FCFAF3;
  --peach:#FBE7D6;
  --sky:#DEEAF1;
  --sage:#E6EEDB;
  --butter:#FBEEC4;

  --pencil:#4A3E31;
  --ink:#4A3E31;
  --ink-soft:#8A7A66;
  --line:#E4D8C0;

  --c-red:#E8433A;
  --c-orange:#F2822E;
  --c-yellow:#F5C531;
  --c-green:#58B45B;
  --c-blue:#3E9BE9;
  --coral:#E8433A;
  --coral-deep:#C7362F;

  --maxw:1120px;
  --gutter:clamp(20px,5vw,60px);

  --f-hand:'Caveat','Segoe Script',cursive;
  --f-print:'Neucha','Comic Sans MS',sans-serif;

  /* «дитячий аркуш»: клітинка + розкидані дудли */
  --gridA:linear-gradient(rgba(74,62,49,.05) 1px,transparent 1px);
  --gridB:linear-gradient(90deg,rgba(74,62,49,.05) 1px,transparent 1px);
  --doodles:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='460' height='460' viewBox='0 0 460 460'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.6' opacity='.16'%3E%3Cg stroke='%23F5C531'%3E%3Ccircle cx='64' cy='72' r='15'/%3E%3Cpath d='M64 44v-10M64 100v10M36 72h-10M92 72h10M45 53l-7-7M83 91l7 7M83 53l7-7M45 91l-7 7'/%3E%3C/g%3E%3Cpath stroke='%233E9BE9' d='M330 74c-10 0-15-9-8-16 4-11 22-11 26-1 11-6 23 6 15 14z'/%3E%3Cpath stroke='%23E8433A' d='M78 232c-8-9-22-4-22 8 0 12 22 22 22 22s22-10 22-22c0-12-14-17-22-8z'/%3E%3Cpath stroke='%2358B45B' d='M384 262v30'/%3E%3Cg stroke='%23E8433A'%3E%3Ccircle cx='384' cy='244' r='7'/%3E%3Ccircle cx='396' cy='254' r='7'/%3E%3Ccircle cx='384' cy='264' r='7'/%3E%3Ccircle cx='372' cy='254' r='7'/%3E%3C/g%3E%3Ccircle cx='384' cy='254' r='5' stroke='%23F5C531'/%3E%3Cpath stroke='%23F2822E' d='M230 120l7 16 17 2-13 12 4 17-15-9-15 9 4-17-13-12 17-2z'/%3E%3Cg stroke='%23574A3D'%3E%3Cpath d='M52 400v-34h44v34z'/%3E%3Cpath d='M46 366l28-20 28 20'/%3E%3Cpath d='M66 400v-16h12v16z'/%3E%3C/g%3E%3Cg stroke='%233E9BE9'%3E%3Cellipse cx='392' cy='384' rx='18' ry='22'/%3E%3Cpath d='M392 406v20'/%3E%3C/g%3E%3Cpath stroke='%2358B45B' d='M168 344q12-14 24 0t24 0'/%3E%3Cg%3E%3Cpath stroke='%23E8433A' d='M150 200a26 24 0 0 1 52 0'/%3E%3Cpath stroke='%23F5C531' d='M158 200a18 17 0 0 1 36 0'/%3E%3Cpath stroke='%2358B45B' d='M166 200a10 10 0 0 1 20 0'/%3E%3C/g%3E%3Cpath stroke='%23F5C531' d='M300 150l4 9 10 1-7 7 2 10-9-5-9 5 2-10-7-7 10-1z'/%3E%3C/g%3E%3C/svg%3E");

  --sh-crayon:4px 5px 0 rgba(74,62,49,.14);
  --sh-lift:7px 9px 0 rgba(74,62,49,.12);

  /* рукотворні олівцеві рамки (border-image) */
  --frame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23574A3D' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 8 C35 5 65 6 90 9 C93 33 94 66 91 92 C66 95 35 94 9 91 C6 66 5 34 8 9 Z' stroke-width='2.6'/%3E%3Cpath d='M12 11 C36 8 63 9 87 12 C90 34 91 64 88 89 C65 92 37 91 12 88 C9 65 8 36 11 12' stroke-width='1.3' opacity='.5'/%3E%3C/g%3E%3C/svg%3E") 12 round;
  --frame-red:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23C7362F' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 8 C35 5 65 6 90 9 C93 33 94 66 91 92 C66 95 35 94 9 91 C6 66 5 34 8 9 Z' stroke-width='2.8'/%3E%3Cpath d='M12 11 C36 8 63 9 87 12 C90 34 91 64 88 89 C65 92 37 91 12 88 C9 65 8 36 11 12' stroke-width='1.4' opacity='.5'/%3E%3C/g%3E%3C/svg%3E") 12 round;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;color:var(--ink);background-color:var(--paper);
  font-family:var(--f-print);font-size:19px;line-height:1.55;overflow-x:hidden;position:relative;
}
/* фібра паперу */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.045;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.5' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
}
/* глобальний графітовий шар — «зерно олівця» на всьому */
body::after{
  content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.05;mix-blend-mode:multiply;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
p{margin:0}
h1,h2,h3{font-family:var(--f-hand);font-weight:700;line-height:1.02;margin:0}
:focus-visible{outline:3px dashed var(--c-blue);outline-offset:3px}

.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);position:relative;z-index:1}
.container{max-width:1240px;margin-inline:auto;padding-inline:var(--gutter)}

/* шорсткість олівця для ліній/іконок/малюнків (НЕ для тексту) */
.story svg, .kid-drawing{filter:url(#pencil)}

/* карандашне підкреслення */
.scribble{display:block;height:16px;width:170px;margin-top:12px;filter:url(#pencil);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 16'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%233E9BE9'/%3E%3Cstop offset='.28' stop-color='%2358B45B'/%3E%3Cstop offset='.52' stop-color='%23F5C531'/%3E%3Cstop offset='.76' stop-color='%23F2822E'/%3E%3Cstop offset='1' stop-color='%23E8433A'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M4 10 Q22 2 42 8 T82 9 T122 6 T166 9' fill='none' stroke='url(%23g)' stroke-width='5.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat left center/contain;
}

.eyebrow{font-family:var(--f-hand);font-size:29px;color:var(--coral-deep);font-weight:700;line-height:1;display:inline-block;transform:rotate(-1.5deg)}
.hand{font-family:var(--f-hand)}

/* ---------- нитка-каракуля ---------- */
.story{position:relative}
.thread{
  position:absolute;top:40px;bottom:120px;
  left:max(24px, calc(50% - var(--maxw)/2 + 26px));
  width:30px;z-index:0;pointer-events:none;filter:url(#pencil);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 440' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='v' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%233E9BE9'/%3E%3Cstop offset='.28' stop-color='%2358B45B'/%3E%3Cstop offset='.52' stop-color='%23F5C531'/%3E%3Cstop offset='.76' stop-color='%23F2822E'/%3E%3Cstop offset='1' stop-color='%23E8433A'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M15 0 Q0 55 15 110 T15 220 T15 330 T15 440' fill='none' stroke='url(%23v)' stroke-width='4.5' stroke-linecap='round' opacity='.85'/%3E%3C/svg%3E") repeat-y center top/30px 440px;
}
.thread::after{content:"";position:absolute;left:50%;bottom:-16px;transform:translateX(-50%) rotate(-6deg);width:30px;height:30px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23E8433A' stroke='%23C7362F' stroke-width='1.2' stroke-linejoin='round' d='M12 21.3l-1.5-1.35C5.4 15.3 2 12.2 2 8.45 2 5.4 4.4 3 7.5 3c1.7 0 3.4.8 4.5 2.1C13.1 3.8 14.8 3 16.5 3 19.6 3 22 5.4 22 8.45c0 3.75-3.4 6.85-8.5 11.5z'/%3E%3C/svg%3E") no-repeat center/contain}

/* ---------- намальований світ: дудли по полях + містечко внизу ---------- */
.margin-art{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.margin-art .doodle{position:absolute;opacity:.85}
.margin-art .doodle svg{display:block;width:100%;height:auto}
@media(max-width:1440px){.margin-art{display:none}}
.ground-art{position:relative;z-index:1;margin-top:8px;line-height:0;pointer-events:none}
.ground-art svg{display:block;width:100%;height:auto}

/* ==========================================================================
   ШАПКА
   ========================================================================== */
.site-header{position:sticky;top:0;z-index:60;transition:background .3s;padding:14px 0}
.site-header.solid{background:rgba(252,250,243,.92);backdrop-filter:blur(8px);box-shadow:0 3px 0 rgba(74,62,49,.06)}
.header-in{display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:46px;height:46px;object-fit:contain}
.brand__name{font-family:var(--f-hand);font-weight:700;font-size:26px;color:var(--coral-deep);line-height:.9}
.brand__sub{display:block;font-family:var(--f-hand);font-size:17px;color:var(--ink-soft);margin-top:-1px}
.nav{display:flex;gap:2px;margin-left:auto}
.nav a{padding:7px 13px;font-family:var(--f-hand);font-weight:700;font-size:20px;color:var(--ink-soft);border-radius:12px;transition:.15s}
.nav a:hover{color:var(--pencil);background:#fff}
.header-actions{display:flex;align-items:center;gap:12px;margin-left:6px}
.lang{display:inline-flex;gap:2px}
.lang button{padding:5px 8px;font-family:var(--f-hand);font-weight:700;font-size:19px;color:var(--ink-soft)}
.lang button.is-active{color:var(--coral-deep);text-decoration:underline wavy}
.burger{display:none;width:44px;height:44px;align-items:center;justify-content:center}
.burger span,.burger span::before,.burger span::after{content:"";display:block;width:22px;height:2.5px;background:var(--pencil);border-radius:3px;position:relative}
.burger span::before{position:absolute;top:-7px}.burger span::after{position:absolute;top:7px}

/* ---------- цитата родин — стрічка вгорі ---------- */
.quote-ribbon{max-width:820px;margin:20px auto 2px;padding:0 var(--gutter);text-align:center;position:relative;z-index:5}
.quote-ribbon .bubble{display:inline-block;max-width:100%;background:#fff;border:5px solid transparent;border-image:var(--frame);border-radius:14px;padding:13px 30px;box-shadow:var(--sh-crayon);position:relative}
.quote-ribbon .bubble::after{content:"";position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);width:26px;height:16px;background:#fff;
  clip-path:polygon(0 0,100% 0,32% 100%);border-left:3px solid #574A3D;border-right:3px solid #574A3D;filter:url(#pencil)}
.famquote{font-family:var(--f-hand);font-size:clamp(20px,2.5vw,28px);color:var(--pencil);line-height:1.22;margin:0;transition:opacity .55s ease}
.famquote.q-out{opacity:0}

/* ---------- кнопки (олівцева рамка) ---------- */
.btn{display:inline-flex;align-items:center;gap:9px;justify-content:center;font-family:var(--f-hand);font-weight:700;font-size:23px;padding:11px 26px;
  border:5px solid transparent;border-image:var(--frame);border-radius:12px;background:#fff;color:var(--pencil);
  box-shadow:var(--sh-crayon);transition:transform .16s, box-shadow .2s}
.btn svg{width:22px;height:22px}
.btn:hover{transform:translate(-1px,-2px) rotate(-1deg);box-shadow:var(--sh-lift)}
.btn--primary{background:var(--c-red);color:#fff;border-image:var(--frame-red)}
.btn--ghost{background:#fff}
.btn--sm{font-size:19px;padding:8px 18px}

/* ==========================================================================
   ГЕРОЙ
   ========================================================================== */
.hero{position:relative;padding:clamp(14px,3vw,28px) 0 clamp(48px,7vw,84px)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,4vw,56px);align-items:center;position:relative}
.hero__text{position:relative;z-index:2}
.hero h1{font-size:clamp(46px,7vw,86px);margin:6px 0 16px}
.hero h1 em{font-style:normal;color:var(--coral-deep);position:relative;white-space:nowrap}
.hero h1 em::after{content:"";position:absolute;left:-4px;right:-4px;bottom:.04em;height:.5em;z-index:-1;filter:url(#pencil);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'%3E%3Cpath d='M4 26 Q50 12 100 22 T196 20' fill='none' stroke='%23F5C531' stroke-width='14' stroke-linecap='round' opacity='.6'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.hero__sub{font-size:clamp(18px,2vw,22px);color:var(--ink-soft);max-width:500px;margin-bottom:26px}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px}

.hero__photo{position:relative}
.kid-drawing{width:100%;height:auto;display:block}
.hero__note{position:absolute;left:-6px;bottom:-18px;font-family:var(--f-hand);font-size:29px;color:var(--coral-deep);transform:rotate(-5deg)}
.hero::after{content:"";position:absolute;right:2%;top:2%;width:clamp(60px,8vw,96px);height:clamp(60px,8vw,96px);z-index:0;opacity:.9;filter:url(#pencil);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23F5C531' stroke-width='5' stroke-linecap='round'%3E%3Ccircle cx='50' cy='50' r='22' fill='%23F5C531' fill-opacity='.28'/%3E%3Cpath d='M50 8v12M50 80v12M8 50h12M80 50h12M20 20l9 9M71 71l9 9M80 20l-9 9M29 71l-9 9'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain}

/* ==========================================================================
   ГЛАВА
   ========================================================================== */
.chapter{position:relative;z-index:1;padding:clamp(42px,5.5vw,78px) 0}
.chapter--peach{background-color:var(--peach)}
.chapter--sky{background-color:var(--sky)}
.chapter--sage{background-color:var(--sage)}
.chapter--butter{background-color:var(--butter)}
.chapter__head{max-width:680px;margin-bottom:clamp(28px,4vw,46px)}
.chapter__head h2{font-size:clamp(34px,5vw,58px);margin:8px 0}
.chapter__head p{color:var(--ink-soft);font-size:clamp(17px,1.7vw,20px)}

.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,60px);align-items:center}
.split--rev .split__media{order:2}
.split__text h2{font-size:clamp(32px,4.2vw,52px);margin:8px 0 14px}
.split__text p+p{margin-top:14px}
.split__text .pull{font-family:var(--f-hand);font-size:clamp(24px,3vw,34px);line-height:1.24;color:var(--pencil);margin-top:20px}

/* «приклеєні» фото в олівцевих рамках */
.photo{position:relative;border:6px solid transparent;border-image:var(--frame);border-radius:8px;box-shadow:var(--sh-lift);overflow:hidden;background:#fff}
.photo--tilt{transform:rotate(-2deg)}
.photo--tilt2{transform:rotate(1.8deg)}
.ph{position:relative;background:repeating-linear-gradient(45deg,rgba(74,62,49,.05) 0 14px,transparent 14px 28px),linear-gradient(135deg,#f1e6d1,#e7d9bd);display:flex;align-items:center;justify-content:center;color:#a88f66;font-family:var(--f-hand);font-size:24px;min-height:120px}
.ph::before{content:"◳ фото"}.ph[data-label]::before{content:attr(data-label)}
.note-hand{position:absolute;font-family:var(--f-hand);font-size:27px;color:var(--coral-deep);background:var(--paper);padding:2px 12px;border-radius:14px;box-shadow:var(--sh-crayon);transform:rotate(-4deg);z-index:3}

/* ==========================================================================
   ДІМ, ДЕ ВСЕ ПОРУЧ
   ========================================================================== */
.care{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.care__item{background:#fff;border:5px solid transparent;border-image:var(--frame);border-radius:12px;padding:24px 22px;box-shadow:var(--sh-crayon);transition:transform .18s}
.care__item:nth-child(3n+1){transform:rotate(-1deg)}
.care__item:nth-child(3n){transform:rotate(1deg)}
.care__item:hover{transform:translateY(-4px) rotate(0)}
.care__ic{width:58px;height:58px;border:4px solid transparent;border-image:var(--frame);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.care__ic svg{width:28px;height:28px;color:var(--pencil)}
.care__item h3{font-size:27px;margin-bottom:4px}
.care__item p{color:var(--ink-soft);font-size:17px;line-height:1.45}
.wash-peach{background:var(--peach)}.wash-sky{background:var(--sky)}.wash-sage{background:var(--sage)}.wash-butter{background:var(--butter)}

/* ==========================================================================
   БУЛО / СТАЛО
   ========================================================================== */
.diptych{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(18px,3vw,36px);align-items:center}
.diptych__side h3{font-size:28px;margin:12px 0 6px}
.diptych__side p{color:var(--ink-soft);font-size:17px;line-height:1.45}
.diptych__arrow{font-family:var(--f-hand);font-size:28px;color:var(--coral-deep);text-align:center}
.diptych__arrow svg{width:70px;height:34px;color:var(--c-red);display:block;margin:6px auto}
.tag-hand{font-family:var(--f-hand);font-size:27px}
.tag-hand--was{color:var(--ink-soft)}.tag-hand--now{color:var(--c-green)}

/* ==========================================================================
   ЦИФРИ-РЕЧЕННЯ
   ========================================================================== */
.figures{max-width:920px}
.figures p{font-family:var(--f-hand);font-size:clamp(30px,4.4vw,52px);line-height:1.24}
.figures .num{color:var(--coral-deep)}

/* ==========================================================================
   ПРОЗОРІСТЬ
   ========================================================================== */
.trust{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,44px);align-items:start}
.panel{background:#fff;border:5px solid transparent;border-image:var(--frame);border-radius:12px;padding:28px;box-shadow:var(--sh-crayon)}
.panel h3{font-size:27px;margin-bottom:16px}
.arow{margin-bottom:16px}
.arow .t{display:flex;justify-content:space-between;font-family:var(--f-hand);font-size:20px;margin-bottom:5px}
.atrack{height:16px;border:2.4px solid var(--pencil);border-radius:999px;background:#fff;overflow:hidden}
.afill{height:100%;width:0;transition:width 1.2s ease}
.pill-list{display:grid;gap:14px}
.pill{display:flex;gap:14px;align-items:flex-start}
.pill__ic{flex-shrink:0;width:48px;height:48px;border:4px solid transparent;border-image:var(--frame);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center}
.pill__ic svg{width:22px;height:22px;color:var(--coral-deep)}
.pill h4{font-family:var(--f-hand);font-weight:700;font-size:23px;margin-bottom:0}
.pill p{color:var(--ink-soft);font-size:16px;line-height:1.4}

/* ==========================================================================
   ДОНАТ
   ========================================================================== */
.give__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,4vw,50px);align-items:center}
.give__panel{background:#fff;border:6px solid transparent;border-image:var(--frame);border-radius:12px;padding:clamp(24px,3vw,36px);box-shadow:var(--sh-lift)}
.give__amount{font-family:var(--f-hand);font-size:clamp(50px,7vw,76px);color:var(--coral-deep);line-height:1}
.give__amount small{font-size:.45em;color:var(--ink-soft)}
.give__result{font-family:var(--f-hand);font-size:clamp(21px,2.2vw,26px);color:var(--pencil);margin:6px 0 22px;min-height:2.4em}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:12px;border:2px solid var(--pencil);border-radius:999px;background:linear-gradient(90deg,var(--c-blue),var(--c-green),var(--c-yellow),var(--c-orange),var(--c-red));outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:var(--sh-crayon);cursor:pointer;border:3px solid var(--pencil)}
input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--pencil);cursor:pointer}
.give__scale{display:flex;justify-content:space-between;font-family:var(--f-hand);font-size:18px;color:var(--ink-soft);margin-top:8px}
.give__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.give__side .goalline{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-family:var(--f-hand)}
.give__side .goalline b{font-size:30px;color:var(--pencil)}
.give__side .goalline span{color:var(--ink-soft);font-size:19px}
.give__side .progress{height:18px;border:2.4px solid var(--pencil);border-radius:999px;background:#fff;overflow:hidden}
.give__side .progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--c-orange),var(--c-red));transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.give__side ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:11px}
.give__side li{display:flex;gap:11px;align-items:flex-start;color:var(--pencil);font-size:18px}
.give__side li svg{width:24px;height:24px;color:var(--c-green);flex-shrink:0;margin-top:2px}
.note-demo{margin-top:14px;font-size:15px;color:var(--ink-soft)}

/* ==========================================================================
   ЗАСНОВНИКИ
   ========================================================================== */
.founders__in{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,44px);align-items:center;max-width:920px;margin-inline:auto}
.founders .photo{width:clamp(140px,20vw,200px);aspect-ratio:1;border-radius:50%;flex-shrink:0;transform:rotate(-3deg)}
.founders blockquote{margin:0;font-family:var(--f-hand);font-size:clamp(26px,3.4vw,40px);line-height:1.24}
.founders cite{display:block;margin-top:14px;font-style:normal;font-family:var(--f-hand);font-size:27px;color:var(--coral-deep)}
.founders cite span{display:block;font-family:var(--f-print);color:var(--ink-soft);font-size:16px;margin-top:2px}

/* ==========================================================================
   НОВИНИ
   ========================================================================== */
.news{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ncard{background:#fff;border:5px solid transparent;border-image:var(--frame);border-radius:12px;overflow:hidden;box-shadow:var(--sh-crayon);transition:transform .18s}
.ncard:nth-child(2){transform:rotate(-1.2deg)}
.ncard:nth-child(3){transform:rotate(.8deg)}
.ncard:hover{transform:translateY(-4px) rotate(0)}
.ncard .ph{aspect-ratio:16/11;border-radius:0}
.ncard__b{padding:18px 20px 22px}
.ncard__date{font-family:var(--f-hand);font-size:22px;color:var(--coral-deep)}
.ncard h3{font-size:24px;margin:2px 0 6px}
.ncard p{color:var(--ink-soft);font-size:16px;line-height:1.4}

/* ==========================================================================
   КОНТАКТИ
   ========================================================================== */
.contacts{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,4vw,54px)}
.clist{display:grid;gap:14px;margin:20px 0}
.citem{display:flex;gap:14px;align-items:center}
.citem .ic{width:52px;height:52px;border:4px solid transparent;border-image:var(--frame);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.citem .ic svg{width:23px;height:23px;color:var(--coral-deep)}
.citem b{display:block;font-family:var(--f-hand);font-size:22px}.citem span{color:var(--ink-soft);font-size:16px}
.safety{display:flex;gap:11px;align-items:flex-start;background:var(--butter);border:5px solid transparent;border-image:var(--frame);border-radius:12px;padding:14px 18px;font-size:16px;color:#7a5f24}
.safety svg{width:22px;height:22px;flex-shrink:0;margin-top:1px}
.form{background:#fff;border:6px solid transparent;border-image:var(--frame);border-radius:12px;padding:clamp(24px,3vw,34px);box-shadow:var(--sh-lift)}
.form label{display:block;font-family:var(--f-hand);font-size:20px;margin-bottom:5px}
.field{margin-bottom:16px}
.form input,.form textarea{width:100%;padding:12px 15px;border:4px solid transparent;border-image:var(--frame);border-radius:10px;font-family:var(--f-print);font-size:17px;background:var(--paper);color:var(--ink)}
.form input:focus,.form textarea:focus{border-image:var(--frame-red);outline:none}
.form textarea{resize:vertical;min-height:120px}

/* ==========================================================================
   ФУТЕР
   ========================================================================== */
.site-footer{background:#33281d;color:rgba(255,255,255,.78);padding:54px 0 28px;position:relative;z-index:2}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px;padding-bottom:30px;border-bottom:2px dashed rgba(255,255,255,.2)}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.footer-brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:10px;padding:5px}
.footer-brand b{font-family:var(--f-hand);font-size:26px;color:#fff}
.site-footer h4{color:#fff;font-family:var(--f-hand);font-size:24px;margin-bottom:10px}
.footer-links{display:grid;gap:8px}
.footer-links a{color:rgba(255,255,255,.78);font-family:var(--f-hand);font-size:20px}
.footer-links a:hover{color:#fff}
.socials{display:flex;gap:10px;margin-top:4px}
.socials a{width:42px;height:42px;border:2px solid rgba(255,255,255,.4);border-radius:10px;display:flex;align-items:center;justify-content:center}
.socials a:hover{background:rgba(255,255,255,.14)}
.socials svg{width:20px;height:20px;color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;font-size:15px}
.footer-bottom .flagline{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-hand);font-size:18px}
.footer-bottom .flagline::before{content:"";width:24px;height:15px;border-radius:3px;background:linear-gradient(180deg,#3E9BE9 0 50%,#F5C531 50% 100%)}

/* ==========================================================================
   REVEAL
   ========================================================================== */
.reveal{transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1)}
html.js .reveal:not(.is-in){opacity:0;transform:translateY(30px) rotate(-.6deg)}
@media (prefers-reduced-motion:reduce){
  html.js .reveal:not(.is-in){opacity:1;transform:none}
  .reveal{transition:none}
  html{scroll-behavior:auto}
}

/* ==========================================================================
   АДАПТИВ
   ========================================================================== */
@media (max-width:1080px){ .thread{display:none} }
@media (max-width:900px){
  .nav{display:none}.burger{display:flex}
  .hero-grid{grid-template-columns:1fr;gap:44px}
  .hero__photo{max-width:460px;margin-inline:auto}
  .split{grid-template-columns:1fr;gap:32px}
  .split--rev .split__media{order:-1}
  .split__media{max-width:480px}
  .care{grid-template-columns:1fr 1fr}
  .trust,.give__grid,.contacts{grid-template-columns:1fr}
  .news{grid-template-columns:1fr 1fr}
  .footer-top{grid-template-columns:1fr 1fr}
  .diptych{grid-template-columns:1fr;gap:24px}
  .diptych__arrow{transform:rotate(90deg)}
  .founders__in{grid-template-columns:1fr;text-align:center}
  .founders .photo{margin:0 auto}
  .nav.is-open{display:flex;flex-direction:column;position:absolute;top:calc(100% + 6px);left:var(--gutter);right:var(--gutter);background:#fff;border:5px solid transparent;border-image:var(--frame);border-radius:12px;padding:12px;box-shadow:var(--sh-lift);gap:2px}
  .nav.is-open a{font-size:22px;padding:10px 16px}
}
@media (max-width:560px){
  body{font-size:18px}
  .care,.news{grid-template-columns:1fr}
  .brand__sub{display:none}
  .hero{padding-top:6px}
  .hero h1{font-size:clamp(40px,11vw,58px)}
  .hero__cta{flex-direction:column}
  .hero__cta .btn{width:100%}
  .quote-ribbon{margin-top:14px}
  .quote-ribbon .bubble{padding:11px 20px}
  .eyebrow{font-size:25px}
  .chapter__head h2{font-size:clamp(30px,9vw,42px)}
  .footer-top{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column}
}