/* Five familiar promises, expressed through CARES. */
.cares-values article{min-width:0}
.cares-values article>.care-letter{display:block;font:400 32px/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:0;color:#977449}
.cares-values h3{min-width:0;line-height:1.2;overflow-wrap:normal;word-break:normal}
.og-principle-list.cares-values article,.at-principle-list.cares-values article{grid-template-columns:34px minmax(145px,.8fr) minmax(0,1.4fr);gap:18px;align-items:baseline}
.nocturne .cares-values article>.care-letter{color:#cfba94}
.cosmo .cares-values article>.care-letter,.minimal-page .cares-values article>.care-letter{font-family:'Manrope',Arial,sans-serif;font-size:28px;font-weight:500}
.minimal-page .cares-values h3{font-size:20px}
@media(max-width:1100px) and (min-width:801px){
 .og-principle-list.cares-values article,.at-principle-list.cares-values article{grid-template-columns:28px minmax(125px,.8fr) minmax(0,1.4fr);gap:14px}
 .og-principle-list.cares-values h3,.at-principle-list.cares-values h3{font-size:25px}
 .no-code-grid.cares-values,.cx-code-grid.cares-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
 .no-code-grid.cares-values article:nth-child(4),.cx-code-grid.cares-values article:nth-child(4){border-left:0;padding-left:0}
}
@media(max-width:800px){
 .cares-values{grid-template-columns:1fr;gap:0}
 .cares-values article,.cares-values article:first-child,.cares-values article+article,.og-principle-list.cares-values article,.at-principle-list.cares-values article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px 16px;align-items:baseline;padding:24px 0;border-left:0}
 .cares-values article>.care-letter{grid-column:1;grid-row:1 / span 2;font-size:31px;align-self:start}
 .cares-values article>h3,.minimal-page .cares-values article>h3{grid-column:2;grid-row:1;margin:0;font-size:25px;line-height:1.2}
 .cares-values article>p,.minimal-page .cares-values article>p{grid-column:2;grid-row:2;margin:0;font-size:13px;line-height:1.85}
 .cosmo .cares-values article>h3,.minimal-page .cares-values article>h3{font-size:21px;letter-spacing:-.5px}
 .cosmo .cares-values article>.care-letter,.minimal-page .cares-values article>.care-letter{font-size:28px}
 .no-code-grid.cares-values article,.no-code-grid.cares-values article:first-child{border-top:1px solid #514130}
 .cx-code-grid.cares-values article,.cx-code-grid.cares-values article:first-child{border-top:1px solid #bfb19b}
}