/* Shared bottom CTA: refined About proportions across all existing CTAs. */
:root{--cta-heading-size:31.635px;--cta-band-height:103.3px;--cta-button-width:160px;--cta-button-height:52px}
body[data-page] #main .cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:space-between;gap:32px;padding:25.65px var(--page-gutter);min-height:var(--cta-band-height);margin:0!important;background:var(--color-stone)}
body[data-page] #main .cta h2{font-family:var(--sans);font-weight:400;font-size:var(--cta-heading-size);line-height:1.2;letter-spacing:-.035em;margin:0;max-width:none;white-space:normal;color:var(--color-espresso-brand)}
body[data-page] #main .cta .button{justify-self:end;align-self:center;width:var(--cta-button-width);height:var(--cta-button-height);min-height:var(--cta-button-height);padding:11px 20px;font-family:var(--sans);font-size:14px;font-weight:400;line-height:1.4;background:#4B5335;border-color:#4B5335;color:var(--color-ivory)}
body[data-page] #main .cta .button:hover{background:var(--color-brand-brown);border-color:var(--color-brand-brown);color:var(--color-ivory)}
@media(max-width:850px){
 body[data-page] #main .cta{grid-template-columns:minmax(0,1fr);gap:24px;padding:27.36px var(--page-gutter);min-height:0}
 body[data-page] #main .cta h2{font-size:clamp(23.085px,4.275vw,27.36px)}
 body[data-page] #main .cta .button{justify-self:start}
}