body .program-card-featured,body .work-page-program-food{--program-accent:var(--brand-gold)}body .program-card-community,body .work-page-program-community{--program-accent:#548b80}body .program-card-water,body .work-page-program-water{--program-accent:#548aa0}body .program-card-udhiyah,body .work-page-program-udhiyah{--program-accent:#a3865a}body .work-grid{grid-template-rows:auto;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2.5rem,5vw,4.5rem)}body .work-grid-item{grid-area:auto;min-width:0}body .work-grid-item-food,body .work-grid-item-udhiyah{grid-column:1/-1}body .program-card{background:0 0;border:0;border-radius:0;flex-direction:column;align-items:stretch;gap:1.5rem;height:auto;display:flex;overflow:visible}body .program-card-image-wrap{border-radius:.35rem;grid-column:auto;width:100%;position:relative;inset:auto;overflow:hidden}body .program-card-image{object-fit:contain;object-position:center;width:100%;height:auto;display:block;transform:none}body .program-card:hover .program-card-image{transform:none}body .program-card-copy{color:var(--foreground);grid-column:auto;padding:1.25rem 0 0;position:relative}body .program-card-copy:before,body .work-page-program-copy:before{content:"";background:var(--program-accent);width:2.75rem;height:3px;margin-bottom:1.15rem;display:block}body .program-card-copy h3{font-size:clamp(1.6rem,2.5vw,2.6rem);line-height:1.3}body .program-card-copy p{color:var(--muted-foreground);max-width:36rem;font-size:1rem;line-height:1.8}body .program-card-featured{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}body .program-card-community .program-card-image-wrap{max-width:17rem}body .program-card-water{padding-top:clamp(2rem,6vw,5rem)}body .program-card-udhiyah{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,2.5fr);align-items:center;gap:clamp(1.5rem,5vw,5rem);padding-top:2rem;display:grid}body .program-card-udhiyah .program-card-image-wrap{max-width:14rem}body .work-page-program{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;grid-template-columns:2rem minmax(0,1.4fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);min-width:0;margin:0;padding:clamp(3rem,6vw,6rem) 0}body .work-page-program>*{min-width:0}body .work-page-program-media{order:0;width:100%;height:auto}body .work-page-program:nth-child(2n){background:0 0}body .work-page-program:nth-child(2n) .work-page-program-media{order:0}body .work-page-program-image-frame{aspect-ratio:1280/853;background:0 0;border-radius:.35rem;height:auto}body .work-page-program-copy{max-width:36rem;position:relative}body .work-page-program-copy h2{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.25}body .work-page-program-community{grid-template-columns:2rem minmax(0,1.3fr) minmax(0,1fr)}body .work-page-program-community .work-page-program-copy{grid-area:1/2}body .work-page-program-community .work-page-program-media{grid-area:1/3;justify-self:end;width:100%;max-width:20rem}body .work-page-program-community .work-page-program-image-frame{aspect-ratio:642/1142}body .work-page-program-udhiyah .work-page-program-media{width:100%;max-width:22rem}body .work-page-program-udhiyah .work-page-program-image-frame{aspect-ratio:3/4}body .work-page-program-water{grid-template-columns:2rem minmax(0,1fr) minmax(0,1fr)}body .work-page-program-water .work-page-program-number{grid-area:2/1;align-self:start}body .work-page-program-water .work-page-program-media{grid-area:1/1/auto/-1}body .work-page-program-water .work-page-program-image-frame{aspect-ratio:16/9}body .work-page-program-water .work-page-program-copy{grid-area:2/2;align-self:start}body .work-water-details{grid-area:2/3;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:end;gap:1rem;max-width:23.5rem;display:grid}body .work-water-details figure{margin:0}body .work-water-details img{border-radius:.25rem;width:100%;height:auto;display:block}body .work-water-details figcaption{color:var(--muted-foreground);margin-top:.8rem;font-size:.85rem;line-height:1.6}body .impact-area-water{grid-template-columns:2rem minmax(0,1fr);grid-template-areas:"number copy""media media";min-height:0}body .impact-area-water .impact-area-copy{max-width:48rem}body .impact-area-water .impact-area-image-frame{aspect-ratio:16/9;border-radius:.35rem;height:auto;min-height:0}body .impact-area-food .impact-area-image-frame{aspect-ratio:1280/591;height:auto;min-height:0}body .impact-area-community .impact-area-image-frame{aspect-ratio:1280/853;height:auto;min-height:0}body .impact-practice-photo-preparation{grid-column:2/span 4}body .impact-practice-photo-preparation .impact-practice-image-frame{aspect-ratio:9/16;max-width:25rem;height:auto}@media (max-width:720px){body .work-grid{grid-template-columns:minmax(0,1fr);gap:3rem}body .work-grid-item-food,body .work-grid-item-udhiyah{grid-column:auto}body .program-card-featured{display:flex}body .program-card-community{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:1.25rem;display:grid}body .program-card-community .program-card-copy h3{font-size:clamp(1.4rem,5.4vw,2rem)}body .program-card-community .program-card-copy p{font-size:.9rem}body .program-card-water{padding-top:0}body .program-card-udhiyah{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1.25rem}body .program-card-udhiyah .program-card-copy h3{font-size:1.5rem}body .work-page-program{grid-template-columns:1.8rem minmax(0,1fr);gap:1.25rem}body .work-page-program .work-page-program-number{grid-area:1/1}body .work-page-program .work-page-program-media{grid-area:2/1/auto/-1;justify-self:start}body .work-page-program .work-page-program-copy{grid-area:1/2}body .work-page-program-community .work-page-program-media{justify-self:center;max-width:17rem}body .work-page-program-water .work-page-program-media{grid-row:2}body .work-water-details{grid-area:3/1/auto/-1;justify-self:center;width:100%;max-width:23.5rem}body .impact-practice-photo-preparation{grid-column:auto}body .impact-practice-photo-preparation .impact-practice-image-frame{width:min(100%,21rem);margin-inline:auto}}@media (max-width:390px){body .program-card-community{display:flex}body .program-card-community .program-card-image-wrap{max-width:13rem}body .program-card-udhiyah{display:flex}body .program-card-udhiyah .program-card-image-wrap{max-width:11rem}}