/* values — merged from the static build's app.css, source order preserved. */

.about-values h2 em { font-family: var(--font-serif); font-weight: 400; }
.about-values > * { position: relative; z-index: 1; }
.about-values { position: relative; overflow: hidden; display: grid; width: min(100%, var(--page-max)); grid-template-columns: 349px 500px 349px; justify-content: space-between; height: 304px; margin: 120px auto 0; padding-inline: var(--page-gutter); }
.about-values__intro { text-align: center; }
.about-values__intro .eyebrow { height: 30px; min-height: 30px; padding-block: 2px; }
.about-values__intro h2 { width: 500px; margin-top: 25px; font-size: 50px; font-weight: 600; line-height: 48px; }
.about-values__intro > p:not(.eyebrow) { width: 438px; margin: 15px auto 0; color: rgba(0,0,0,.6); font-size: 18px; line-height: 26px; }
.about-values__intro > p:not(.eyebrow) + p { margin-top: 10px; }
.about-value { display: flex; flex-direction: column; align-items: center; padding-top: 47px; text-align: center; }
.about-value > span { display: grid; width: 50px; height: 50px; place-items: center; border: 1px solid rgba(232,71,59,.2); border-radius: 50%; background: rgba(232,71,59,.05); }
.about-value > span img { width: 24px; height: 24px; }
.about-value h3 { margin-top: 28px; font-size: 24px; font-weight: 500; line-height: 24px; }
.about-value p { margin-top: 13.5px; color: rgba(0,0,0,.6); font-size: 18px; line-height: 26px; }