@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#171614;--cream:#f8f5ed;--paper:#fffdf8;--gold:#c49b42;--gold-light:#e6cc83;--muted:#716d64;--line:#e5dfd1}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
.skip-link{position:absolute;left:-999px;top:0;background:#fff;padding:1rem;z-index:20}.skip-link:focus{left:1rem}
.site-header{height:86px;padding:0 clamp(1.25rem,6vw,6rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,22,20,.08);background:rgba(255,253,248,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:.7rem}.brand-mark{font-family:Georgia,serif;font-size:2.1rem;line-height:1;letter-spacing:-.1em;color:var(--gold)}.brand-mark span{font-size:.72em;vertical-align:top;margin-left:.12em}.brand-name{font-family:Georgia,serif;font-size:1.4rem;font-weight:700;letter-spacing:.04em;line-height:1.05}.brand-name small{display:block;text-align:center;font:500 .58rem "DM Sans",sans-serif;letter-spacing:.34em;margin-top:.35rem}
.site-nav{display:flex;align-items:center;gap:2rem;font-size:.9rem;font-weight:600}.site-nav a:not(.nav-cta):hover,.text-link:hover{color:#9b7424}.nav-cta{background:var(--ink);color:white;padding:.75rem 1.15rem;border-radius:2px}.menu-toggle{display:none}
.hero{min-height:650px;padding:clamp(3.5rem,8vw,7rem) clamp(1.25rem,8vw,8rem) 5rem;position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:3rem;overflow:hidden;background:radial-gradient(ellipse at 80% 10%,#f0e4c2 0,transparent 36%),var(--cream)}
.hero-content{max-width:640px;position:relative;z-index:1}.eyebrow,.section-kicker{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#9a762b}.hero h1{font-size:clamp(3rem,6.5vw,6rem);letter-spacing:-.065em;line-height:1.03;margin:1.2rem 0 1.4rem;font-weight:600}.hero h1 em,h2 em{font-family:"Playfair Display",Georgia,serif;color:#a98231;font-weight:500}.hero-copy{font-size:1.08rem;max-width:560px;color:#59564f}.hero-actions,.involve-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;align-items:center;gap:.8rem;padding:.95rem 1.35rem;font-size:.86rem;font-weight:700;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:#16130d}.button-outline{border-color:#b8ad95}.button-dark{background:var(--ink);color:#fff}.button-outline-light{border-color:#8e805e;color:white}
.hero-art{min-height:430px;position:relative;border-radius:48% 48% 4px 4px;background:linear-gradient(145deg,#d6b86d,#f1e4bf 55%,#b38b38);overflow:hidden;box-shadow:0 25px 70px #8b71351c}.sun{position:absolute;width:240px;height:240px;right:5%;top:5%;border-radius:50%;background:#f9efcf;opacity:.72}.art-card{position:absolute;left:9%;right:9%;padding:1.4rem;background:#fffaf0e8;box-shadow:0 15px 35px #4d3b1c18}.art-card-top{top:20%;display:flex;align-items:center;justify-content:space-between;letter-spacing:.2em;font-size:.7rem;font-weight:700;color:#74602e}.heart{font-size:2.4rem;color:var(--gold)}.art-card-bottom{bottom:9%;text-align:center}.art-card-bottom p{font-family:"Playfair Display",serif;font-size:1.45rem;line-height:1.3;margin:.2rem}.art-card-bottom strong{color:#9b7424}.people{display:flex;justify-content:center;margin-top:1rem}.people i{display:block;width:45px;height:78px;border-radius:50% 50% 8px 8px;background:#26231d;margin:0 .2rem;position:relative}.people i:nth-child(2){background:#a16c43;height:94px}.people i:nth-child(3){background:#6d7b66;height:85px}.people i:nth-child(4){background:#c59a5b;height:72px}.people i:nth-child(5){background:#4c4239;height:90px}.hero-note{position:absolute;bottom:1.5rem;left:clamp(1.25rem,8vw,8rem);font-size:.74rem;text-transform:uppercase;letter-spacing:.15em;color:#85754e;display:flex;align-items:center;gap:.8rem}.note-line{width:36px;height:1px;background:var(--gold)}
.section{padding:clamp(4rem,8vw,7rem) clamp(1.25rem,8vw,8rem)}.mission{background:var(--paper)}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;margin-top:1.5rem}.mission h2,.section h2{font-size:clamp(2.1rem,4.2vw,4rem);line-height:1.12;letter-spacing:-.045em;margin:.7rem 0}.mission-grid p{color:var(--muted);margin-top:0}.text-link{display:inline-flex;gap:.7rem;font-weight:700;margin-top:.5rem;border-bottom:1px solid var(--gold);padding-bottom:.3rem}
.programs{background:#f1ede3}.section-heading{display:flex;justify-content:space-between;gap:3rem;align-items:end;margin-bottom:2.5rem}.section-heading>p{max-width:380px;color:var(--muted)}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.program-card{background:var(--paper);padding:1.7rem;min-height:280px;border:1px solid #e9e2d4}.program-icon{font-size:2rem;color:var(--gold);margin-bottom:1.2rem}.program-number{font-size:.65rem;letter-spacing:.16em;font-weight:700;color:#a0823d}.program-card h3{font-family:"Playfair Display",Georgia,serif;font-size:1.45rem;line-height:1.2;margin:.5rem 0}.program-card>p:last-child{font-size:.9rem;color:var(--muted)}
.impact{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.impact-copy p{max-width:460px;color:var(--muted);margin:1.5rem 0}.impact-visual{min-height:390px;background:#d9c28c;position:relative;display:grid;place-items:center;overflow:hidden;background-image:radial-gradient(circle at 25% 20%,#f2e7c9 0,transparent 28%),linear-gradient(145deg,#b99b58,#e7d6a8)}.impact-circle{width:255px;height:255px;border-radius:50%;background:var(--ink);color:#e6c878;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #e6c878;outline:8px solid #17161418}.impact-circle span{letter-spacing:.2em;font-size:.8rem}.impact-circle strong{font-family:"Playfair Display",serif;font-size:2rem;line-height:1.05;margin:.7rem 0}.impact-circle small{letter-spacing:.12em;text-transform:uppercase;font-size:.62rem}.impact-stamp{position:absolute;right:8%;bottom:10%;font-size:.65rem;letter-spacing:.18em;font-weight:700;color:#4b3b1b;transform:rotate(-9deg);border:1px solid #4b3b1b;padding:.6rem}
.get-involved{text-align:center;background:var(--ink);color:white}.get-involved .section-kicker{color:var(--gold-light)}.get-involved h2{margin:1rem auto}.get-involved>p{max-width:620px;margin:1rem auto;color:#c8c4bc}.involve-actions{justify-content:center}.setup-note{display:block;margin-top:1.5rem;color:#a7a197;font-size:.72rem}
.site-footer{padding:2.5rem clamp(1.25rem,8vw,8rem) 1.5rem;background:#11110f;color:white;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center}.brand-footer .brand-name{color:white}.site-footer>p{text-align:right;color:#b9b4a9;font-size:.86rem}.footer-bottom{grid-column:1/-1;border-top:1px solid #34322d;padding-top:1.2rem;display:flex;justify-content:space-between;color:#918c82;font-size:.72rem}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:2rem;padding-bottom:5rem}.hero-art{min-height:360px;max-width:600px;width:100%;margin:auto}.hero-note{position:static;margin-top:2rem}.program-grid{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.mission-grid,.impact{gap:2rem}}
@media(max-width:620px){.site-header{height:72px}.menu-toggle{display:block;background:transparent;border:1px solid var(--line);padding:.6rem .8rem;font:600 .8rem "DM Sans",sans-serif}.site-nav{display:none;position:absolute;top:71px;left:0;right:0;background:var(--paper);padding:1rem 1.25rem 1.5rem;flex-direction:column;align-items:stretch;gap:1rem;border-bottom:1px solid var(--line)}.site-nav.is-open{display:flex}.site-nav a{padding:.4rem}.nav-cta{text-align:center}.hero h1{font-size:3.2rem}.hero-art{min-height:310px}.mission-grid,.impact{grid-template-columns:1fr}.program-grid{grid-template-columns:1fr}.program-card{min-height:0}.section-heading{margin-bottom:1.5rem}.site-footer{grid-template-columns:1fr}.site-footer>p{text-align:left}.footer-bottom{flex-direction:column;gap:.4rem}.hero-actions,.involve-actions{align-items:stretch;flex-direction:column}.button{justify-content:center}}
