.prose-section, .media-story, .contact-page-section { background: var(--white); }
.vision-section, .gallery-section, .work-overview, .giving-section { background: var(--cream); }
.goal-slogan { max-width: 390px; margin: 28px 0 0; padding-left: 20px; color: var(--brown-light); border-left: 3px solid var(--gold); font: italic clamp(1.35rem,2vw,1.75rem)/1.45 "Playfair Display",serif; }
.split-cards { display: grid; grid-template-columns: 1fr 1fr; }
.statement-card { min-height: 680px; padding: clamp(35px,5.5vw,72px); background: var(--gold-light); }
.statement-card-dark { color: white; background: var(--brown); }
.statement-card > span { display: block; margin-bottom: clamp(45px,5vw,75px); color: var(--gold); font: 1.1rem "Playfair Display",serif; }
.statement-card h2 { margin-bottom: 28px; font-size: clamp(2.7rem,4.2vw,4.2rem); }
.mission-card { color: #000; }
.mission-card h2 { color: #000; font-size: clamp(2.7rem,4.2vw,3.75rem); }
.mission-card > p { margin-bottom: 0; color: #000; font-size: 1rem; line-height: 1.65; }
.statement-card-dark > p { color: rgba(255,255,255,.7); }
.mission-card .statement-points { display: grid; gap: 0; margin: 18px 0 0; padding: 0 0 0 39px; color: #000; border: 0; font-size: 1rem; line-height: 1.65; }
.mission-card .statement-points li { padding-left: 0; }
.board-detail { background: var(--white); }
.work-overview .work-grid { margin-top: 0; }
.program-details { background: var(--white); }
.program-row { position: relative; display: grid; grid-template-columns: 80px 1fr .75fr; gap: 5%; padding: 70px 0; border-top: 1px solid var(--line); scroll-margin-top: 100px; }
.program-row:last-child { border-bottom: 1px solid var(--line); }
.program-number { color: var(--gold); font: 2rem "Playfair Display",serif; }
.program-row h2 { max-width: 560px; font-size: clamp(2.3rem,4vw,4rem); }
.program-row > div:last-child > p { color: var(--muted); }
.course-list { margin-top: 28px; border-top: 1px solid var(--line); }
.course-list article { padding: 21px 0; border-bottom: 1px solid var(--line); }
.course-list h3 { margin: 0 0 7px; color: var(--brown); font: 1.15rem "Playfair Display",serif; }
.course-list p { margin: 0; color: var(--muted); font-size: .86rem; }
.media-story .button { margin-top: 5px; }
.gallery-section .heading-row { margin-bottom: 65px; }
.media-gallery { display: grid; grid-template-columns: 1.15fr .85fr; gap: 22px; align-items: end; }
.media-gallery figure { margin: 0; }
.media-gallery img { width: 100%; height: 510px; object-fit: cover; }
.media-gallery .gallery-wide img { height: 640px; }
.media-gallery figcaption { display: flex; justify-content: space-between; padding-top: 12px; color: var(--muted); font-size: .76rem; }
.media-gallery figcaption span { color: var(--brown-light); font-weight: 700; text-transform: uppercase; }
.project-status { background: var(--white); }
.status-intro { display: grid; grid-template-columns: .7fr 1fr .7fr; align-items: end; gap: 6%; margin-bottom: 68px; }
.status-intro .eyebrow { align-self: start; }
.status-intro h2 { font-size: clamp(2.8rem,4.7vw,4.7rem); }
.status-intro > p:last-child { margin-top: 0; color: var(--muted); }
.status-grid { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.status-grid article { min-height: 300px; padding: 36px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.status-grid article.future { background: var(--cream-dark); }
.status-grid h3 { margin: 55px 0 13px; font: 1.8rem "Playfair Display",serif; }
.status-grid p { color: var(--muted); font-size: .87rem; }
.status-grid a { color: var(--brown-light); font-size: .76rem; font-weight: 700; }
.homeless-project { scroll-margin-top: 80px; background: var(--cream); }
.impact-photo { position: relative; margin: 0; padding: 24px 0 0 24px; }
.impact-photo::before { position: absolute; z-index: 0; top: 0; left: 0; width: 68%; height: 72%; background: var(--gold); content: ""; }
.impact-photo img { position: relative; z-index: 1; width: 100%; height: auto; }
.impact-photo figcaption { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 20px; padding-top: 12px; color: var(--muted); font-size: .72rem; }
.impact-photo figcaption span { color: var(--brown-light); font-weight: 700; text-transform: uppercase; }
.food-packages { scroll-margin-top: 80px; background: var(--white); }
.food-packages .button { margin-top: 20px; }
.shelter-project { scroll-margin-top: 80px; background: var(--cream); }
.shelter-visual { display: grid; min-height: 580px; align-content: space-between; padding: clamp(35px,5vw,68px); color: white; background: var(--brown); }
.shelter-visual > span { color: var(--gold); font: 2rem "Playfair Display",serif; }
.shelter-visual blockquote { margin: 0; font: clamp(2rem,3.5vw,3.5rem)/1.14 "Playfair Display",serif; }
.giving-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.giving-card { min-height: 450px; padding: clamp(32px,4vw,52px); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--white); }
.giving-card-dark { color: white; background: var(--brown); }
.giving-card > span { color: var(--gold); font-family: "Playfair Display",serif; }
.giving-card h2 { margin: 85px 0 20px; font-size: clamp(2.3rem,3.7vw,3.8rem); }
.giving-card p { color: var(--muted); }
.giving-card-dark p { color: rgba(255,255,255,.7); }
.giving-card .button, .giving-card .text-link { margin-top: 18px; }
.donation-accounts { display: grid; gap: 8px; margin: 24px 0 0; }
.donation-accounts > div { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.donation-accounts dt { color: var(--muted); font-size: .85rem; font-weight: 600; text-transform: uppercase; }
.donation-accounts dd { margin: 0; color: var(--brown); font-size: 1.05rem; font-weight: 700; letter-spacing: .04em; }
.transparency-note { display: flex; gap: 35px; margin-top: 35px; padding: 22px 28px; border-left: 3px solid var(--gold); background: var(--cream-dark); }
.transparency-note strong { flex: 0 0 auto; color: var(--brown-light); }
.transparency-note p { margin: 0; color: var(--muted); font-size: .85rem; }