@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@600;700&family=Golos+Text:wght@400;500;600&display=swap");
/* АНО «Академия развития»: все правила внутри .ano */
:root{
  --bg:#FAFAF7; --bg2:#F0F1EA; --fg:#1E2A2F; --mute:#5B6B70; --line:#D9DDD3;
  --green:#1F5A3C; --green2:#2E7A52; --sun:#F2A51A; --sky:#5BA4D9; --berry:#E0564B; --chalk:#FFFFFF;
  --card:#FFFFFF; --shadow:0 10px 30px rgba(30,42,47,.08);
  --fd:"Unbounded","Rubik",Arial,sans-serif; --fb:"Golos Text","Segoe UI",Arial,sans-serif;
}
.ano{background:var(--bg);color:var(--fg);font:17px/1.55 var(--fb);-webkit-font-smoothing:antialiased}
.ano *{box-sizing:border-box}
.ano a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:3px}
.ano h1,.ano h2,.ano h3{font-family:var(--fd);line-height:1.12;text-wrap:balance;margin:0 0 .5em;letter-spacing:-.01em}
.ano h1{font-size:clamp(30px,5vw,54px);font-weight:700}
.ano h2{font-size:clamp(24px,3.4vw,36px);font-weight:600}
.ano h3{font-size:20px;font-weight:600}
.ano p{margin:0 0 1em;max-width:68ch}
.ano .wrap{max-width:1120px;margin:0 auto;padding-inline:20px}
.ano .eyebrow{font:600 12px/1 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--green2);margin-bottom:14px}
.ano .todo{background:var(--sun);color:#1E2A2F;padding:0 .35em;border-radius:4px;font-weight:600}
.ano .top{position:relative;background:var(--bg);border-bottom:1px solid var(--line)}
.ano .top .wrap{display:flex;align-items:center;gap:14px;min-height:72px;flex-wrap:wrap}
.ano .top .btn{padding:10px 16px;font-size:14px;white-space:nowrap}
.ano .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--fg);font-family:var(--fd);font-weight:700;font-size:17px;line-height:1.05}
.ano .brand small{display:block;font:400 11px/1.2 var(--fb);color:var(--mute);letter-spacing:.04em}
.ano .brand svg{width:40px;height:42px;flex:none}
.ano nav.menu{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
.ano nav.menu a{text-decoration:none;color:var(--fg);padding:8px 9px;border-radius:999px;font-size:14px;white-space:nowrap}
.ano nav.menu a:hover,.ano nav.menu a[aria-current]{background:var(--bg2);color:var(--green)}
.ano .btn{display:inline-block;background:var(--green);color:#fff;text-decoration:none;font-weight:600;padding:13px 22px;border-radius:999px;border:0;font:600 16px var(--fb);cursor:pointer}
.ano .btn.sun{background:var(--sun);color:#1E2A2F}
.ano .btn.ghost{background:transparent;color:var(--green);box-shadow:inset 0 0 0 2px var(--green)}
.ano .hero{padding-block:56px 40px;position:relative;overflow:hidden}
.ano .hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.ano .hero p.lead{font-size:clamp(18px,2vw,22px);color:var(--mute)}
.ano .hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.ano .chalkboard{background:#2B3B35;border-radius:24px;padding:28px;color:#F4F6F0;position:relative;min-height:320px;box-shadow:var(--shadow)}
.ano .chalkboard svg{width:100%;height:auto;display:block}
.ano .chalkboard figcaption{font-size:13px;opacity:.75;margin-top:10px}
.ano section{padding-block:56px}
.ano section.alt{background:var(--bg2)}
.ano .cols{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.ano .card{background:var(--card);border-radius:18px;padding:24px;box-shadow:var(--shadow);min-width:0}
.ano .card h3{margin-top:6px}
.ano .num{font-family:var(--fd);font-weight:700;font-size:40px;color:var(--green);line-height:1;font-variant-numeric:tabular-nums}
.ano .num small{display:block;font:500 14px/1.3 var(--fb);color:var(--mute);margin-top:8px}
.ano .steps{counter-reset:s;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.ano .steps li{list-style:none;position:relative;padding:22px 20px 20px 20px;border-radius:18px;background:var(--card);box-shadow:var(--shadow)}
.ano .steps li::before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sun);color:#1E2A2F;font:700 15px var(--fd);margin-bottom:12px}
.ano .steps{padding:0;margin:0}
.ano .ribbon{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.ano .chip{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--bg2);font-size:14px;color:var(--fg)}
.ano .chip.green{background:var(--green);color:#fff}
.ano .notice{border-left:4px solid var(--sun);background:var(--bg2);padding:16px 20px;border-radius:0 14px 14px 0;margin:18px 0}
.ano .notice p:last-child{margin:0}
.ano .feed{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.ano .post{background:var(--card);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0}
.ano .post .ph{aspect-ratio:16/10;max-width:100%;display:grid;place-items:center;color:#fff;font:600 13px var(--fb);letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:12px}
.ano .post .body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.ano .post .meta{font-size:13px;color:var(--mute);display:flex;gap:10px;align-items:center}
.ano .post h3{font-size:18px;margin:0}
.ano .post p{color:var(--mute);font-size:15px;margin:0}
.ano .post a.more{margin-top:auto;font-weight:600}
.ano .tag{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--bg2);color:var(--green)}
.ano .people{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.ano .person{background:var(--card);border-radius:18px;padding:22px;box-shadow:var(--shadow)}
.ano .ava{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font:700 24px var(--fd);color:#fff;margin-bottom:14px}
.ano .person .role{color:var(--green2);font-weight:600;font-size:14px;margin-bottom:8px}
.ano .person p{font-size:15px;color:var(--mute);margin:0}
.ano table{border-collapse:collapse;width:100%;font-size:15px}
.ano th,.ano td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.ano th{font-weight:600;color:var(--mute);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.ano td.n{font-variant-numeric:tabular-nums;white-space:nowrap}
.ano .tbl{overflow-x:auto}
.ano article.text{max-width:720px}
.ano article.text p,.ano article.text li{font-size:18px}
.ano article.text h2{margin-top:1.4em;font-size:26px}
.ano article.text figure{margin:28px 0}
.ano .src{font-size:14px;color:var(--mute)}
.ano .docs{display:grid;gap:12px}
.ano .doc{display:flex;gap:14px;align-items:center;padding:14px 18px;background:var(--card);border-radius:14px;box-shadow:var(--shadow)}
.ano .doc .ic{width:40px;height:48px;border-radius:6px;background:var(--bg2);display:grid;place-items:center;color:var(--green);font:700 11px var(--fd);flex:none}
.ano .doc .t{flex:1;min-width:0}
.ano .doc small{color:var(--mute);display:block}
.ano form.f{display:grid;gap:12px;max-width:520px}
.ano form.f input,.ano form.f select,.ano form.f textarea{font:16px var(--fb);padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--fg);width:100%}
.ano form.f label{font-size:14px;color:var(--mute)}
.ano footer{background:#1E2A2F;color:#D8DED6;padding-block:48px 28px;margin-top:40px}
.ano footer a{color:#fff}
.ano footer .grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.ano footer h4{font:600 13px var(--fb);letter-spacing:.12em;text-transform:uppercase;color:#9FB3A8;margin:0 0 12px}
.ano footer p{font-size:15px;color:#D8DED6}
.ano footer .fpg{margin-top:30px;padding-top:20px;border-top:1px solid #34444A;font-size:13px;color:#9FB3A8}
@media (max-width:860px){.ano .hero .grid{grid-template-columns:1fr}
.ano .top .wrap{gap:10px}
.ano nav.menu{margin-left:0;width:100%}
}@media (prefers-reduced-motion:no-preference){.ano .post:hover{transform:translateY(-2px);transition:transform .2s}
}.ano mark.todo{background:none;color:inherit;font-weight:inherit;padding:0}

.ano{font-family:var(--fb)}
.ano h1,.ano h2,.ano h3{font-family:var(--fd)!important;color:var(--fg)}
.ano p,.ano li,.ano td{font-family:var(--fb)}
.ano nav.menu a{padding:11px 12px}
.ano .top .btn{padding:12px 18px}
.ano .btn{font-weight:600}
.ano .hero h1{font-size:clamp(30px,4.2vw,48px)}
.ano .hero .grid{grid-template-columns:1.3fr .7fr}
.ano .chalkboard{min-height:0;padding:18px}
.ano .chalkboard figcaption{opacity:1;color:#D8E0D6}
.ano .num small{font-size:15px}
.ano .eyebrow{color:var(--green)}
@media (max-width:860px){.ano .hero .grid{grid-template-columns:1fr}.ano nav.menu{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%;-webkit-overflow-scrolling:touch}.ano nav.menu::-webkit-scrollbar{display:none}.ano .top .btn{display:none}.ano .top .wrap{min-height:0;padding-block:10px 4px}}
@media (max-width:600px){.ano section{padding-block:36px}.ano .hero{padding-block:28px 8px}.ano .hero .cta .btn{width:100%;text-align:center}.ano .cols{grid-template-columns:1fr 1fr;gap:12px}.ano .num{font-size:28px}.ano .card{padding:16px}.ano .chalkboard svg text{display:none}.ano .steps{grid-template-columns:1fr}.ano .cols>.card:has(h3){grid-column:1/-1}}

.ano .top .btn{display:none}
.ano .top .wrap{flex-wrap:nowrap}
@media (max-width:1100px){.ano .top .wrap{flex-wrap:wrap}}
.ano .brand{white-space:nowrap;flex:none}
.ano nav.menu{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-width:0;flex:1 1 auto;justify-content:flex-end}
.ano nav.menu::-webkit-scrollbar{display:none}
.ano nav.menu a{padding:11px 8px;font-size:14px}
@media (max-width:860px){.ano nav.menu{justify-content:flex-start}}
.ano nav.menu{justify-content:flex-start}
.ano nav.menu a:first-child{display:none}
.ano nav.menu a:nth-child(2){margin-left:auto}
@media (max-width:860px){.ano nav.menu a:nth-child(2){margin-left:0}}
/* IMAGES v2 */
.ano{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22360%22 height=%22360%22 viewBox=%220 0 360 360%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%222.2%22%3E%3Cg stroke=%22%231F5A3C%22 opacity=%22.07%22%3E%3Crect x=%2228%22 y=%2234%22 width=%2222%22 height=%2222%22 rx=%224%22/%3E%3Crect x=%2228%22 y=%2258%22 width=%2222%22 height=%2222%22 rx=%224%22/%3E%3Crect x=%2216%22 y=%2282%22 width=%2222%22 height=%2222%22 rx=%224%22/%3E%3Crect x=%2240%22 y=%2282%22 width=%2222%22 height=%2222%22 rx=%224%22/%3E%3Cpath d=%22M19 30a20 18 0 0 1 40 0%22/%3E%3C/g%3E%3Cg stroke=%22%23F2A51A%22 opacity=%22.16%22%3E%3Ccircle cx=%22196%22 cy=%2258%22 r=%229%22/%3E%3Cpath d=%22M196 40v-6M196 82v-6M178 58h-6M220 58h-6M183 45l-4-4M213 75l-4-4M183 71l-4 4M213 41l-4 4%22/%3E%3C/g%3E%3Cg stroke=%22%235BA4D9%22 opacity=%22.14%22%3E%3Cpath d=%22M286 120c10-14 26-14 36 0s26 14 36 0%22/%3E%3Cpath d=%22M90 300c10-14 26-14 36 0%22/%3E%3C/g%3E%3Cg stroke=%22%23E0564B%22 opacity=%22.12%22%3E%3Cpath d=%22M120 178l7 14 15 2-11 10 3 15-14-7-14 7 3-15-11-10 15-2z%22/%3E%3C/g%3E%3Cg stroke=%22%231F5A3C%22 opacity=%22.07%22%3E%3Ccircle cx=%22300%22 cy=%22262%22 r=%2216%22/%3E%3Cpath d=%22M286 254c9 4 19 4 28 0M286 270c9-4 19-4 28 0%22/%3E%3C/g%3E%3Cg stroke=%22%232B3B35%22 opacity=%22.06%22 stroke-dasharray=%222 9%22%3E%3Cpath d=%22M40 210c60-30 110 40 170 10s90-60 140-30%22/%3E%3C/g%3E%3Cg fill=%22%23F2A51A%22 stroke=%22none%22 opacity=%22.18%22%3E%3Ccircle cx=%22250%22 cy=%22200%22 r=%223%22/%3E%3Ccircle cx=%2270%22 cy=%22150%22 r=%222.5%22/%3E%3Ccircle cx=%22330%22 cy=%2240%22 r=%222.5%22/%3E%3C/g%3E%3Cg fill=%22%235BA4D9%22 stroke=%22none%22 opacity=%22.18%22%3E%3Ccircle cx=%22160%22 cy=%22320%22 r=%223%22/%3E%3Ccircle cx=%2220%22 cy=%22250%22 r=%222.5%22/%3E%3C/g%3E%3C/svg%3E ");background-repeat:repeat;background-size:360px}
.ano section.alt{background-color:rgba(240,241,234,.82)}
.ano .himg{margin:28px 0 0;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:3/2;max-width:100%;background:var(--bg2)}
.ano .himg img{width:100%;height:100%;object-fit:cover;display:block}
.ano .hero .grid .himg{margin:0}
.ano .hero .wrap>.himg{max-width:900px}
.ano .post .ph{position:relative;overflow:hidden;padding:0}
.ano .post .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ano .post:hover .ph img{transform:scale(1.04)}
.ano .post .ph span{position:absolute;left:12px;bottom:12px;background:rgba(30,42,47,.78);color:#fff;padding:5px 10px;border-radius:999px;font-size:11px;letter-spacing:.06em}
.ano img.ava{object-fit:cover;object-position:center 20%;display:block;border:3px solid #fff;box-shadow:0 4px 14px rgba(30,42,47,.15)}
.ano .ava{width:96px;height:96px}
.ano .card,.ano .person,.ano .doc,.ano .steps li{background:rgba(255,255,255,.94)}
@media (max-width:600px){.ano .himg{border-radius:16px;margin-top:20px}}
/* FIX v2b */
.ano .hero .wrap>.himg{max-width:720px}
.ano .hero:has(>.wrap>.himg){padding-bottom:8px}
.ano .hero .grid .himg{align-self:start;margin-top:40px}
@media (max-width:860px){.ano .hero .grid .himg{margin-top:0}.ano nav.menu{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}}