:root{--ink:#142e4c;--blue:#276b9c;--copper:#b87958;--paper:#fffdf9;--mist:#e8f2fa;--line:#d9e2e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3{font-family:Georgia,serif;line-height:1.08}h1{font-size:clamp(2.5rem,5vw,4.7rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:1.45rem}a{color:var(--blue)}button,input,textarea{font:inherit}.wrap{max-width:1120px;padding:0 24px;margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 0;min-height:76px}.brand{text-decoration:none;color:var(--ink);font:700 1.45rem/.95 Georgia,serif;letter-spacing:.13em}.brand small{display:block;font:.67rem/1.2 Georgia,serif;letter-spacing:.33em;margin-top:6px}.menu{border:1px solid var(--line);background:white;border-radius:9px;padding:8px 14px;color:var(--ink);cursor:pointer}.nav{display:flex;gap:20px;align-items:center}.nav a{text-decoration:none;font-size:.91rem}.hero{min-height:560px;position:relative;overflow:hidden;border-radius:14px;background:#233747 url('assets/volunteers-hero.png') center/cover}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,21,38,.87),rgba(8,21,38,.45) 44%,transparent 78%)}.hero-copy{position:relative;color:white;width:min(52%,530px);padding:92px 38px}.hero p{font-size:1.2rem}.section{padding:72px 0}.section>h2{margin:0 0 24px}.intro{max-width:850px;font-size:1.1rem}.blue{color:var(--blue)}.art{display:block;width:100%;height:auto}.story-art{margin:30px auto 0;border-radius:9px}.eyebrow{font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--copper);font-size:.76rem}.real{background:#fbfaf7;border:1px solid var(--line);border-radius:22px;padding:40px 32px;margin:36px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:16px;background:white;text-decoration:none;color:var(--ink);padding:24px;min-height:245px;transition:transform .2s,box-shadow .2s}.card:hover,.card:focus-visible{transform:translateY(-3px);box-shadow:0 10px 28px #142e4c1b}.circle{display:grid;place-items:center;width:66px;height:66px;background:#f5e7dd;border-radius:50%;color:var(--copper);font-size:1.7rem}.card h3{margin:22px 0 7px}.card p{margin:0 0 10px}.read{font-weight:700;color:var(--blue)}.town{display:grid;grid-template-columns:38% 62%;align-items:center;gap:10px}.town img{width:100%}.button{display:inline-block;background:var(--copper);color:white;text-decoration:none;border:0;border-radius:999px;padding:13px 24px;font-weight:700;cursor:pointer}.button:hover,.button:focus-visible{background:#995d41}.contact{background:var(--mist);border-radius:20px;padding:42px;margin:60px 0}.contact h2{margin:0 0 14px}.contact p{max-width:760px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields label{font-size:.9rem;display:grid;gap:5px}.fields .wide{grid-column:1/-1}.fields input,.fields textarea{width:100%;border:1px solid #bfd0dc;background:white;padding:12px;border-radius:7px}.fields textarea{min-height:100px}.fine{font-size:.85rem;color:#4f677a}.footer{border-top:1px solid var(--line);padding:24px 0;margin-top:40px;display:flex;justify-content:space-between;gap:20px;font-size:.9rem}.subhero{padding:72px 0 25px}.subhero p{font-size:1.16rem;max-width:760px}.prose{max-width:790px}.prose h2{font-size:2.2rem;margin:55px 0 12px}.prose p,.prose li{font-size:1.08rem}.prose li{margin-bottom:10px}.callout{padding:26px 30px;background:var(--mist);border-left:5px solid var(--copper);border-radius:8px;margin:30px 0}.milestones{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.milestones span{background:#e5eff7;border-radius:30px;padding:7px 14px;font-weight:700}.source{border-top:1px solid var(--line);font-size:.88rem;color:#4e6170;padding-top:16px}.back{display:inline-block;margin-top:30px}@media(max-width:800px){.nav{gap:10px}.nav a{font-size:.76rem}.hero-copy{width:75%}.town{display:block}.town img{margin-top:18px}.cards{grid-template-columns:1fr}.card{min-height:0}.section{padding:45px 0}}@media(max-width:550px){.wrap{padding:0 17px}.header{align-items:flex-start}.nav{display:none;position:absolute;right:17px;top:65px;z-index:5;flex-direction:column;align-items:stretch;background:white;box-shadow:0 10px 25px #142e4c30;border-radius:12px;padding:16px}.nav.open{display:flex}.hero{min-height:570px;background-position:56% center}.hero:before{background:linear-gradient(0deg,rgba(8,21,38,.94),rgba(8,21,38,.4) 70%,transparent)}.hero-copy{width:100%;position:absolute;bottom:0;padding:25px}.hero h1{font-size:2.6rem}.real{padding:24px 17px}.contact{padding:28px 20px}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}}
.story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,380px);align-items:start;gap:42px}.story-layout .prose{min-width:0}.side-art{width:100%;height:auto;border-radius:14px;margin-top:44px}.image-pair{display:grid;gap:20px;margin-top:44px}.image-pair img{display:block;width:100%;height:auto;border-radius:14px}.story-layout .prose h2:first-child{margin-top:38px}.back{margin-bottom:36px}@media(max-width:800px){.story-layout{grid-template-columns:1fr}.side-art,.image-pair{margin-top:0;max-width:550px}.image-pair{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.image-pair img{height:100%;object-fit:cover}}@media(max-width:550px){.image-pair{grid-template-columns:1fr}.image-pair img{height:auto}}

.contact{display:grid;grid-template-columns:minmax(220px,30%) minmax(0,1fr);gap:38px;align-items:center}.contact-bridge{height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid #adc4d4;padding-right:38px}.contact-bridge img{display:block;width:100%;max-width:320px;height:auto;mix-blend-mode:multiply}.contact-main{min-width:0}.contact-main h2{font-size:clamp(2rem,3.4vw,3.1rem)}.contact-main .button{min-width:260px;text-align:center}@media(max-width:800px){.contact{grid-template-columns:1fr;gap:12px}.contact-bridge{height:auto;border-right:0;border-bottom:1px solid #adc4d4;padding:0 0 12px}.contact-bridge img{max-width:260px}.contact-main h2{font-size:clamp(2rem,5vw,3rem)}}