/* A commitment folio; the forest is atmosphere, never evidence of ownership. */
#about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);padding-block:clamp(72px,8vw,116px);min-height:650px;align-items:center}
#about:before{background:rgba(7,30,22,.78)}
#about .about-intro h2{font-family:var(--display);font-weight:600;line-height:1.08;letter-spacing:-.035em;font-size:clamp(58px,6vw,84px);margin:0 0 30px}
#about .about-intro h2>span{display:block}#about .about-intro h2>span+span{font-size:clamp(26px,2.7vw,38px);line-height:1.22;letter-spacing:-.025em;max-width:13ch;margin-top:18px}
#about .about-intro>p{font-size:15px;line-height:1.85;max-width:45ch;color:#e4eadf}
#about .amanah-approach{color:var(--ivory);border-color:var(--gold);margin-top:30px;font-size:13px;min-height:44px}
.amanah-folio{min-width:0;background:var(--ivory);color:var(--green);border-radius:14px;padding:22px 28px 28px;box-shadow:0 22px 44px -24px #061b16b3}
.amanah-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border-bottom:1px solid var(--line);margin-bottom:28px}.amanah-tabs[hidden]{display:none}
.amanah-tabs button{position:relative;min-width:0;min-height:48px;padding:8px 0 14px;border:0;background:none;font:600 12px/1.5 var(--body);color:var(--muted);cursor:pointer;text-align:left;transition:color .2s}
.amanah-tabs button:after{position:absolute;content:'';left:0;right:0;bottom:-1px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.amanah-tabs button[aria-selected=true]{color:var(--green)}.amanah-tabs button[aria-selected=true]:after{transform:scaleX(1)}
.amanah-tabs button:focus-visible,#about .pillars>div:focus-visible{outline:2px solid var(--green);outline-offset:5px}
#about .pillars{display:block;margin:0;padding:0;min-width:0}
#about .pillars>div{border:0;padding:0;min-width:0}#about .pillars>div[hidden]{display:none}#about .pillars>div+div:not([hidden]){margin-top:32px}
#about .pillars dt{font:600 clamp(30px,3.2vw,45px)/1.15 var(--display);letter-spacing:-.03em;color:var(--green);margin:0}
#about .pillars dd{font:400 15px/1.7 var(--body);color:var(--muted);margin:12px 0 0;min-height:26px}
.amanah-window{display:flex;height:220px;width:100%;overflow:hidden;border-radius:6px;background:#d9d7ca;isolation:isolate;margin-top:24px}
.amanah-window img{display:block;width:100%;height:100%;object-fit:cover;min-width:0}.amanah-materials{gap:5px;background:var(--ivory)}.amanah-materials img{width:calc((100% - 10px)/3)}
#about[data-amanah-ready=true] .pillars>div{margin-top:0}
@media(max-width:1100px){#about{gap:40px}.amanah-folio{padding:18px 22px 24px}.amanah-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-bottom:24px}.amanah-tabs button{font-size:13px;min-height:44px;padding-block:8px}.amanah-tabs button:after{bottom:0}.amanah-window{height:205px}}
@media(max-width:760px){#about{grid-template-columns:1fr;gap:38px;padding-block:64px;min-height:0}#about .about-intro h2{font-size:clamp(52px,12vw,72px);margin-bottom:22px}#about .about-intro h2>span+span{font-size:30px;max-width:17ch;margin-top:12px}#about .about-intro>p{font-size:14px;max-width:50ch}#about .amanah-approach{margin-top:20px}.amanah-folio{padding:16px 22px 24px}.amanah-tabs{gap:0 22px}#about .pillars dt{font-size:34px}#about .pillars dd{font-size:14px;margin:10px 0 20px}.amanah-window{height:190px}}
@media(max-width:370px){.amanah-folio{padding-inline:18px}#about .about-intro h2{font-size:52px}#about .about-intro h2>span+span{font-size:27px}#about .pillars dt{font-size:29px}.amanah-tabs button{font-size:12px}.amanah-window{height:170px}}
@media(prefers-reduced-motion:reduce){.amanah-tabs button,.amanah-tabs button:after{transition:none}}
