/* arabic */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-1.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-2.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-3.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;
}
/* arabic */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-4.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-5.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-6.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Tinos';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-7.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Tinos';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-8.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Tinos';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-9.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Tinos';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-10.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Tinos';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-11.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Tinos';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-12.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Tinos';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-13.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Tinos';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-14.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-15.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-16.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-17.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-18.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-19.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-20.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-21.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-22.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-23.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-24.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-25.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-26.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-27.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-28.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-29.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-30.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;
}

/* Layout: brand info strip, logo header with language dropdown, sun hero, three fields, then the membership application as the page's centrepiece */
:root{
  --bg:#ffffff; --surface:#ffffff; color-scheme:light; --fg:#17293a; --muted:#5a6b7b; --line:#dbe3ec;
  --blue:#2b679d; --blue-ink:#1f4f7a; --blue-soft:#e6eef7; --sun:#f9b91b; --sun-soft:#fff3d6; --on-blue:#ffffff; --ok:#1d7a4f; --green:#1d7a4f; --green-soft:#e3f3ea; --green-ink:#1d6b45; --rose:#b83271; --rose-soft:#fbe7ef; --gray-soft:#e8ebef; --gray-ink:#3d4650; --red-soft:#fde8e6; --red-ink:#9a3412; --lilac-soft:#f3e8fb; --lilac-ink:#6b3a86;
  --display:"Times New Roman",Times,"Tinos","Amiri",serif;
  --body:"Times New Roman",Times,"Tinos","Amiri",serif;
}

*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:17px;line-height:1.7}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--surface)}
.wrap{max-width:1060px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--display);line-height:1.25;text-wrap:balance;margin:0}
p{margin:0}
a{color:var(--blue-ink)}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
bdi,.ltr{unicode-bidi:isolate}

/* info strip */
.strip{background:var(--blue);color:var(--on-blue);font-size:.84rem}
.strip .wrap{display:flex;flex-wrap:wrap;gap:6px 22px;padding-block:7px;justify-content:center}
.strip span{display:inline-flex;gap:6px;align-items:center}
.strip svg{flex:none;opacity:.9}

/* header */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--surface);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px}
.logo{display:block;background:#fff;border-radius:10px;padding:4px 8px;line-height:0}
.logo img{height:46px;width:auto}
nav{display:flex;gap:2px;flex-wrap:wrap}
nav a{text-decoration:none;color:var(--muted);padding:6px 10px;border-radius:6px;font-size:.93rem}
nav a:hover{color:var(--fg);background:var(--blue-soft)}
.lang{position:relative;display:inline-flex;align-items:center}
.lang select{appearance:none;-webkit-appearance:none;font:600 .92rem var(--body);color:var(--fg);background:var(--blue-soft);border:1px solid var(--line);border-radius:999px;padding:7px 36px 7px 34px;cursor:pointer}
.lang .globe{position:absolute;inset-inline-start:11px;pointer-events:none;color:var(--blue-ink)}
.lang .arrow{position:absolute;inset-inline-end:12px;pointer-events:none;color:var(--blue-ink)}
[dir="rtl"] .lang select{padding:7px 34px 7px 36px}
@media (max-width:980px){.bar{flex-wrap:wrap}nav{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-6px}nav a{white-space:nowrap}.logo img{height:38px}}

/* hero */
.hero{background:var(--bg)}
.hero .wrap{padding-block:40px 52px;display:grid;grid-template-columns:1fr;gap:30px;align-items:center}
.hero h1{font-size:clamp(1.9rem,4.8vw,3.1rem);font-weight:800}
.hero h1 b{color:var(--blue-ink)}
.meaning{display:inline-block;margin-bottom:14px;font-size:.85rem;color:var(--muted);border:1px solid var(--line);background:var(--surface);padding:4px 12px;border-radius:999px}
.lead{margin-top:16px;font-size:1.08rem;color:var(--muted);max-width:54ch}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-flex;align-items:center;gap:8px;font:600 1rem var(--body);padding:12px 22px;border-radius:10px;text-decoration:none;border:2px solid var(--blue);cursor:pointer;background:transparent;color:var(--blue-ink)}
.btn.primary{background:var(--blue);color:var(--on-blue)}
.btn.sun{background:var(--sun);border-color:var(--sun);color:#1b1b1b}
.sunwrap{display:flex;justify-content:center}
.sunwrap img{display:block;width:100%;max-width:100%;height:auto;border-radius:20px;border-bottom:6px solid var(--sun);box-shadow:0 14px 34px rgba(20,40,60,.18)}
.hero .wrap>div:first-child{max-width:820px}
html[lang="ku"] .unity .bg-sun,html:not([lang="ku"]) .unity .bg-flag{display:none}
@media (prefers-reduced-motion:no-preference){.unity .dance{animation:sway 4s ease-in-out infinite;transform-origin:300px 440px}@keyframes sway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg) translateY(-3px)}}}
.rec{display:inline-flex;gap:8px;align-items:center;margin-top:18px;font-size:.92rem;font-weight:600;color:var(--blue-ink)}
.rec svg{flex:none}
@media (max-width:720px){.hero .wrap{grid-template-columns:1fr;padding-block:28px 40px}.sunwrap img{border-radius:14px}}

section{padding-block:56px}
.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-ink)}
section h2{font-size:clamp(1.5rem,3.4vw,2.1rem);margin-top:6px}
.intro{margin-top:12px;color:var(--muted);max-width:64ch}
.fields{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.field{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;min-width:0}
.field .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue-ink)}
.field:nth-child(2) .ic{background:var(--sun-soft);color:#b77f00}
.field h3{font-size:1.2rem}
.field p{color:var(--muted)}
@media (max-width:1000px){.fields{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fields{grid-template-columns:1fr}}
.field:nth-child(4) .ic{background:var(--rose-soft);color:var(--rose)}
.tag.h{background:var(--green-soft);color:var(--green-ink)}
.ph-img.h{background:linear-gradient(160deg,var(--green-soft),var(--bg))}

/* about: goals + facts */
.about2{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;margin-top:30px}
@media (max-width:820px){.about2{grid-template-columns:1fr}}
.goals{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.goals li{display:flex;gap:12px;align-items:flex-start}
.goals li::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:var(--sun);margin-top:8px;box-shadow:0 0 0 4px var(--sun-soft)}
.facts{background:var(--blue);color:var(--on-blue);border-radius:16px;padding:22px;display:grid;gap:14px;align-content:start}
.facts div{display:flex;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:10px}
.facts div:last-child{border-bottom:0;padding-bottom:0}
.facts span{font-size:.8rem;opacity:.8}
.facts strong{font-family:var(--display);font-size:1.05rem}
.facts .ph{color:#1b1b1b}

/* activities */
.acts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
@media (max-width:900px){.acts{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.acts{grid-template-columns:1fr}}
.act{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px;min-width:0}
.tag{align-self:flex-start;font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:999px;background:var(--blue-soft);color:var(--blue-ink)}
.tag.k{background:var(--sun-soft);color:#9a6a00}
.tag.s{background:var(--gray-soft);color:var(--gray-ink)}
.act h3{font-size:1.02rem}
.acts{grid-auto-flow:dense}
.act.wide{grid-column:span 2}
@media (max-width:480px){.act.wide{grid-column:auto}}
.tagrow{display:flex;gap:6px;flex-wrap:wrap}
.soon{font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:999px;border:1px dashed var(--blue);color:var(--blue-ink)}
.act p{font-size:.9rem;color:var(--muted)}

/* archive */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.filters button{font:600 .88rem var(--body);border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:7px 16px;border-radius:999px;cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:var(--on-blue)}
.arch{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
@media (max-width:820px){.arch{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.arch{grid-template-columns:1fr}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.ph-img{aspect-ratio:16/10;max-width:100%;background:radial-gradient(circle at 70% 35%,var(--sun) 0 14%,transparent 15%),linear-gradient(160deg,var(--blue-soft),var(--sun-soft));display:grid;place-items:end start;padding:10px}
.card .body{padding:14px 16px 16px;display:grid;gap:6px}
.card .meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}
.card h3{font-size:1.02rem}
.card p{font-size:.9rem;color:var(--muted)}
.ex{font-size:.72rem;font-weight:600;background:var(--surface);color:var(--muted);border:1px dashed var(--muted);border-radius:6px;padding:1px 8px}

/* board */
.people{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:24px}
.tier{display:grid;gap:0}
.tier .people{margin-top:14px;position:relative}
.tier .people+.people::before{content:"";position:absolute;top:-14px;left:50%;width:2px;height:14px;background:var(--line)}
.person{flex:0 0 190px}
.person.staff{border-style:dashed;border-color:var(--blue)}
.people.small .person{flex-basis:170px;opacity:.9}
@media (max-width:560px){.person,.people.small .person{flex:0 0 calc(50% - 7px)}}
.person{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.avatar{width:72px;height:72px;border-radius:50%;background:var(--blue-soft);color:var(--blue-ink);display:grid;place-items:center;border:3px solid var(--sun)}
.person .role{font-weight:600;font-size:.92rem}
.person .name{font-size:.98rem;font-weight:700;font-family:var(--display)}
.subhead{margin-top:44px;font-size:1.25rem}
.board-note{margin-top:8px;color:var(--muted);max-width:64ch;font-size:.93rem}

/* weekly plan */
.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:26px}
@media (max-width:820px){.week{grid-template-columns:1fr}}
.day{border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:12px;display:flex;flex-direction:column;gap:8px;min-height:120px;min-width:0}
.day.off{opacity:.55}
.day h4{margin:0;font-family:var(--display);font-size:.98rem;color:var(--blue-ink)}
.slot{border-radius:8px;padding:8px 10px;background:var(--blue);color:var(--on-blue);display:grid;gap:2px}
.slot.k{background:var(--sun);color:#1b1b1b}
.slot.s{background:var(--gray-soft);color:var(--gray-ink)}
.slot.j{background:var(--red-soft);color:var(--red-ink)}
.slot.w{background:var(--lilac-soft);color:var(--lilac-ink)}
.slot.h{background:var(--green);color:var(--on-blue)}
.slot b{font-size:.92rem;line-height:1.3}
.slot span{font-size:.8rem;opacity:.9;font-variant-numeric:tabular-nums}
@media (max-width:820px){.day{min-height:0;flex-direction:row;align-items:center;flex-wrap:wrap}.day h4{width:90px}.day.off{display:none}}
.wk-title{margin-top:26px;font-size:1.15rem}

.years{display:grid;gap:12px;margin-top:20px}
.year{border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.year summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:14px 18px;font-family:var(--display)}
.year summary::-webkit-details-marker{display:none}
.year .yr{font-size:1.4rem;font-weight:700;color:var(--blue-ink);font-variant-numeric:tabular-nums}
.year .cnt{font-size:.88rem;color:var(--muted)}
.year .chev{margin-inline-start:auto;color:var(--blue-ink);transition:transform .2s}
.year[open] .chev{transform:rotate(180deg)}
.year[open] summary{border-bottom:1px solid var(--line)}
.year .arch{margin:0;padding:16px 18px 18px}
.wa{color:inherit;text-decoration:none}
.wa:hover{text-decoration:underline}

.help{margin-top:22px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--sun-soft);border:1px dashed var(--sun);border-radius:16px;padding:20px 22px}
.help>div{flex:1 1 320px;min-width:0;display:grid;gap:6px}
.help h3{font-size:1.15rem}
.help p{color:var(--muted);max-width:70ch}

.tag.j{background:var(--red-soft);color:var(--red-ink)}
.tag.w{background:var(--lilac-soft);color:var(--lilac-ink)}
.ph-img{aspect-ratio:16/9;background:linear-gradient(160deg,var(--blue-soft),var(--bg));place-items:center;position:relative}
.ph-img.k{background:linear-gradient(160deg,var(--sun-soft),var(--bg))}
.ph-img.j{background:linear-gradient(160deg,var(--red-soft),var(--bg))}
.ph-img.w{background:linear-gradient(160deg,var(--lilac-soft),var(--bg))}
.ph-img.s{background:linear-gradient(160deg,var(--line),var(--bg))}
.ph-img svg{width:44px;height:44px;color:var(--blue-ink);opacity:.55}
.ph-img .ex{position:absolute;bottom:10px;inset-inline-start:10px}

.donate{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
@media (max-width:760px){.donate{grid-template-columns:1fr}}
.dbank{font-size:1rem;padding:20px 22px;border:1px solid var(--sun)}
.dbank dd{font-size:1.05rem}
[dir="rtl"] .bank dd.ltr{text-align:right}

.card.real{border-color:var(--blue)}
.ph-real{display:block;position:relative;border:0;padding:0;margin:0;cursor:zoom-in;background:var(--line);aspect-ratio:16/10;width:100%;overflow:hidden}
.ph-real img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.ph-real:hover img{transform:scale(1.04)}
.pcount{position:absolute;bottom:10px;inset-inline-end:10px;display:inline-flex;gap:5px;align-items:center;background:rgba(10,20,30,.72);color:#fff;font-size:.8rem;padding:3px 9px;border-radius:999px}
.lb{position:fixed;inset:0;z-index:50;background:rgba(8,14,22,.94);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:max(16px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}
.lb figure{margin:0;display:grid;gap:10px;justify-items:center;min-width:0;grid-column:2}
.lb img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:10px}
.lb figcaption{color:#e8eef5;font-size:.95rem;text-align:center}
.lb-btn{background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;cursor:pointer}
.lb-btn:hover{background:rgba(255,255,255,.24)}
.lb-p{grid-column:1;grid-row:1}.lb-n{grid-column:3;grid-row:1}
.lb-x{position:absolute;top:max(14px,env(safe-area-inset-top,0px));inset-inline-end:max(14px,env(safe-area-inset-right,0px))}
[dir="rtl"] .lb-p svg,[dir="rtl"] .lb-n svg{transform:scaleX(-1)}
@media (max-width:600px){.lb{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}.lb figure{grid-column:1/3;grid-row:1}.lb-p{grid-column:1;grid-row:2;justify-self:end}.lb-n{grid-column:2;grid-row:2;justify-self:start}}

.ups{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
@media (max-width:900px){.ups{grid-template-columns:1fr}}
.up{display:grid;grid-template-columns:200px 1fr;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;min-width:0}
@media (max-width:480px){.up{grid-template-columns:1fr}}
.up .poster{border:0;padding:0;background:none;cursor:zoom-in;display:block;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px rgba(20,40,60,.15);align-self:start}
.up .poster img{display:block;width:100%;height:auto}
.up .info{display:grid;gap:10px;align-content:start;min-width:0}
.up h3{font-size:1.2rem;line-height:1.35}
.up .when{display:flex;gap:8px;align-items:flex-start;font-weight:600;color:var(--blue-ink);font-size:.95rem}
.up .when svg{flex:none;margin-top:4px}
.up p{color:var(--muted);font-size:.95rem}

.act-ph{display:block;position:relative;border:0;padding:0;cursor:zoom-in;border-radius:10px;overflow:hidden;aspect-ratio:16/9;width:100%;background:var(--line)}
.act-ph img{width:100%;height:100%;object-fit:cover;display:block}

.hours{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;max-width:560px}
.hours h3{display:flex;gap:8px;align-items:center;font-size:1.1rem;color:var(--blue-ink);margin-bottom:10px}
.hours dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 24px}
.hours dt{font-weight:600}
.hours dd{margin:0;font-variant-numeric:tabular-nums;color:var(--fg)}
.hours dd span{display:inline-block;margin-inline-end:14px}

.stmt{margin-top:22px;max-width:760px;background:var(--surface);border:1px solid var(--line);border-inline-start:5px solid var(--blue);border-radius:12px;padding:22px 24px;display:grid;gap:12px}
.stmt-date{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}
.stmt h3{font-size:1.25rem;color:var(--blue-ink)}
.stmt p{line-height:1.75}
.stmt-sign{font-weight:700;margin-top:4px}

/* application */
.apply{background:var(--surface);border-block:1px solid var(--line)}
#apply .plan,#apply input[type=text],#apply input[type=email],#apply input[type=tel],#apply input[type=date],#apply .chip{background:var(--surface)}
.apphead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.form{margin-top:28px;display:grid;gap:26px}
fieldset{border:0;margin:0;padding:0;display:grid;gap:14px;min-width:0}
legend{font-family:var(--display);font-weight:700;font-size:1.08rem;display:flex;gap:10px;align-items:center;margin-bottom:12px;padding:0}
legend .n{width:28px;height:28px;border-radius:50%;background:var(--sun);color:#1b1b1b;display:grid;place-items:center;font-size:.9rem;flex:none}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:640px){.grid2{grid-template-columns:1fr}}
label.f{display:grid;gap:5px;font-size:.9rem;font-weight:500;min-width:0}
label.f small{color:var(--muted);font-weight:400}
input[type=text],input[type=email],input[type=tel],input[type=date]{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:10px 12px;width:100%;min-width:0}
input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px var(--blue-soft)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:8px 16px;cursor:pointer}
.chip input{accent-color:var(--blue)}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:760px){.plans{grid-template-columns:1fr 1fr}}
.plan{position:relative;border:2px solid var(--line);border-radius:14px;padding:16px;background:var(--bg);cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:0}
.plan input{position:absolute;opacity:0;pointer-events:none}
.plan .amt{font-family:var(--display);font-weight:800;font-size:1.7rem;color:var(--blue-ink);font-variant-numeric:tabular-nums}
.plan .per{font-weight:600}
.plan .sub{font-size:.82rem;color:var(--muted)}
.plan:has(input:checked){border-color:var(--blue);background:var(--blue-soft)}
.plan:has(input:checked)::after{content:"✓";position:absolute;top:10px;inset-inline-end:12px;width:24px;height:24px;border-radius:50%;background:var(--blue);color:var(--on-blue);display:grid;place-items:center;font-size:.8rem}
.plan:has(input:focus-visible){outline:3px solid var(--sun);outline-offset:2px}
.bank{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;background:var(--sun-soft);border-radius:12px;padding:14px 18px;font-size:.92rem}
.bank dt{color:var(--muted)}
.bank dd{margin:0;font-weight:600;word-break:break-word}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:.93rem}
.consent input{margin-top:6px;width:18px;height:18px;flex:none;accent-color:var(--blue)}
.hint{font-size:.85rem;color:var(--muted)}
.err{color:#c23a2b;font-size:.9rem;font-weight:500}
.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

.result{border:2px solid var(--ok);border-radius:16px;padding:22px;display:grid;gap:14px;background:var(--bg)}
.result h3{color:var(--ok);font-size:1.25rem}
.result pre{white-space:pre-wrap;word-break:break-word;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px;margin:0;font:inherit;font-size:.92rem;max-height:340px;overflow:auto}
.steps{margin:0;padding-inline-start:20px;display:grid;gap:6px}

.contact{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.ci{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:2px;min-width:0}
.ci span{font-size:.8rem;color:var(--muted)}
.ci strong{font-weight:600;word-break:break-word}
@media (max-width:860px){.contact{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.contact{grid-template-columns:1fr}}

footer{background:var(--blue-ink);color:var(--bg);padding-block:30px;font-size:.86rem}
footer .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
footer h4{margin:0 0 6px;font-family:var(--display);font-size:.95rem}
@media (max-width:640px){footer .wrap{grid-template-columns:1fr}}
.ph{background:var(--sun-soft);color:var(--fg);padding:0 5px;border-radius:4px}

html{scroll-padding-top:5.5rem}
body{margin:0}
img{max-width:100%}
footer a{color:#fff}
footer a:hover{text-decoration:underline}
.legal{padding-block:28px 72px}
.legal h1{font-size:clamp(1.8rem,4vw,2.5rem)}
.legal h2{font-size:1.3rem;margin-top:1.75rem}
.legal p,.legal li{margin-top:.65rem}
.legal ul,.legal ol{margin:.4rem 0 0;padding-inline-start:1.25rem}
.legal a{color:var(--blue-ink)}