.about-offer .about-title h2{max-width:620px}
.about-offer .about-title h2 .about-copy-primary{color:inherit}
.about-offer .about-title h2 .about-copy-accent{color:#354b2d}
.about-offer .section-copy p+p{margin-top:18px}
.about-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:28px}
.about-offer .about-actions .primary{margin:0;background:#354b2d;min-height:54px;padding:16px 25px;font-size:14px}
.about-offer .about-actions .primary:hover{background:#496538}
.about-details-link{font:400 14px/1.5 var(--sans);color:#354b2d;padding:8px 0;border-bottom:1px solid #adbba0}
.about-details-link:hover{border-color:#354b2d}
.about-details-link:focus-visible{outline:2px solid #5e7c48;outline-offset:5px}
@media(max-width:800px){.about-offer{gap:26px}.about-offer .section-copy{max-width:620px}.about-actions{margin-top:24px}}
@media(max-width:520px){.about-offer .about-title h2{font-size:32px}.about-actions{gap:14px 22px}.about-offer .about-actions .primary{padding:16px 22px}}
@media(max-width:700px){.about-offer .about-actions{flex-direction:column;align-items:stretch;gap:12px}.about-offer .about-actions .primary{width:100%}.about-offer .about-details-link{align-self:center}}

/* Center the introduction between the hero and the benefits with equal spacing. */
.hero-section.wrap{padding-bottom:0}
#about{--about-space:clamp(56px,6vw,88px);margin:0;padding:var(--about-space) 0;text-align:center}
#about .about-title h2{max-width:100%;margin:0 auto}
#about-read-more{display:flex;width:max-content;max-width:100%;margin:26px auto 0}
#about-full-story{margin-inline:auto;text-align:left}
.hero-section + .benefits{margin-top:0}
@media(max-width:700px){
 #about{text-align:left}
 #about .about-desktop-break{display:none}
 #about .about-title h2>span{display:block;text-wrap:pretty}
 #about .about-copy-accent{margin-top:18px}
 #about-read-more{margin-inline:0}
}