
.support-hero{display:grid;grid-template-columns:1.12fr 1fr;background:var(--green);color:var(--white)}
.support-hero-copy{padding:85px 7% 65px 10.7%;align-self:center}
.support-hero .eyebrow{color:#c6d3c9}.support-hero h1{font-size:clamp(3.25rem,5.2vw,5.5rem);letter-spacing:-.045em;margin-bottom:28px}.support-intro{color:#e0e6e1;font-size:1.12rem;max-width:510px}.support-hero .actions{flex-wrap:wrap;gap:20px 28px}.support-hero .development-note{color:#c6d3c9;font-size:.75rem;line-height:1.6;max-width:410px;margin:35px 0 0}
.support-hero-image{position:relative;margin:0;min-height:650px}.support-hero-image img{width:100%;height:100%;object-fit:cover}.support-hero-image:after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#06150ce6);pointer-events:none}.support-hero-image figcaption{position:absolute;bottom:24px;left:26px;right:20px;z-index:1;font-size:.65rem;letter-spacing:.1em;color:#fff}
.support-mission{display:grid;grid-template-columns:1fr 1fr;gap:9%}.support-mission .large{font-size:1.4rem;color:var(--green);line-height:1.5;margin-bottom:24px}.support-mission p{margin-bottom:20px}.support-mission p:last-child{margin-bottom:0}
.support-vision{background:#e8ece9}.support-vision .pillars h3{margin-bottom:20px}.support-vision .pillars p{margin:0}.support-ways>h2{max-width:900px}.support-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:45px}.support-cards article{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid #a7b4a9;padding-top:24px}.support-cards h3{font-size:1.85rem;margin:22px 0 20px}.support-cards p{margin-bottom:22px}.support-cards .underlink{margin-top:auto}
.support-give{background:var(--green);color:var(--white);display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.support-give .eyebrow,.support-give p{color:#c6d3c9}.support-give h2{margin-bottom:20px}.support-give h3{font-size:2rem;margin-bottom:20px}.support-give p{max-width:440px}.giving-action{border-left:1px solid #f5f5f533;padding-left:12%}.giving-action .button{margin-top:22px}.giving-contact{font-size:.8rem;margin-top:25px}.giving-contact a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.support-give .giving-detail{font-size:.75rem;margin-top:12px}.support-faq{padding-top:90px}
@media(max-width:1050px){.support-hero-copy{padding:65px 9% 55px 12%}.support-hero h1{font-size:3.25rem}.support-hero-image{min-height:650px}.support-cards{gap:25px}.support-cards h3{font-size:1.65rem}}
@media(max-width:760px){.support-hero{grid-template-columns:1fr}.support-hero-copy{padding:65px 6% 45px}.support-hero h1{font-size:clamp(2.8rem,10.5vw,4rem)}.support-hero-image{height:330px;min-height:0}.support-hero-image img{object-position:center}.support-mission,.support-give{grid-template-columns:1fr;gap:28px}.support-cards{grid-template-columns:1fr;gap:38px}.support-cards h3{font-size:1.9rem}.giving-action{padding:30px 0 0;border-left:0;border-top:1px solid #f5f5f533}.support-faq{padding-top:64px}.support-give .button{max-width:100%;text-align:center}}

/* Shared navigation and giving links on all three pages. */
header nav { gap: 22px; }
header nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 6px; }
footer .footer-quick-links { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px 18px; }
footer .footer-quick-links a { display: inline-flex; align-items: center; min-height: 32px; text-underline-offset: 5px; }
footer .footer-quick-links a:hover, footer .footer-quick-links a:focus-visible { text-decoration: underline; }
@media(max-width:1100px) {
 header { height: 88px; padding: 0 5%; }
 header .menu-toggle { color:var(--white); background:none; border:1px solid #9aaa9f; padding:7px 14px; font-size:.875rem; display:block; }
 header nav { background:var(--green); border-top:1px solid var(--line); flex-direction:column; align-items:stretch; padding:24px 6%; gap:16px; font-size:1rem; display:none; position:absolute; top:88px; left:0; right:0; }
 header nav.open { display:flex; }
 footer .footer-quick-links { justify-content:flex-start; }
}
@media(max-width:760px) { header { height:82px; } header nav { top:82px; } }

/* School telephone, shared by every footer. */
footer .footer-phone { display:inline-flex; align-items:center; min-height:44px; margin-top:6px; color:var(--white); font-size:.95rem; font-weight:600; white-space:nowrap; text-underline-offset:5px; }
footer .footer-phone:hover, footer .footer-phone:focus-visible { text-decoration:underline; }
