.about-page{background:#fff;color:#181818}
.about-cover{position:relative;background:#f4f1eb;color:#181818}
.about-cover-grid{position:relative;min-height:clamp(620px,calc(100dvh - 78px),860px);overflow:hidden}
.about-cover-media{position:absolute;inset:0;margin:0;overflow:hidden;background:#d8d8cc}
.about-cover-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 38%,rgba(244,241,235,.05) 58%,rgba(244,241,235,.36) 100%);pointer-events:none}
.about-cover-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.about-cover-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;width:56%;min-height:inherit;margin-left:auto;padding:clamp(86px,11vh,128px) max(24px,calc((100vw - 1180px)/2)) clamp(48px,6vw,94px) clamp(28px,3.5vw,60px);overflow:hidden;text-align:right}
.about-cover-copy::after{content:"MA";position:absolute;right:-.1em;bottom:-.2em;color:rgba(23,149,76,.1);font:900 clamp(180px,22vw,340px)/1 var(--font);letter-spacing:-.13em;pointer-events:none}
.about-cover-copy>*{position:relative;z-index:1}
.about-cover-copy .eyebrow{color:#107b3d}
.about-cover-copy h1{margin:0 0 24px;color:#181818;font:800 clamp(21px,1.8vw,28px)/1.1 var(--font);letter-spacing:.02em}
.about-cover-claim{margin:0;font:800 clamp(44px,3.7vw,68px)/.95 var(--display);letter-spacing:-.052em}
.about-cover-claim span,.about-cover-claim strong{display:block;white-space:nowrap}
.about-cover-claim strong{color:#107b3d;font:inherit}
.about-cover-body{max-width:570px;margin:24px 0 0;color:#303030;font-size:clamp(16px,1.15vw,19px);line-height:1.5;font-weight:560}
.about-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(96px,11vw,156px) 0 clamp(92px,10vw,148px);background:#f4f1eb;border-bottom:1px solid #ded8ce}
.about-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(24,24,24,.045) 1px,transparent 1px),linear-gradient(rgba(24,24,24,.035) 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.4) 62%,transparent)}
.about-hero-mark{position:absolute;right:clamp(-32px,2vw,30px);bottom:clamp(-36px,-2vw,-12px);z-index:-1;color:rgba(23,149,76,.1);font:900 clamp(220px,34vw,500px)/.7 var(--font);letter-spacing:-.13em;pointer-events:none}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(54px,8vw,112px);align-items:start}
.about-hero-heading{position:sticky;top:118px}
.about-hero-headline{max-width:660px;margin:0;font:800 clamp(42px,5.5vw,80px)/.98 var(--display);letter-spacing:-.045em}
.about-hero-headline strong{display:block;color:#107b3d}
.about-hero-copy{padding-top:42px;border-top:2px solid #107b3d}
.about-hero-copy p{margin:0;color:#313131;font-size:clamp(18px,1.55vw,22px);line-height:1.58;font-weight:520}
.about-hero-copy p+p{margin-top:28px}

.about-ways{padding:clamp(92px,10vw,150px) 0;background:#f8f7f3}
.about-section-heading{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:clamp(28px,6vw,92px);align-items:end;margin-bottom:clamp(46px,6vw,80px)}
.about-section-heading .eyebrow{margin:0 0 9px}
.about-section-heading h2{max-width:820px;margin:0;font:800 clamp(46px,6.6vw,92px)/.94 var(--display);letter-spacing:-.045em}
.about-ways-grid{border-top:1px solid rgba(24,24,24,.28)}
.about-way{display:grid;grid-template-columns:72px minmax(260px,.86fr) minmax(360px,1.14fr);gap:clamp(28px,5vw,78px);align-items:start;padding:clamp(46px,5vw,70px) 0;border-bottom:1px solid rgba(24,24,24,.28);color:#181818}
.about-way-number{display:grid;place-items:center;width:48px;height:48px;border:1px solid #107b3d;border-radius:50%;color:#107b3d;font-size:12px;font-weight:900;letter-spacing:.12em}
.about-way h3{max-width:500px;margin:0;font:800 clamp(37px,4.1vw,58px)/.98 var(--display);letter-spacing:-.042em}
.about-way-content{padding-left:clamp(24px,3vw,44px);border-left:2px solid #107b3d}
.about-way p{max-width:610px;margin:0;color:#3f3f3f;font-size:clamp(17px,1.35vw,20px);line-height:1.58}
.about-way p+p{margin-top:18px}
.about-way .button{margin-top:32px;transform:none}
.about-way-solidarity .button-primary{background:#107b3d;border-color:#107b3d;color:#fff}
.about-way-solidarity .button-primary:hover{background:#181818;border-color:#181818;color:#fff}
.about-button-dark{background:#181818;border-color:#181818;color:#fff}
.about-button-dark:hover{background:#107b3d;border-color:#107b3d;color:#fff}

.about-closing{padding:clamp(96px,11vw,164px) 0;background:#f4f1eb}
.about-closing-inner{text-align:center}
.about-closing-inner h2{max-width:980px;margin:0 auto;font:800 clamp(48px,7vw,98px)/.94 var(--display);letter-spacing:-.05em}
.about-closing-copy{max-width:760px;margin:36px auto 0}
.about-closing-copy p{margin:0;color:#444;font-size:clamp(18px,1.5vw,21px);line-height:1.58}
.about-closing-copy p+p{margin-top:18px}
.about-closing .button{margin-top:36px}

@media(max-width:900px){
  .about-cover-grid{display:grid;min-height:0}
  .about-cover-media{position:relative;aspect-ratio:16/10;grid-row:2}
  .about-cover-media::after{display:none}
  .about-cover-media img{object-position:32% center}
  .about-cover-copy{grid-row:1;align-items:flex-start;width:100%;min-height:440px;margin:0;padding:58px max(24px,calc((100vw - 720px)/2));background:#f4f1eb;text-align:left}
  .about-cover-claim span,.about-cover-claim strong{white-space:normal}
  .about-hero-grid{grid-template-columns:1fr;gap:48px}
  .about-hero-heading{position:static}
  .about-hero-copy{padding-top:30px}
  .about-section-heading{grid-template-columns:1fr;gap:8px}
  .about-way{grid-template-columns:56px minmax(0,1fr);gap:24px 28px}
  .about-way-number{grid-column:1;grid-row:1}
  .about-way-title{grid-column:2;grid-row:1}
  .about-way-content{grid-column:2;grid-row:2;padding-left:0;border-left:0}
}

@media(max-width:680px){
  .about-cover-media{aspect-ratio:4/3}
  .about-cover-media img{object-position:0 center; height: 55vh;}
  .about-cover-copy{min-height:410px;padding:48px 24px 58px}
  .about-cover-copy h1{margin-bottom:26px;font-size:19px}
  .about-cover-claim{font-size:clamp(48px,15vw,64px)}
  .about-cover-body{margin-top:24px;font-size:17px}
  .about-hero{padding:72px 0 82px}
  .about-hero::before{background-size:58px 58px}
  .about-hero-mark{right:-42px;bottom:-12px;font-size:220px}
  .about-hero-grid{gap:38px}
  .about-hero-headline{font-size:43px}
  .about-hero-copy p{font-size:18px;line-height:1.52}
  .about-hero-copy p+p{margin-top:22px}
  .about-ways{padding:78px 0}
  .about-section-heading{margin-bottom:38px}
  .about-section-heading h2{font-size:48px}
  .about-way{grid-template-columns:46px minmax(0,1fr);gap:22px 18px;padding:38px 0 42px}
  .about-way-number{width:42px;height:42px}
  .about-way h3{font-size:39px}
  .about-way p{font-size:17px}
  .about-way-content{grid-column:1/-1;padding-top:26px;border-top:1px solid rgba(23,149,76,.42)}
  .about-way .button{width:100%;margin-top:32px;padding-inline:18px}
  .about-closing{padding:82px 0 88px}
  .about-closing-inner h2{font-size:48px}
  .about-closing .button{width:100%;padding-inline:18px}
}

@media(prefers-reduced-motion:reduce){.about-page *{scroll-behavior:auto}}