.work-page-hero{background:var(--background);padding-top:9rem}.work-page-hero-media{margin-top:2rem}.work-page-hero-image-frame{border-radius:var(--radius-lg);background:var(--muted);height:clamp(20rem,45vw,34rem);position:relative;overflow:hidden}.work-page-hero-image{object-fit:cover;object-position:center 48%}.work-page-hero-copy{text-align:center;max-width:52rem;margin:clamp(2rem,5vw,4rem) auto 0}.work-page-hero-copy h1{color:var(--foreground);letter-spacing:-.065em;text-wrap:balance;font-size:clamp(3rem,5.4vw,5.8rem);font-weight:700;line-height:1.05}.work-page-hero-copy p{color:var(--muted-foreground);margin:1.4rem auto 0;font-size:1.1rem;line-height:1.8}.work-page-overview{background:var(--surface)}.work-page-overview .story-body{margin-top:1.2rem}.work-page-index{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:3rem;display:grid}.work-page-index-item{border-bottom:1px solid var(--border);gap:.7rem;min-height:9rem;padding:1.3rem;display:grid}.work-page-index-item+*{border-inline-start:1px solid var(--border)}.work-page-index-item span,.work-page-program-number,.work-page-step>span{color:var(--brand-gold);letter-spacing:.12em;font-size:.75rem;font-weight:750}.work-page-index-item strong{color:var(--foreground);font-size:1rem}.work-page-programs{background:var(--background)}.work-page-program{border-top:1px solid var(--border);grid-template-columns:3rem minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,5rem);padding-block:3.5rem;display:grid}.work-page-program:last-child{border-bottom:1px solid var(--border)}.work-page-program:nth-child(2n) .work-page-program-media{order:3}.work-page-program-image-frame,.work-page-water-visual{border-radius:var(--radius-lg);background:var(--muted);height:25rem;position:relative;overflow:hidden}.work-page-program-image{object-fit:cover}.work-page-program-food .work-page-program-image{object-position:center 55%}.work-page-program-community .work-page-program-image{object-position:center 48%}.work-page-program-udhiyah .work-page-program-image{object-position:center 72%}.work-page-program-copy h2{color:var(--foreground);letter-spacing:-.055em;font-size:clamp(2rem,3.5vw,3.7rem);font-weight:700;line-height:1.1}.work-page-program-copy p{max-width:32rem;color:var(--muted-foreground);margin-top:1rem;line-height:1.8}.work-page-water-visual{background:var(--secondary);color:var(--brand-green);place-items:center;display:grid}.work-page-water-visual:before,.work-page-water-visual:after{border:1px solid color-mix(in srgb,var(--brand-green) 22%,transparent);content:"";border-radius:50%;position:absolute}.work-page-water-visual:before{width:13rem;height:13rem}.work-page-water-visual:after{border-color:color-mix(in srgb,var(--brand-green) 11%,transparent);width:18rem;height:18rem}.work-page-water-visual svg{z-index:1;position:relative}.work-page-process{color:#fff;background:#123947}.work-page-process .story-eyebrow{color:#bde4b7}.work-page-process .story-heading{color:#fff}.work-page-steps{border-top:1px solid #ffffff38;grid-template-columns:repeat(4,1fr);margin-top:3rem;display:grid}.work-page-step{border-bottom:1px solid #ffffff38;min-height:14rem;padding:1.4rem}.work-page-step+*{border-inline-start:1px solid #ffffff38}.work-page-step h3{margin-top:2rem;font-size:1.25rem}.work-page-step p{color:#dce7df;margin-top:.7rem;font-size:.9rem;line-height:1.7}.work-page-featured{background:var(--surface)}.work-page-featured-layout{grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(3rem,8vw,8rem);display:grid}.work-page-featured-media>div{border-radius:var(--radius-lg);background:var(--muted);height:28rem;position:relative;overflow:hidden}.work-page-featured-image{object-fit:cover;object-position:center 48%}.work-page-featured .story-body{margin-top:1.25rem}.work-page-closing{background:var(--background);text-align:center}.work-page-closing .story-heading,.work-page-closing .story-body{margin-inline:auto}.work-page-closing .story-body{margin-top:1.2rem}.work-page-closing-actions{justify-content:center;gap:1.2rem;display:flex}.work-page-closing-actions .story-action{margin-top:2rem}@media (max-width:720px){.work-page-hero{padding-top:7rem}.work-page-index,.work-page-steps{grid-template-columns:1fr 1fr}.work-page-index-item:nth-child(3),.work-page-step:nth-child(3){border-inline-start:0}.work-page-program{grid-template-columns:2rem 1fr;gap:1rem;padding-block:2.5rem}.work-page-program-media,.work-page-water-visual{grid-column:2;height:18rem}.work-page-program:nth-child(2n) .work-page-program-media{order:initial}.work-page-program-copy{grid-column:2}.work-page-featured-layout{grid-template-columns:1fr;gap:2rem}.work-page-featured-media>div{height:20rem}}@media (max-width:420px){.work-page-index,.work-page-steps{grid-template-columns:1fr}.work-page-index-item+*,.work-page-index-item:nth-child(3),.work-page-step+*,.work-page-step:nth-child(3){border-inline-start:0}.work-page-index-item,.work-page-step{min-height:auto}.work-page-closing-actions{flex-direction:column;align-items:center}.work-page-closing-actions .story-action{margin-top:.7rem}}
.work-page-hero{padding-top:6.5rem}.work-page-hero-media{margin-top:1.5rem}.work-page-hero-image-frame{height:clamp(17.5rem,28vw,22rem)}.work-page-hero-copy{margin-top:clamp(1.5rem,3vw,2.5rem)}.work-page-closing{padding-block:clamp(3.5rem,6vw,5.25rem)}@media (max-width:720px){.work-page-hero-image-frame{height:clamp(20rem,45vw,24rem)}}