/* Inter and Lora: SIL Open Font License 1.1, self-hosted (no third-party font requests). */
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-ext-wght-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:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-wght-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:'Lora';font-style:normal;font-display:swap;font-weight:400 700;src:url(fonts/lora-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Lora';font-style:normal;font-display:swap;font-weight:400 700;src:url(fonts/lora-latin-ext-wght-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:'Lora';font-style:normal;font-display:swap;font-weight:400 700;src:url(fonts/lora-latin-wght-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}
/* Zatyshok i Vidnovlennia: site styles. Palette and type follow the approved mockup (Sept 2026). */
:root{
  --paper:#FAF7F0; --sand:#F1EADF; --sand-line:#E3D8C6; --line:#E4DCCD;
  --sage:#DCE7E1; --sage-2:#A9C5BB;
  --teal:#2F5F57; --teal-deep:#234640; --teal-ink:#1E2B29;
  --ink:#22302D; --muted:#56625F;
  --clay:#A3532F; --clay-leaf:#C2683F; --clay-soft:#F3DCCD;
  --white:#FFFFFF;
  --r-lg:22px; --r:14px; --pill:999px;
  --wrap:1160px; --gutter:clamp(1.25rem,4vw,2.5rem);
  --serif:'Lora',Georgia,'Times New Roman',serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.6;text-rendering:optimizeLegibility}
svg{display:block}
a{color:var(--teal);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--teal-deep)}
:focus-visible{outline:3px solid var(--clay);outline-offset:3px;border-radius:4px}
.helpbar :focus-visible,.band :focus-visible,.card-mission :focus-visible,.site-footer :focus-visible{outline-color:#F3DCCD}
h1,h2,h3{font-family:var(--serif);font-weight:500;color:var(--ink);margin:0;line-height:1.14;letter-spacing:-.005em}
h1{font-size:clamp(2.45rem,1.6rem + 3.4vw,4.1rem);line-height:1.06}
h2{font-size:clamp(1.8rem,1.4rem + 1.5vw,2.5rem)}
h3{font-size:1.2rem;line-height:1.3}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.narrow > *{max-width:900px}
.skip{position:absolute;left:-9999px;top:0;background:var(--white);color:var(--ink);padding:.6rem 1rem;z-index:100;border-radius:8px}
.skip:focus{left:1rem;top:1rem}
.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);margin:0 0 1rem}
.lead{font-size:1.125rem;color:var(--muted);max-width:38rem}
.muted{color:var(--muted)}
.small{font-size:.875rem}
.icon{width:20px;height:20px;flex:none}

/* help bar */
.helpbar{background:var(--teal-deep);color:#E6EFEB;font-size:.875rem}
.helpbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;padding-block:.5rem}
.helpbar p{margin:0;display:flex;align-items:center;gap:.4rem 1rem;flex-wrap:wrap}
.hb-main{display:inline-flex;align-items:flex-start;gap:.5rem}
.hb-main .icon{width:16px;height:16px;margin-top:.2rem}
.helpbar strong{color:#fff;font-weight:600}
.helpbar a{color:#fff}
.langs{display:inline-flex;gap:2px;border-radius:var(--pill);padding:3px}
.langs a{text-decoration:none;font-size:.75rem;font-weight:600;letter-spacing:.06em;padding:.25rem .65rem;border-radius:var(--pill)}
.langs-dark{border:1px solid rgba(255,255,255,.35)}
.langs-dark a{color:#E6EFEB}
.langs-dark a[aria-current]{background:var(--clay-soft);color:var(--teal-deep)}
.langs-light{border:1px solid var(--line);background:var(--white)}
.langs-light a{color:var(--ink);padding:.45rem .9rem;font-size:.8125rem}
.langs-light a[aria-current]{background:var(--teal);color:#fff}

/* header */
.site-header{position:relative;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;gap:1.75rem;min-height:78px}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--teal);margin-right:auto}
.brand .mark{width:34px;height:34px}
.brand-name{display:block;font-family:var(--serif);font-size:1.125rem;line-height:1.1;color:var(--ink)}
.brand-sub{display:block;margin-top:3px;font-size:.625rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.nav{display:flex;gap:1.6rem}
.nav a{color:var(--ink);text-decoration:none;font-size:.9375rem;padding:.4rem 0;border-bottom:2px solid transparent;white-space:nowrap}
.nav a:hover{color:var(--teal)}
.nav a[aria-current="page"]{border-bottom-color:var(--clay-leaf)}

/* buttons */
.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:600 .9375rem/1 var(--sans);padding:.85rem 1.3rem;border-radius:var(--pill);border:1.5px solid var(--teal);text-decoration:none;transition:background-color .15s,color .15s,border-color .15s}
.btn .icon{width:16px;height:16px}
.btn-primary{background:var(--teal);color:#fff}
.btn-primary:hover{background:var(--teal-deep);border-color:var(--teal-deep);color:#fff}
.btn-outline{background:transparent;color:var(--teal)}
.btn-outline:hover{background:var(--sage);color:var(--teal-deep)}
.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}
.btn-block{display:flex;width:100%;margin-top:1.25rem}

/* mobile menu (no JavaScript: <details>) */
.menu{display:none}
.menu summary{list-style:none;cursor:pointer;width:46px;height:46px;border:1.5px solid var(--ink);border-radius:12px;display:grid;place-items:center;color:var(--ink)}
.menu summary::-webkit-details-marker{display:none}
.menu summary .icon{width:24px;height:24px}
.menu .i-close,.menu[open] .i-open{display:none}
.menu[open] .i-close{display:block}
.menu-panel{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);padding:.25rem var(--gutter) 1.75rem;box-shadow:0 24px 32px -24px rgba(30,43,41,.4)}
.menu-panel nav a{display:flex;align-items:center;justify-content:space-between;font-family:var(--serif);font-size:1.375rem;color:var(--ink);text-decoration:none;padding:.95rem 0;border-bottom:1px solid var(--line)}
.menu-panel nav a .icon{color:var(--clay)}
.menu-panel nav a[aria-current="page"]{color:var(--teal)}
.menu-label{font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:1.5rem 0 .6rem}
.menu-help{margin:1.25rem 0 0;background:var(--clay-soft);border-radius:var(--r);padding:1rem 1.1rem;font-size:.9375rem}

/* sections */
.section{padding-block:clamp(2.25rem,4.5vw,3.75rem)}
.section-tight{padding-block:clamp(1.25rem,2.5vw,2rem)}
.section-last{padding-bottom:clamp(3.5rem,7vw,6rem)}
.section-sand{background:var(--sand);border-block:1px solid var(--sand-line);margin-block:clamp(1.25rem,3vw,2.5rem)}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 3rem;align-items:end;margin-bottom:2.25rem}
.section-head.single{grid-template-columns:1fr}
.section-head > p{margin:0;color:var(--muted);max-width:34rem}

/* hero */
.hero{padding-block:clamp(2.5rem,6vw,5rem) clamp(1.5rem,3vw,2.5rem)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.hero h1{margin-bottom:1.4rem;text-wrap:balance}
.hero .lead{margin-bottom:2rem}
.hero-art{width:100%;max-width:430px;justify-self:end}

/* mission + vision */
.mv{padding-top:clamp(1rem,2vw,1.5rem)}
.mv-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:1.5rem}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.5rem,3vw,2.5rem)}
.card-mission,.card-vision{display:flex;flex-direction:column}
.card-mission{background:var(--teal);border-color:var(--teal);color:#fff}
.card-mission .eyebrow{color:var(--clay-soft)}
.statement{font-family:var(--serif);font-size:clamp(1.35rem,1.05rem + 1vw,1.75rem);line-height:1.38;margin:0 0 1.75rem}
.card-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:1.25rem}
.card-foot p{margin:0}
.card-mission .card-foot{border-top-color:rgba(255,255,255,.28)}
.mini-label{font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.75rem!important;color:#E1ECE7}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{border:1px solid rgba(255,255,255,.5);border-radius:var(--pill);padding:.3rem .8rem;font-size:.8125rem}

/* values */
.values{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.value{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:1.25rem 1.2rem 1.4rem}
.ico{width:38px;height:38px;border-radius:10px;background:var(--sage);color:var(--teal);display:grid;place-items:center;flex:none}
.value .ico{margin-bottom:1.4rem}
.value h3{font-size:1.125rem;margin-bottom:.35rem}
.value p{margin:0;font-size:.9375rem;color:var(--muted);line-height:1.5}

/* why band */
.band{background:var(--teal-deep);color:#E1EAE6}
.band h2{color:#fff}
.band .eyebrow{color:var(--clay-soft)}
.band .section-head > p{color:#C9D9D3}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.stat{border-top:1px solid rgba(255,255,255,.3);padding-top:1.5rem}
.stat-num{display:block;font-family:var(--serif);font-size:clamp(2.5rem,1.9rem + 2vw,3.4rem);line-height:1;color:#fff;margin-bottom:1rem;white-space:nowrap}
.stat p{color:#E1EAE6}
.stat .src{font-size:.8125rem;color:#B5C9C1;margin:0}
.stat .src a{color:#E1EAE6}

/* focus */
.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.75rem}
.focus-card{background:var(--sand);border-radius:var(--r-lg);padding:1.75rem}
.focus-num{display:block;font-family:var(--serif);font-size:1.5rem;line-height:1;color:var(--clay);margin-bottom:1rem}
.focus-card h3{margin-bottom:.6rem}
.focus-card p{margin:0;font-size:.9375rem;color:var(--muted)}
.link-arrow{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;text-decoration:none}
.link-arrow .icon{width:16px;height:16px}

/* status + cta */
.status{display:grid;grid-template-columns:.75fr 1.25fr;gap:1.5rem 3rem;background:var(--white);border:1px solid var(--sand-line);border-radius:var(--r-lg);padding:clamp(1.5rem,4vw,3rem)}
.status p{margin:0}
.badge{display:inline-flex;align-items:center;gap:.45rem;background:var(--clay-soft);color:var(--clay);border-radius:var(--pill);font-size:.75rem;font-weight:600;padding:.3rem .75rem;margin-bottom:1rem}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--clay)}
.facts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}
.fact{border:1px solid var(--sand-line);background:var(--paper);border-radius:8px;padding:.35rem .75rem;font-size:.8125rem}
.cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 2rem;background:var(--sage);border-radius:var(--r-lg);padding:clamp(1.75rem,4vw,3rem)}
.cta h2{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.2rem);margin-bottom:.4rem}
.cta p{margin:0;color:var(--muted)}

/* inner page head */
.page-head{background:var(--sand);border-bottom:1px solid var(--sand-line);padding-block:clamp(2.25rem,5vw,4rem)}
.crumbs{font-size:.8125rem;color:var(--muted);margin-bottom:1.1rem}
.crumbs a{color:var(--muted)}
.page-head h1{font-size:clamp(2.2rem,1.6rem + 2.4vw,3.4rem);margin-bottom:.8rem}
.page-head .lead{margin:0}

/* about */
.practice{border-top:1px solid var(--line)}
.practice li{display:grid;grid-template-columns:minmax(200px,.8fr) 1fr 1.5fr;gap:1rem 2.5rem;padding:1.6rem 0;border-bottom:1px solid var(--line);align-items:start}
.pr-name{display:flex;align-items:center;gap:.9rem}
.pr-name h3{font-size:1.3rem}
.pr-line{margin:0;font-family:var(--serif);font-size:1.0625rem;line-height:1.45}
.pr-text p{margin:0;color:var(--muted);font-size:.9375rem}
.tag{display:block;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);margin-bottom:.35rem}
.name-block{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem 4rem;align-items:center;padding-block:clamp(.5rem,2vw,1.5rem)}
.name-word{margin:0;font-family:var(--serif);font-size:clamp(2.4rem,1.7rem + 2.6vw,3.6rem);line-height:1.02;color:var(--teal)}
.name-word span{display:block}
.name-block h2{margin-bottom:1rem}
.board{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.person{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.75rem}
.avatar{width:56px;height:56px;border-radius:50%;background:var(--sage);color:var(--teal);display:grid;place-items:center;font-family:var(--serif);font-size:1.125rem;margin-bottom:1.25rem}
.role{font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);margin-bottom:.4rem}
.person h3{font-size:1.375rem;margin-bottom:.25rem}
.person-focus{color:var(--teal);font-weight:600;font-size:.9375rem;margin-bottom:.9rem}
.bio{margin:0;font-size:.9375rem;color:var(--muted)}
.gov{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.75rem;align-items:stretch;margin-bottom:1.5rem}
.gov-box{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:1.5rem;display:flex;flex-direction:column}
.gov-box h3{margin-bottom:.2rem}
.gov-term{color:var(--muted);font-size:.875rem;margin-bottom:.8rem}
.gov-box p{font-size:.9375rem}
.gov-ref{margin:auto 0 0!important;padding-top:.5rem;font-size:.8125rem!important;color:var(--clay)}
.gov-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:var(--muted);font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.gov-arrow .icon{color:var(--clay)}

/* focus page */
.split{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem 4rem;align-items:center}
.split h2{margin-bottom:1.1rem}
.layers{display:grid;gap:.5rem}
.layer{margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--sand);border:1px solid var(--sand-line);border-radius:12px;padding:.85rem 1.1rem}
.layer:nth-child(1){width:62%}.layer:nth-child(2){width:76%}.layer:nth-child(3){width:88%}.layer:nth-child(4){width:100%}
.layer strong{display:block;font-family:var(--serif);font-weight:500;font-size:1rem;line-height:1.25}
.layer-desc{display:block;font-size:.8125rem;line-height:1.4;color:var(--muted);margin-top:.15rem}
.layer-tag{flex:none;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--clay)}
.layer.is-focus{background:var(--teal);border-color:var(--teal);color:#fff}
.layer.is-focus strong{color:#fff}
.layer.is-focus .layer-desc{color:#D5E3DD}
.layer.is-focus .layer-tag{color:var(--clay-soft)}
.caption{font-size:.8125rem;color:var(--muted);margin:1rem 0 0;text-align:center}
.areas{display:grid;gap:0;border-top:1px solid var(--sand-line)}
.areas li{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--sand-line)}
.areas .focus-num{margin:0}
.areas h3{margin-bottom:.4rem}
.areas p{margin:0;color:var(--muted);max-width:46rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.two .card h2{font-size:1.5rem;margin-bottom:1.25rem}
.ticks{display:grid;gap:1rem}
.ticks li{display:grid;grid-template-columns:22px 1fr;gap:.75rem;font-size:.9688rem}
.ticks .icon{color:var(--teal);margin-top:.15rem}
.ticks-x .icon{color:var(--clay)}
.helpbox{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center;background:var(--clay-soft);border-radius:var(--r-lg);padding:1.5rem clamp(1.25rem,3vw,2rem)}
.helpbox-num{margin:0;font-family:var(--serif);font-size:clamp(2.4rem,2rem + 1.5vw,3.2rem);line-height:1;color:var(--clay)}
.helpbox h2{font-size:1.375rem;margin-bottom:.35rem}
.helpbox p{margin:0}

/* transparency */
.facts-table{width:100%;border-collapse:collapse;margin-top:1.5rem;font-size:.9375rem}
.facts-table tr{border-top:1px solid var(--line)}
.facts-table tr:last-child{border-bottom:1px solid var(--line)}
.facts-table th{width:32%;text-align:left;vertical-align:top;font-weight:600;font-size:.8125rem;color:var(--teal);padding:.95rem 1.25rem .95rem 0}
.facts-table td{padding:.95rem 0}
.docs-intro{margin:1rem 0 0}
.docs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}
.docs-one{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);margin-bottom:1rem}
.doc{display:flex;gap:1rem;align-items:flex-start;height:100%;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:1.25rem;color:var(--ink);text-decoration:none}
.doc:hover{border-color:var(--teal)}
.doc strong{display:block;font-weight:600;line-height:1.35;margin-bottom:.5rem}
.pill-note{display:inline-block;font-size:.75rem;line-height:1.35;background:var(--sand);color:var(--muted);border-radius:var(--pill);padding:.2rem .65rem}
.reports{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 2rem;background:var(--sand);border-radius:var(--r-lg);padding:clamp(1.5rem,3vw,2.25rem)}
.reports h2{font-size:1.6rem;margin-bottom:.4rem}
.reports p{margin:0;color:var(--muted);max-width:36rem}

/* get involved */
.ways{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.way{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.75rem;scroll-margin-top:1rem}
.way .ico{margin-bottom:2rem}
.way h2{font-size:1.375rem;margin-bottom:.75rem}
.way p{flex:1;color:var(--muted);font-size:.9375rem}
.way .btn{align-self:flex-start;margin-top:.5rem}
.mail-note{margin:1.25rem 0 0}
.donate{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 3rem;align-items:center;background:var(--white);border:1.5px dashed var(--sand-line);border-radius:var(--r-lg);padding:clamp(1.5rem,3vw,2.5rem)}
.donate h2{margin-bottom:.75rem}
.donate p{margin:0}
.donate-note{background:var(--sand);border-radius:var(--r);padding:1.25rem 1.4rem;color:var(--muted)}

/* contact */
.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.25rem;align-items:start}
.mail-big{font-family:var(--serif);font-size:clamp(1.35rem,1rem + 1.4vw,2rem);line-height:1.25;overflow-wrap:anywhere;margin-bottom:.4rem}
.mail-big a{text-decoration:none}
.topics{display:flex;flex-wrap:wrap;gap:.5rem}
.topics a{display:inline-block;border:1px solid var(--line);background:var(--paper);border-radius:var(--pill);padding:.4rem .9rem;font-size:.875rem;text-decoration:none;color:var(--ink)}
.topics a:hover{border-color:var(--teal)}
.stack{display:grid;gap:1.25rem}
.notice{background:var(--clay-soft);border-radius:var(--r-lg);padding:1.5rem 1.6rem}
.registered{background:var(--sand);border-radius:var(--r-lg);padding:1.5rem 1.6rem}
.notice h2,.registered h2{font-size:1.2rem;margin-bottom:.6rem}
.notice p,.registered p{margin:0;font-size:.9375rem}

/* privacy */
.prose{max-width:44rem}
.prose h2{font-size:1.45rem;margin:2.25rem 0 .7rem}
.prose h2:first-child{margin-top:0}

/* 404 */
.notfound{padding-block:4rem}
.brand-static{display:flex;align-items:center;gap:.6rem;color:var(--teal);margin-bottom:2.5rem}
.brand-static .mark{width:34px;height:34px}
.notfound h1{margin-bottom:1rem}

/* footer */
.site-footer{background:var(--teal-ink);color:#C3CECB;font-size:.875rem}
.site-footer .wrap{padding-block:3rem 1.5rem}
.footer-grid{display:grid;grid-template-columns:1.7fr .8fr 1fr;gap:2rem 3rem}
.site-footer .brand{color:#E6EFEB;margin:0 0 1.1rem}
.site-footer .brand-name{color:#fff}
.site-footer .brand-sub{color:#9EB0AA}
.footer-legal p{margin:0;line-height:1.55}
.footer-legal strong{color:#fff;font-weight:600}
.site-footer h2{font:600 .6875rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#E9B497;margin-bottom:.9rem}
.site-footer ul{display:grid;gap:.5rem}
.site-footer a{color:#E6EFEB;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer strong{color:#fff}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;border-top:1px solid rgba(255,255,255,.14);margin-top:2.5rem;padding-top:1.25rem;font-size:.8125rem;color:#9EB0AA}

/* responsive */
@media (max-width:1080px){
  .values{grid-template-columns:repeat(3,1fr)}
  .nav{gap:1.1rem}
}
@media (max-width:1120px){
  .nav,.header-cta,.langs-dark{display:none}
  .menu{display:block}
}
@media (max-width:960px){
  .hero-grid,.mv-grid,.split,.name-block,.contact-grid,.donate,.two,.status{grid-template-columns:1fr}
  .hero-art{order:-1;justify-self:start;max-width:260px}
  .section-head{grid-template-columns:1fr;align-items:start}
  .stats,.focus-grid,.board,.ways,.docs,.docs-one{grid-template-columns:1fr}
  .practice li{grid-template-columns:1fr;gap:.6rem}
  .gov{grid-template-columns:1fr}
  .gov-arrow{flex-direction:row;padding-block:.15rem}
  .gov-arrow .icon{transform:rotate(90deg)}
  .layer:nth-child(n){width:100%}
  .footer-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  body{font-size:1rem}
  .values{grid-template-columns:1fr}
  .value{display:grid;grid-template-columns:38px 1fr;gap:1rem;align-items:start}
  .value .ico{margin:0}
  .helpbox{grid-template-columns:1fr;gap:.75rem}
  .facts-table th,.facts-table td{display:block;width:auto;padding:0}
  .facts-table th{padding-top:.85rem}
  .facts-table td{padding:.15rem 0 .85rem}
  .areas li{grid-template-columns:2.75rem 1fr}
  .brand-sub{letter-spacing:.1em}
}
@media print{
  .helpbar,.menu,.header-cta,.site-footer .footer-bottom{display:none}
  body{background:#fff}
}
