:root { color-scheme: light; --brand:#bf5700; --brand-deep:#8f3d00; --gold:#f2b544; --gold2:#ffd47a; --paper:#fffaf5; --ink:#35261f; --muted:#6b5548; --line:#e8d8ca; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; font-family:'DM Sans',system-ui,sans-serif; color:var(--ink); background:var(--paper); line-height:1.6; }
    h1,h2,h3,p { margin-top:0; }
    h1,h2,h3 { font-family:Manrope,system-ui,sans-serif; line-height:1.14; letter-spacing:-.045em; }
    a { color:inherit; }
    a:focus-visible { outline:3px solid var(--gold); outline-offset:5px; }
    .wrap { width:min(1160px,calc(100% - 48px)); margin-inline:auto; }
    .skip { position:absolute; top:-80px; left:12px; background:white; padding:10px; z-index:10; }
    .skip:focus { top:12px; }
    .site-header { background:white; color:var(--brand); border-bottom:1px solid var(--line); }
    .header-inner { min-height:105px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
    .brand { display:inline-flex; align-items:center; text-decoration:none; }
    .brand-mark { width:155px; height:89px; object-fit:contain; }
    nav { display:flex; align-items:center; flex-wrap:wrap; gap:clamp(12px,2.6vw,32px); }
    nav a { text-decoration:none; font-size:.9rem; font-weight:700; color:var(--brand); }
    nav a:hover { color:#a0690d; }
    nav .nav-give { color:var(--brand); background:var(--gold); padding:10px 18px; border-radius:3px; }
    nav .nav-give:hover { color:var(--brand); background:var(--gold2); }
    .hero { overflow:hidden; background:linear-gradient(116deg,#fffaf5 0%,#f8ece1 100%); color:var(--brand); }
    .hero-grid { min-height:610px; display:grid; grid-template-columns:1.13fr .87fr; align-items:center; gap:40px; padding-block:68px 80px; }
    .eyebrow { display:inline-flex; align-items:center; gap:10px; font-size:.76rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:#9e650b; }
    .eyebrow:before { content:""; display:block; width:28px; height:2px; background:currentColor; }
    .hero .eyebrow { color:#895a12; }
    h1 { font-size:clamp(3.1rem,6.7vw,6.45rem); font-weight:800; max-width:780px; margin:23px 0 24px; }
    h1 em { color:var(--gold); font-style:normal; }
    .hero-lead { max-width:580px; font-size:clamp(1.07rem,1.5vw,1.3rem); line-height:1.65; color:#665044; }
    .hero-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:32px; }
    .button { display:inline-flex; align-items:center; justify-content:center; min-height:49px; padding:11px 19px; border-radius:3px; text-decoration:none; font-weight:800; font-size:.9rem; transition:transform .15s,background .15s; }
    .button:hover { transform:translateY(-2px); }
    .button-gold { background:var(--gold); color:var(--brand); }
    .button-gold:hover { background:var(--gold2); }
    .button-outline { color:var(--brand); border:1px solid var(--brand); }
    .button-outline:hover { background:#f3ddc9; }
    .hero-visual { position:relative; display:flex; justify-content:center; align-items:center; min-height:470px; background:white; border:1px solid #e8d8ca; box-shadow:18px 18px 0 #f2b544; }
    .hero-visual::before { content:""; position:absolute; width:84%; height:82%; border:1px solid #f0e2d6; }
    .hero-visual img { position:relative; display:block; width:min(83%,390px); height:auto; }
    .ribbon { background:var(--brand); color:white; }
    .ribbon-inner { display:flex; justify-content:space-between; gap:18px; align-items:center; padding-block:17px; font-family:Manrope,sans-serif; font-weight:800; font-size:.81rem; letter-spacing:.08em; text-transform:uppercase; }
    .ribbon-inner span+span:before { content:"•"; color:var(--gold); padding-right:30px; }
    section { scroll-margin-top:20px; }
    .section { padding-block:clamp(72px,8vw,112px); }
    .section-head { max-width:750px; }
    h2 { font-size:clamp(2.25rem,4.5vw,4.2rem); margin:18px 0 22px; }
    .intro { font-size:1.14rem; color:var(--muted); max-width:740px; line-height:1.75; }
    .approach-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:42px; }
    .approach-card { background:white; border:1px solid var(--line); border-top:5px solid var(--gold); padding:29px; min-height:295px; }
    .number { font-family:Manrope,sans-serif; font-size:1rem; font-weight:800; color:#8b5910; }
    .approach-card h3 { font-size:1.45rem; margin:42px 0 14px; }
    .approach-card p { color:var(--muted); margin:0; }
    .mission { color:white; background:var(--brand-deep); }
    .mission-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(35px,8vw,110px); align-items:center; }
    .mission h2 { margin-bottom:0; }
    .mission p { font-size:1.14rem; color:#fff0e3; line-height:1.78; }
    .mission .small { font-size:.92rem; color:#f1d8c3; }
    .mission .eyebrow { color:var(--gold); }
    .give { background:#f8ece1; }
    .give-panel { display:grid; grid-template-columns:1.1fr .9fr; gap:45px; align-items:center; background:white; border:1px solid var(--line); padding:clamp(30px,5.5vw,75px); box-shadow:0 25px 65px #6b310010; }
    .give h2 { margin-bottom:17px; }
    .give p { color:var(--muted); font-size:1.05rem; }
    .give-note { padding:26px; background:#fff5df; border-left:3px solid var(--gold); }
    .give-note strong { display:block; font-family:Manrope,sans-serif; margin-bottom:8px; }
    .give-note p { font-size:.93rem; margin:0; }
    .footer { background:var(--brand); color:#ffffff; padding-block:43px; }
    .footer-inner { display:flex; justify-content:space-between; gap:24px; align-items:end; }
    .footer strong { font-family:Manrope,sans-serif; color:white; font-size:1.2rem; }
    .footer p { margin:6px 0 0; font-size:.88rem; }
    .footer a { color:var(--gold); }
    .footer-legal { margin-top:30px; padding-top:24px; border-top:1px solid #db9a66; }
    .footer-legal a { overflow-wrap:anywhere; }
    .footer-legal nav { margin-top:18px; gap:12px 26px; }
    .footer-legal nav a { font-size:.9rem; text-decoration:underline; text-underline-offset:4px; }
    .legal-content { max-width:780px; padding-block:60px 80px; }
    .legal-content h1 { font-size:clamp(2.3rem,6vw,3.8rem); }
    .legal-content h2 { font-size:1.45rem; letter-spacing:-.02em; margin-top:32px; }
    .legal-content p, .legal-content li { font-size:1rem; line-height:1.8; }
    .legal-content a { overflow-wrap:anywhere; text-underline-offset:3px; }
    .legal-date { color:var(--muted); }

    @media(max-width:850px) { .hero-grid { min-height:0; grid-template-columns:1fr; gap:40px; padding-block:67px; } .hero-visual { min-height:440px; } .hero-visual img { width:min(68vw,390px); } .mission-grid,.give-panel { grid-template-columns:1fr; } .approach-grid { grid-template-columns:1fr; } .approach-card { min-height:0; } .approach-card h3 { margin-top:24px; } }
    @media(max-width:600px) { .wrap { width:min(100% - 36px,1160px); } .header-inner { align-items:start; flex-direction:column; padding-block:12px 18px; } .brand-mark { width:125px; height:74px; } nav { width:100%; gap:15px 20px; } nav a { font-size:.82rem; } nav .nav-give { padding:7px 12px; } .hero-grid { padding-block:58px 65px; } h1 { font-size:clamp(2.65rem,12vw,4.1rem); } .hero-visual { min-height:320px; box-shadow:10px 10px 0 var(--gold); } .hero-visual img { width:min(72vw,290px); } .ribbon-inner { flex-wrap:wrap; justify-content:center; text-align:center; gap:6px 20px; } .ribbon-inner span+span:before { display:none; } .footer-inner { align-items:start; flex-direction:column; } }
    @media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .button { transition:none; } }

    .impact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:40px; }
    .impact-card { padding:32px; background:white; border:1px solid var(--line); border-top:4px solid var(--gold); }
    .impact-card h3,.involve-card h3 { font-size:1.45rem; margin:15px 0; }
    .impact-card p,.involve-card p { color:var(--muted); margin-bottom:0; }
    .impact-label { color:#80510a; font-weight:800; font-size:.875rem; }
    .involve { background:#f8ece1; }
    .contact-heading { display:grid; grid-template-columns:1.2fr .8fr; gap:40px; align-items:center; }
    .contact-direct { padding:28px; background:var(--brand); color:white; border-bottom:4px solid var(--gold); }
    .contact-direct p { margin-bottom:10px; }
    .contact-direct a { color:var(--gold2); font-weight:700; overflow-wrap:anywhere; }
    .involve-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:38px; }
    .involve-card { display:flex; flex-direction:column; align-items:flex-start; padding:28px; background:white; border:1px solid var(--line); }
    .involve-card p { flex:1; margin-bottom:24px; }
    .assistance-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:start; }
    .assistance-steps { margin:0; padding:28px 28px 28px 50px; background:#f8ece1; border-left:4px solid var(--gold); }
    .assistance-steps li { padding:8px 0 15px 8px; }
    .assistance-steps strong { display:block; margin-bottom:5px; }
    .assistance-note { color:var(--muted); font-size:.95rem; margin-top:22px; }
    .faq { background:white; }
    .faq-list { max-width:900px; margin-top:36px; border-top:1px solid var(--line); }
    .faq-list details { border-bottom:1px solid var(--line); }
    .faq-list summary { cursor:pointer; padding:22px 8px; font-family:Manrope,system-ui,sans-serif; font-size:1.05rem; font-weight:800; }
    .faq-list summary:focus-visible { outline:3px solid var(--gold); outline-offset:2px; }
    .faq-list details p { padding:0 8px 22px; margin:0; color:var(--muted); max-width:800px; }
    .faq-list a { text-underline-offset:3px; overflow-wrap:anywhere; }
    @media(max-width:850px) { .contact-heading,.assistance-grid { grid-template-columns:1fr; } .involve-grid { grid-template-columns:1fr; } }
    @media(max-width:600px) { .impact-grid { grid-template-columns:1fr; } .impact-card { padding:26px; } }
  
.page-hero{padding:70px 0 65px;background:#f8ece1;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.8rem,5.8vw,5rem);max-width:940px}.page-hero .intro{max-width:790px}.section h2{max-width:870px}.compact{padding-block:65px}.pill{display:inline-block;border:1px solid #e8d8ca;padding:5px 10px;border-radius:30px;font-size:.75rem;font-weight:700;color:#665044;background:#fffaf5}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:35px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:30px;background:white;border:1px solid var(--line);border-top:4px solid var(--gold)}.card h3{font-size:1.45rem;margin:22px 0 15px}.card p{color:var(--muted)}.text-link{font-weight:700;text-underline-offset:5px}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px}.band{background:var(--brand-deep);color:white}.band .intro,.band p{color:#fff0e3}.band .eyebrow{color:var(--gold)}.band .button-outline{border-color:white;color:white}.band .button-outline:hover{background:#743100}.note{padding:22px 26px;border-left:4px solid var(--gold);background:#fff5df;margin-top:28px}.roadmap{list-style:none;padding:0;margin:35px 0 0}.roadmap li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--line)}.roadmap strong{font-size:1.25rem}.roadmap p{color:var(--muted);max-width:760px;margin:8px 0}.roadmap .number{font-size:1.6rem}.nav-current{border-bottom:2px solid var(--gold)}.header-inner{gap:25px}.site-header nav{gap:16px}.site-header nav a{font-size:.84rem}.brand{flex-shrink:0}.hero-grid{grid-template-columns:1.2fr .8fr}.hero h1 em{color:#bf5700}.hero-visual{min-height:400px}.hero-visual img{max-height:390px;object-fit:contain}.footer-nav{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:25px}.footer-nav a{font-size:.9rem}.section p:last-child{margin-bottom:0}.card a{overflow-wrap:anywhere}.footer .footer-nav a{color:#ffd47a}.footer nav a{color:#ffd47a} @media(max-width:1000px){.header-inner{flex-wrap:wrap;padding-block:15px}.brand-mark{height:65px;width:120px}}@media(max-width:850px){.cards,.cards.two,.split,.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:320px}.hero-visual img{max-height:320px}.split{gap:25px}}@media(max-width:600px){.page-hero{padding:45px 0}.cards{gap:15px}.card{padding:25px}.roadmap li{grid-template-columns:42px 1fr}.site-header nav{gap:12px 17px}.hero-grid{padding-top:40px}.hero h1{font-size:3.5rem}}
/* Approved circular copper logo, October 2026 */
.site-header .brand-mark{width:96px;height:96px;object-fit:contain;aspect-ratio:1}
@media(max-width:700px){.site-header .brand-mark{width:80px;height:80px}}

/* Burnt orange primary palette */
h1,h2,h3{color:var(--brand)}
.band h1,.band h2,.band h3,.mission h2{color:white}
.button-gold,nav .nav-give,nav .nav-give:hover{color:#4a260d}
.footer a,.footer .footer-nav a,.footer nav a{color:#ffffff;text-decoration:underline;text-underline-offset:4px}
.footer a:hover{color:white}
a:focus-visible,.faq-list summary:focus-visible{outline-color:#bf5700}
.band a:focus-visible,.footer a:focus-visible{outline-color:#ffffff}

.button-outline{color:#a44700;border-color:#a44700}
.band .button-outline{color:white;border-color:white}