/* Content can grow without clipping or changing the template's typography. */
h1,h2,h3,h4,h5,h6,p,li,figcaption,.cta,.text-link,.brand,.photo-tag{overflow-wrap:anywhere;word-break:normal}
.hero-grid>*,.about-grid>*,.contact-box>*,.section-head>*,.cards>*,.foot>*{min-width:0}
.cta,.links a,.brand{white-space:normal;max-width:100%;text-align:center}
.links,.foot,.trust{flex-wrap:wrap}
.photo-tag{max-width:calc(100% - 36px)}
.card-body,.contact-box{height:auto}
.btn{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.navlinks,.hero-actions,.hero-bottom{flex-wrap:wrap}
header nav:not(.links){height:auto;min-height:92px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.services>*,.process>*,.request-layout>*,.faq-layout>*,.footer-grid>*{min-width:0}
/* Fixed tokens only; sizes stay relative to the responsive template typography. */
.cms-copy.cms-size-small{font-size:.875em}
.cms-copy.cms-size-large{font-size:1.15em}
.cms-copy.cms-color-brand{color:#755b2d}
.cms-copy.cms-color-dark{color:#202927}
.cms-copy.cms-color-light{color:#ffffff}