/* About page — header, stats, values, what-we-do, partnership band, quote */
.ah{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding-top:calc(78px + env(safe-area-inset-top,0px));padding-bottom:40px;background:var(--stone);color:var(--ink)}
.ah__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gx)}
.ah__top p{justify-self:end;max-width:40ch;color:var(--ink);opacity:.85}
.ah__title{display:grid;place-items:center;text-align:center;padding-block:40px}
.ah__title h1,.ah__title p{font-size:clamp(44px,6.4vw,100px);line-height:1.12}
.ah__foot{display:flex;justify-content:center}
.stat{padding-block:clamp(56px,7.5vw,96px);background:var(--pearl);color:var(--ink)}
.stat__top{max-width:52ch;margin-bottom:clamp(40px,6vw,64px)}
.stat__top h2{font-size:clamp(23px,2.5vw,37px);line-height:1.16;letter-spacing:-.02em;text-wrap:pretty}
.stat__top .lab{display:block;margin-top:10px}
.stat__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gx)}
.stat__item b{display:block;font-size:clamp(38px,4.6vw,60px);line-height:1}
.stat__rule{position:relative;display:block;height:1px;background:var(--rule-ink);margin:16px 0 12px}
.stat__rule::before,.stat__rule::after{content:"";position:absolute;top:-4px;width:1px;height:9px;background:var(--rule-ink)}
.stat__rule::before{left:0}
.stat__rule::after{right:0}
.stat__item small{display:block;color:var(--mute-ink)}
.vals{padding-block:clamp(80px,10vw,150px)}
.vals__q{font:400 clamp(60px,8vw,120px)/0.6 var(--display);color:var(--mute);margin-bottom:60px}
.vals__big{font-family:var(--display);font-size:clamp(23px,2.5vw,37px);line-height:1.16;letter-spacing:-.02em;max-width:34ch;text-wrap:pretty}
.vals__big .lab{display:inline-block;vertical-align:top;margin:.55em 4.5em 0 0;font-size:10px}
.vals__by{margin-top:36px}
.vals__by b{display:block;font:500 11px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.vals__by span{color:var(--mute)}
.wwd{padding-block:clamp(80px,10vw,150px);border-top:1px solid var(--rule)}
.wwd__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gx)}
.wwd__l{display:grid;grid-template-rows:auto auto auto;align-content:space-between;gap:40px;min-height:80svh;position:sticky;top:10vh;align-self:start}
.wwd__l .imgw{width:min(100%,300px);aspect-ratio:3/4;justify-self:center;align-self:center;overflow:hidden}
.wwd__l img{width:100%;height:100%;object-fit:cover}
.wwd__l p{max-width:40ch;color:var(--pearl);opacity:.9}
.wwd__r .lab{display:block;max-width:40ch;margin-bottom:clamp(60px,10vw,140px)}
.wwd__list li{padding:22px 0;border-top:1px solid var(--rule);transition:opacity .5s}
.wwd__list li:last-child{border-bottom:1px solid var(--rule)}
.wwd__list li .lab{margin-bottom:8px;max-width:none}
.wwd__list h3{font:400 clamp(34px,4.6vw,66px)/1 var(--display);letter-spacing:-.03em}
.wwd__list li:not(.on){opacity:.3}
.band{position:relative;min-height:100svh;overflow:hidden;background:var(--deep);color:var(--pearl)}
.band .par{position:absolute;inset:0}
.band__shade{position:absolute;inset:0;background:rgba(8,19,13,.46)}
.band__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gx);padding-top:calc(74px + env(safe-area-inset-top,0px));padding-bottom:40px;min-height:100svh}
.band__grid h2{font:400 clamp(28px,2.6vw,36px)/1.14 var(--display);letter-spacing:-.02em}
.band__txt{display:grid;gap:34px;justify-items:start;align-content:start}
.band__txt p{font-family:var(--display);font-size:clamp(23px,2.6vw,38px);line-height:1.16;letter-spacing:-.02em;max-width:30ch;text-wrap:pretty}
.band .chip{position:absolute;left:max(var(--gx),env(safe-area-inset-left,0px));bottom:calc(26px + env(safe-area-inset-bottom,0px))}

/* quote */
.quote{position:relative;background:var(--forest);color:var(--pearl);overflow:hidden}
.quote__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100svh}
.quote__img{position:relative;min-height:60svh}
.quote__img .par{position:absolute;inset:0}
.quote__txt{display:grid;align-content:center;gap:30px;padding-block:clamp(80px,10vw,140px);padding-left:clamp(24px,4vw,64px);padding-right:max(var(--gx),env(safe-area-inset-right,0px))}
.quote blockquote{font:400 clamp(30px,4.2vw,64px)/1.14 var(--display);letter-spacing:-.03em;text-wrap:balance}
.quote .body{max-width:40ch;opacity:.9}
.quote .lk{justify-self:start}

@media (max-width:899px){
  .ah__top,.wwd__grid,.band__grid,.quote__grid{grid-template-columns:minmax(0,1fr)}
  .ah__top p{justify-self:start}
  .stat__grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  .wwd__l{position:relative;top:0;min-height:0;grid-template-rows:auto auto auto;align-content:start}
  .quote__img{min-height:46svh}
}