.about-hero{background:var(--background);padding-block:clamp(8rem,13vw,12rem) clamp(4.5rem,8vw,7rem);overflow:hidden}.about-hero-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(3rem,8vw,8rem);display:grid}.about-hero-copy{z-index:1;position:relative}.about-hero-title{max-width:10ch;color:var(--foreground);letter-spacing:-.065em;text-wrap:balance;font-size:clamp(3.1rem,5.2vw,5.7rem);font-weight:700;line-height:1.04}.about-hero-body{max-width:34rem;color:var(--muted-foreground);margin-top:1.6rem;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.8}.about-hero-media{min-width:0;position:relative}.about-hero-image-frame{aspect-ratio:1.08;border-radius:var(--radius-lg);background:var(--muted);min-height:30rem;position:relative;overflow:hidden}.about-hero-image{object-fit:cover;object-position:center 42%}.about-hero-accent{z-index:-1;border-radius:var(--radius-lg);background:var(--secondary);width:46%;height:35%;position:absolute;inset:auto auto -1.25rem -1.25rem}[dir=rtl] .about-hero-accent{inset:auto -1.25rem -1.25rem auto}.about-who-section{background:var(--surface)}.about-who-layout{grid-template-columns:minmax(11rem,.4fr) minmax(0,1fr);gap:3rem 8vw;display:grid}.about-who-copy{max-width:50rem}.about-who-copy .story-body{margin-top:1.4rem}.about-who-secondary{color:var(--foreground)}.about-principles-section{background:var(--background)}.about-principles-grid{border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:clamp(2.5rem,5vw,4.5rem);display:grid}.about-principle{border-bottom:1px solid var(--border);min-height:17rem;padding:1.4rem clamp(1rem,2.3vw,2rem) 1.4rem 0}.about-principle+.about-principle{border-inline-start:1px solid var(--border);padding-left:clamp(1rem,2.3vw,2rem)}.about-principle-number,.about-focus-number{color:var(--brand-gold);letter-spacing:.12em;font-size:.75rem;font-weight:750}.about-principle h3{color:var(--foreground);letter-spacing:-.04em;margin-top:3.5rem;font-size:clamp(1.35rem,2vw,1.8rem);font-weight:700}.about-principle p{color:var(--muted-foreground);margin-top:.8rem;font-size:.92rem;line-height:1.7}.about-serve-section{color:#f5f7f0;background:#123947}[data-theme=dark] .about-serve-section{background:#142d2d}.about-serve-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:clamp(3rem,9vw,9rem);display:grid}.about-serve-section .story-eyebrow{color:#bde4b7}.about-serve-section .story-heading{color:#fff}.about-serve-content .story-body{color:#dce7df}.about-serve-list{border-top:1px solid #ddefe140;grid-template-columns:1fr 1fr;gap:0;margin-top:2.4rem;display:grid}.about-serve-item{border-bottom:1px solid #ddefe140;padding:1.25rem 1.5rem 1.25rem 0}.about-serve-item:nth-child(2n){border-inline-start:1px solid #ddefe140;padding-left:1.5rem}.about-serve-item h3{color:#fff;font-size:1.08rem;font-weight:700}.about-serve-item p{color:#dce7df;margin-top:.55rem;font-size:.88rem;line-height:1.65}.about-focus-section{background:var(--surface)}.about-focus-list{margin-top:clamp(2.5rem,5vw,4.5rem)}.about-focus-row{border-top:1px solid var(--border);grid-template-columns:3.8rem minmax(11rem,.66fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding-block:1rem;display:grid}.about-focus-row:last-child{border-bottom:1px solid var(--border)}.about-focus-image-frame{border-radius:var(--radius-md);background:var(--muted);height:14rem;position:relative;overflow:hidden}.about-focus-image{object-fit:cover}.about-focus-row-food .about-focus-image{object-position:center 55%}.about-focus-row-community .about-focus-image{object-position:center 47%}.about-focus-row-udhiyah .about-focus-image{object-position:center 72%}.about-focus-water-mark{border-radius:var(--radius-md);background:var(--secondary);height:14rem;color:var(--brand-green);place-items:center;display:grid;position:relative;overflow:hidden}.about-focus-water-mark:before{border:1px solid color-mix(in srgb, var(--brand-green) 24%, transparent);content:"";border-radius:50%;width:8.5rem;height:8.5rem;position:absolute}.about-focus-water-mark:after{border:1px solid color-mix(in srgb, var(--brand-green) 12%, transparent);content:"";border-radius:50%;width:11rem;height:11rem;position:absolute}.about-focus-water-icon{z-index:1;position:relative}.about-focus-copy h3{color:var(--foreground);letter-spacing:-.045em;font-size:clamp(1.5rem,2.3vw,2.3rem);font-weight:700;line-height:1.14}.about-focus-copy p{max-width:37rem;color:var(--muted-foreground);margin-top:.85rem;font-size:.96rem;line-height:1.75}.about-approach-section{background:var(--background)}.about-approach-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(3rem,8vw,8rem);display:grid}.about-approach-image-frame{aspect-ratio:1.16;border-radius:var(--radius-lg);background:var(--muted);position:relative;overflow:hidden}.about-approach-image{object-fit:cover;object-position:center 48%}.about-approach-copy .story-body{margin-top:1.5rem}.about-closing-section{background:var(--surface)}.about-closing-layout{grid-template-columns:minmax(0,1fr) minmax(12rem,.45fr);align-items:end;gap:2rem 7rem;display:grid}.about-closing-layout .story-body{margin-top:1.35rem}.about-closing-actions{justify-items:start;gap:.2rem;display:grid}.about-closing-actions .story-action{margin-top:0}[lang=am] .about-hero-title,[lang=ar] .about-hero-title{letter-spacing:-.03em;line-height:1.2}[lang=am] .about-hero-title{font-size:clamp(2.65rem,4.7vw,4.75rem)}[lang=ar] .about-hero-title{font-size:clamp(2.7rem,4.8vw,5rem)}@media (max-width:900px){.about-hero-layout{gap:3rem}.about-hero-image-frame{min-height:25rem}.about-principles-grid{grid-template-columns:1fr 1fr}.about-principle:nth-child(3){border-inline-start:0;padding-left:0}.about-serve-layout{gap:3rem}.about-focus-row{grid-template-columns:2.75rem minmax(10rem,.75fr) minmax(0,1fr);gap:1.5rem}}@media (max-width:700px){.about-hero{padding-top:7rem}.about-hero-layout,.about-approach-layout{grid-template-columns:1fr;gap:2.5rem}.about-hero-copy{order:2}.about-hero-media{order:1}.about-hero-image-frame{aspect-ratio:1.35;min-height:0}.about-who-layout,.about-serve-layout,.about-closing-layout{grid-template-columns:1fr;gap:1.5rem}.about-who-layout>div:first-child{margin-bottom:-1rem}.about-principle{min-height:14rem}.about-serve-list{margin-top:1.8rem}.about-focus-row{grid-template-columns:2rem 1fr;gap:1rem}.about-focus-image-frame,.about-focus-water-mark{grid-column:2;height:13rem}.about-focus-copy{grid-column:2}.about-focus-number{align-self:start;padding-top:.4rem}.about-approach-copy{order:2}.about-approach-media{order:1}}@media (max-width:440px){.about-principles-grid,.about-serve-list{grid-template-columns:1fr}.about-principle{min-height:auto;padding:1.3rem 0}.about-principle+.about-principle,.about-principle:nth-child(3){border-inline-start:0;padding-left:0}.about-principle h3{margin-top:2rem}.about-serve-item,.about-serve-item:nth-child(2n){border-inline-start:0;padding:1.2rem 0}}
