:root{--green:#183e2c;--green-soft:#3c654c;--red:#a8212c;--paper:#faf8f3;--white:#fff;--ink:#25382b;--muted:#5d685e;--line:#d9ded3;--gold:#d9b66a;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:6.5rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}
::selection{background:#eac7cb;color:var(--green)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--red);outline-offset:6px;border-radius:3px}
img,svg{display:block;max-width:100%}
figure,p,h1,h2,h3{margin:0}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;text-wrap:balance}
h2{font-size:clamp(2.5rem,4.1vw,3.6rem);letter-spacing:-.035em}
h3{font-size:1.55rem;letter-spacing:-.025em;line-height:1.22}
em{color:var(--red);font-weight:400}
.wrap{width:min(1220px,calc(100% - 96px));margin-inline:auto}
.skip{position:fixed;left:1rem;top:-10rem;background:var(--white);padding:.6rem 1rem;z-index:10}
.skip:focus{top:1rem}
.header{background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner{min-height:98px;display:flex;align-items:center;gap:2rem}
.wordmark{display:inline-flex;align-items:center;gap:.85rem;font-weight:700;color:var(--green);white-space:nowrap}
.header-name{display:flex;flex-direction:column;align-items:center;line-height:1.15}
.header-gemach{font-size:.95rem;font-weight:500;margin-bottom:.15rem}
.header-hebrew{font-size:1.9rem;font-weight:700}
.rose-mark{position:relative;display:block;aspect-ratio:735/725;overflow:hidden;flex-shrink:0}
.rose-mark img{position:absolute;width:170.612245%;height:auto;max-width:none;left:-38.095238%;top:-11.034483%;mix-blend-mode:multiply}
.header-rose{width:66px}
nav{display:flex;gap:2rem;margin-left:auto;font-size:.9rem}
nav a{border-bottom:1px solid transparent;padding:.4rem 0;transition:border-color .2s}
nav a:hover{border-color:var(--red)}
.bsd{font-family:var(--serif);font-size:.875rem;color:var(--muted);padding-left:1rem;border-left:1px solid var(--line)}
.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--red);line-height:1.6;margin-bottom:1.5rem}
.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:5%;padding-block:78px 74px}
h1{font-size:clamp(3.5rem,5.6vw,5.15rem);letter-spacing:-.05em;color:var(--green);max-width:610px}
.hero-intro{color:var(--muted);font-size:1.0625rem;max-width:455px;margin-top:1.65rem;line-height:1.75}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;background:var(--green);color:var(--white);padding:1rem 1.2rem;font-size:.925rem;margin-top:1.75rem;border-radius:3px;transition:background .2s}
.button:hover{background:#28553d}
.button span{font-size:1.3rem;line-height:1}
.hebrew-aside{font-family:var(--serif);font-size:1.15rem;text-align:left;color:var(--muted);margin-top:1.4rem}
.hero-brand{text-align:center;max-width:480px;justify-self:end;width:100%}
.brand-plate{background:var(--white);padding:24px 26px 26px;border:1px solid #e6e6da;border-radius:48% 48% 5px 5px}
.hero-rose{width:min(100%,310px);margin-inline:auto}
.logo-gemach{font-size:1.35rem;line-height:1.4;margin-top:1rem}
.logo-name{font-size:clamp(2.2rem,4vw,3.35rem);font-weight:700;line-height:1.25;color:var(--red)}
.logo-tagline{font-family:var(--serif);font-size:.95rem;line-height:1.5;margin-top:.8rem;color:var(--green)}
.brand-caption{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:1rem;margin-top:1.15rem}
.mission{border-block:1px solid var(--line);padding:65px 0 70px;background:#f0f1e8}
.section-top{display:flex;align-items:flex-start;justify-content:space-between;gap:3rem;margin-bottom:3rem}
.section-top .eyebrow{margin-top:.3rem;max-width:200px}
.section-top h2{width:66%}
.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem}
.principles article{border-top:1px solid #c6cdbc;padding-top:1.4rem}
.principle-no{font-family:var(--serif);font-style:italic;color:var(--red);font-size:1rem;display:block;margin-bottom:1.1rem}
.principles h3{max-width:280px;margin-bottom:1rem}
.principles p{color:var(--muted);font-size:1rem;line-height:1.75}
.principles .hebrew-line{font-family:var(--serif);font-size:1.15rem;color:var(--green);margin-top:1.2rem;text-align:left}
.relatives{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;padding-block:68px;border-bottom:1px solid var(--line);align-items:center}
.relatives .eyebrow{margin-bottom:1.1rem}
.relatives h2{font-size:clamp(2.5rem,3.8vw,3.25rem)}
.relatives-hebrew{font-family:var(--serif);font-size:1.2rem;color:var(--red);text-align:left;margin-top:1.3rem}
.relatives-copy>p{font-size:1.0625rem;line-height:1.8;color:var(--muted)}
.relatives-copy>p+p{margin-top:1rem}
.relatives-copy .relatives-punchline{font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.5;color:var(--green)}
.outlook{padding-block:80px}
.outlook-top{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;margin-bottom:2.8rem}
.outlook-intro{color:var(--muted);font-size:1rem;max-width:380px;padding-bottom:.25rem}
.charts{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;align-items:stretch}
.chart-card{background:var(--white);border:1px solid var(--line);padding:1.9rem 1.8rem 1.35rem;border-radius:5px;min-width:0;display:flex;flex-direction:column}
.chart-kicker{font-size:.75rem;color:var(--muted);display:block;margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.07em;line-height:1.5}
.chart-card h3{font-size:1.8rem;margin-bottom:.55rem}
.chart-card figcaption p{color:var(--muted);font-size:.9rem;line-height:1.6;max-width:380px}
.line-chart{width:100%;margin:1.25rem 0 .7rem;overflow:visible;flex-grow:1}
.grid-lines{stroke:#e7eae4;stroke-width:1}
.axis-labels{font-family:var(--sans);font-size:15px;fill:#69716a}
.stage-labels{font-family:var(--sans);font-size:16px;fill:#526051;text-anchor:middle}
.trend-line{fill:none;stroke:var(--green-soft);stroke-width:4;stroke-linecap:round;stroke-dasharray:560;stroke-dashoffset:0;animation:draw 1.9s ease-out both}
.chart-points{fill:var(--green);stroke:var(--white);stroke-width:3}
.chart-points circle:last-child{fill:var(--red)}
.chart-note{font-size:.8rem;color:var(--muted);line-height:1.6;border-top:1px solid #eceee7;padding-top:.95rem;margin-top:auto}
.mix-content{display:flex;align-items:center;gap:1.7rem;flex-direction:column;padding:1.7rem 0 1.5rem;flex-grow:1}
.donut{height:168px;width:168px;border-radius:50%;background:conic-gradient(var(--green) 0% 60%,var(--red) 60% 90%,var(--gold) 90% 100%);display:grid;place-items:center;flex-shrink:0}
.donut>div{height:123px;width:123px;border-radius:50%;background:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center}
.donut strong{font-family:var(--serif);font-size:2rem;line-height:1.1;font-weight:400}
.donut span{font-size:.75rem;color:var(--muted);margin-top:.35rem}
.legend{margin:0;padding:0;list-style:none;width:100%;max-width:290px;display:grid;gap:.6rem;font-size:.9rem}
.legend li{display:flex;align-items:center;gap:.65rem}
.legend strong{margin-left:auto;font-weight:400;font-variant-numeric:tabular-nums}
.key{width:10px;height:10px;border-radius:2px;flex-shrink:0}
.key-green{background:var(--green)}.key-red{background:var(--red)}.key-gold{background:var(--gold)}
.leadership{background:var(--green);color:var(--white);padding:76px 0}
.leadership-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%}
.leadership .eyebrow{color:#dfc28b}
.leader-label h2{font-size:clamp(2.6rem,4.15vw,3.7rem);line-height:1.12}
.leader-label h2 em{color:#dfc28b}
.leader-hebrew{font-family:var(--serif);font-size:1.4rem;text-align:left;color:#c4d0c0;margin-top:2rem}
.profile-heading{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.7rem}
.leader-portrait{width:128px;height:150px;border:1px solid #758875;border-radius:5px;flex-shrink:0;object-fit:cover;object-position:50% 20%}
.profile-heading>div{min-width:0}
.profile-heading h3{font-size:2.15rem;line-height:1.2}
.profile-heading h3 span{font-family:var(--sans);font-size:.875rem;color:#c4d0c0;letter-spacing:.06em;margin-left:.4rem;display:inline-block}
.job-title{color:#dfc28b;font-size:.9375rem;margin-top:.3rem}
.leader-profile>p{font-size:1rem;line-height:1.8;color:#e0e7dc;margin-top:1rem}
.office-motto{border-left:2px solid #b99c63;padding-left:1.2rem;margin:1.7rem 0 1.9rem}
.motto-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#c4d0c0;display:block;margin-bottom:.4rem}
.office-motto p{font-family:var(--serif);font-size:1.4rem;line-height:1.5;font-style:italic;color:#f4ebd7}
.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}
.contact-links a{font-size:.95rem;line-height:1.7;border-bottom:1px solid #799079;overflow-wrap:anywhere}
.contact-links a:hover{color:#dfc28b}
.contact-links a span{margin-left:.8rem;color:#dfc28b}
.leadership a:focus-visible{outline-color:var(--gold)}
.closing{padding-block:70px 65px;text-align:center}
.closing .eyebrow{font-family:var(--serif);letter-spacing:0;font-size:1.2rem;font-weight:400;margin-bottom:1.2rem}
.closing-line{font-family:var(--serif);font-size:clamp(2.3rem,4.2vw,3.3rem);letter-spacing:-.03em;line-height:1.18;color:var(--green)}
.back-top{display:inline-block;font-size:.875rem;border-bottom:1px solid var(--line);padding-bottom:.25rem;margin-top:1.8rem;color:var(--muted)}
.back-top span{margin-left:.7rem;color:var(--red)}
.footer{border-top:1px solid var(--line);padding:26px 0 30px}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.footer-brand{font-family:var(--serif);font-size:1.35rem;white-space:nowrap;font-weight:700}
.footer p{font-size:.8rem;line-height:1.75;color:var(--muted)}
.footer-signoff{font-size:.8rem;color:var(--muted);white-space:nowrap;font-style:italic}
@keyframes draw{from{stroke-dashoffset:560}to{stroke-dashoffset:0}}
@media(min-width:1200px){.mix-content{flex-direction:row;gap:1.4rem}.legend{font-size:.875rem}.donut{width:162px;height:162px}.donut>div{width:119px;height:119px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:3%;padding-block:60px}.brand-plate{padding:20px 16px}.principles{gap:1.6rem}.charts{grid-template-columns:1.1fr 1fr}.chart-card{padding:1.5rem 1.2rem 1.2rem}.leadership-grid{gap:5%}.footer-inner{flex-wrap:wrap}.footer-signoff{margin-left:auto}}
@media(max-width:760px){html{scroll-padding-top:1rem}.wrap{width:calc(100% - 40px)}.header-inner{min-height:84px;flex-wrap:wrap;justify-content:space-between;gap:.7rem;padding-block:17px}.wordmark{font-size:1.5rem}.bsd{order:1;padding-left:0;border:0}nav{order:2;width:100%;margin:0;gap:1.7rem;font-size:.875rem}nav a{padding:.1rem 0}.hero{grid-template-columns:1fr;padding-block:44px 40px;gap:38px}.hero .eyebrow{font-size:.75rem;margin-bottom:1.25rem}h1{font-size:clamp(3.35rem,10.6vw,4.8rem);max-width:550px}.hero-intro{font-size:1rem;max-width:500px}.hero-brand{max-width:340px;justify-self:center}.brand-plate{padding:20px 26px}.brand-caption{font-size:.95rem}.hero .hebrew-aside{margin-top:1.1rem}.mission{padding-block:44px}.section-top{display:block;margin-bottom:2.2rem}.section-top .eyebrow{margin-bottom:1rem}.section-top h2{width:100%}.principles{grid-template-columns:1fr;gap:1.7rem}.principles article{padding-top:1.3rem}.principle-no{margin-bottom:.65rem}.principles h3{max-width:100%;font-size:1.7rem}.principles .hebrew-line{margin-top:.8rem}.outlook{padding-block:48px}.outlook-top{display:block;margin-bottom:2rem}.outlook-top .eyebrow{margin-bottom:1rem}.outlook-intro{margin-top:1.3rem}.charts{grid-template-columns:1fr;gap:1.2rem}.chart-card{padding:1.4rem 1.2rem 1.2rem}.chart-card h3{font-size:1.8rem}.mix-content{flex-direction:row;gap:1.5rem;justify-content:center;padding-block:2rem}.donut{width:140px;height:140px}.donut>div{width:102px;height:102px}.donut strong{font-size:1.7rem}.donut span{font-size:.75rem}.legend{max-width:210px;font-size:.875rem}.leadership{padding-block:46px}.leadership-grid{grid-template-columns:1fr;gap:2.3rem}.leader-label h2 br{display:none}.leader-label h2{max-width:480px}.leader-label h2{font-size:3rem}.leader-hebrew{margin-top:1rem}.profile-heading h3{font-size:1.95rem}.closing{padding-block:50px}.footer-inner{display:block;text-align:center}.footer-brand{display:block;margin-bottom:.8rem}.footer-signoff{display:block;margin-top:.7rem}.desktop-break{display:none}}
@media(max-width:390px){.wrap{width:calc(100% - 32px)}h1{font-size:3.1rem}.button{gap:1rem;font-size:.875rem}.mix-content{flex-direction:column;gap:1.4rem}.donut{width:160px;height:160px}.donut>div{width:116px;height:116px}.legend{max-width:250px}.monogram{width:54px;height:54px}.profile-heading{gap:.8rem}.profile-heading h3{font-size:1.7rem}nav{gap:1.1rem}.chart-card{padding-inline:1rem}}
@media(max-width:480px){.stage-labels,.axis-labels{font-size:27px}.axis-labels text:first-child{font-size:24px}}
@media(max-width:480px){.leader-portrait{width:106px;height:130px}.profile-heading{gap:1rem}.profile-heading h3{font-size:1.75rem}}
@media(max-width:760px){.relatives{grid-template-columns:1fr;gap:1.6rem;padding-block:44px}.relatives-copy>p{font-size:1rem}.relatives-copy .relatives-punchline{font-size:1.25rem}}
[lang="he"][dir="rtl"],[lang="he"][dir="rtl"] span{font-family:'Frank Ruhl Libre','Noto Serif Hebrew','David','Times New Roman',serif;letter-spacing:normal;font-synthesis:none}
@media(max-width:760px){.header-inner{padding-block:12px;gap:.7rem}.header-rose{width:58px}.header-hebrew{font-size:1.65rem}.header-gemach{font-size:.9rem}.wordmark{gap:.6rem}.logo-name{font-size:2.4rem}.hero-rose{width:250px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.trend-line{animation:none}a{transition:none}}
