.about-hero{padding:92px 8% 86px;background:radial-gradient(ellipse at 15% 15%,#222 0,transparent 45%)}
.about-hero h1{font:800 clamp(42px,5.2vw,72px)/1.04 Manrope,sans-serif;letter-spacing:-3.5px;margin:0;max-width:1000px}
.about-hero h1 span,.about-story h2 span,.about-benefits h2 span{color:var(--gold)}
.about-hero>p:not(.eyebrow){max-width:690px;color:#c4c4c4;font-size:16px;line-height:1.9;margin:25px 0}
.about-actions{display:flex;gap:12px;flex-wrap:wrap}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.about-story h2,.about-benefits h2{font:800 clamp(35px,4vw,53px)/1.06 Manrope,sans-serif;letter-spacing:-2px;margin:0}
.about-copy p{color:#bcbcbc;font-size:15px;line-height:1.9}
.about-benefits{padding:80px 8%;background:#f5f4ef;color:var(--ink)}
.about-benefits .centered .eyebrow{color:#9b7500}
.about-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dedbd2;border:1px solid #dedbd2;margin-top:45px}
.about-benefit-grid article{background:#f5f4ef;padding:30px;min-height:205px}
.about-benefit-grid article>span{font:800 12px Manrope,sans-serif;color:#9b7500;letter-spacing:1px}
.about-benefit-grid h3{font:800 17px Manrope,sans-serif;margin:16px 0 8px}
.about-benefit-grid p{font-size:13px;color:#626262;line-height:1.8;margin:0}
.about-cta{padding:48px 8%;background:var(--gold);color:#111;display:flex;align-items:center;justify-content:space-between;gap:30px}
.about-cta .eyebrow{color:#654d00;margin-bottom:12px}
.about-cta h2{font:800 clamp(28px,3vw,40px)/1.1 Manrope,sans-serif;letter-spacing:-1.5px;margin:0}
.about-cta p:not(.eyebrow){font-size:13px;margin:14px 0 4px}
.about-cta>div>a{font-weight:700;font-size:13px;text-decoration:underline}
.about-cta .button-dark{white-space:nowrap}
@media(max-width:850px){
  .about-hero{padding:60px 6% 55px}
  .about-story{grid-template-columns:1fr;gap:20px}
  .about-benefits{padding:65px 6%}
  .about-benefit-grid{grid-template-columns:1fr}
  .about-benefit-grid article{min-height:0}
  .about-cta{padding:40px 6%}
}
@media(max-width:520px){
  .about-hero h1{font-size:44px;letter-spacing:-2px}
  .about-cta{align-items:flex-start;flex-direction:column}
}