/* Complete and readable by default. These are statements, not controls. */
.mc-principles{background:var(--paper,#f1eee7);color:var(--ink,#21170f);padding-block:clamp(70px,7vw,112px);min-height:62svh;display:flex;align-items:center}
.mc-principles__inner{align-items:start;width:100%}
.mc-principles__label{grid-column:1/3;margin:0;padding-top:2px;font:14px/1.5 "Open Sans",Arial,sans-serif;letter-spacing:0}
.mc-principles__grid{grid-column:4/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(26px,2.7vw,44px)}
.mc-principle{position:relative;min-width:0;padding-top:20px}
.mc-principle__rule{position:absolute;inset:0 0 auto;display:block;height:1px;background:var(--rule,rgba(33,23,15,.24));transform-origin:left center;transition:background-color .45s ease}
.mc-principle__index{margin:0 0 24px;font:10px/1.5 "Open Sans",Arial,sans-serif;color:var(--muted,#6d655c);font-variant-numeric:tabular-nums}
.mc-principle__title{min-height:2.3em;margin:0 0 15px;font:400 clamp(27px,2.5vw,40px)/1.15 Hedvig,"Hedvig Letters Serif",Georgia,serif;letter-spacing:-.045em;overflow-wrap:normal}
.mc-principle__copy{max-width:26ch;margin:0;font:14px/1.65 "Open Sans",Arial,sans-serif;letter-spacing:0}
@media(hover:hover) and (pointer:fine){.mc-principle:hover .mc-principle__rule{background:var(--rust,#a3462d)}}
@media(min-width:701px) and (max-width:1000px){
  .mc-principles__label{grid-column:1/-1;margin-bottom:34px}
  .mc-principles__grid{grid-column:1/-1;gap:30px}
  .mc-principle__title{font-size:29px}
}
@media(max-width:700px){
  .mc-principles{padding-block:52px 48px;min-height:0}
  .mc-principles__label{grid-column:1/-1;padding:0;margin-bottom:30px;font-size:13px}
  .mc-principles__grid{grid-column:1/-1;display:block}
  .mc-principle{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:16px;padding:21px 0 27px}
  .mc-principle:last-child{padding-bottom:0}
  .mc-principle__index{grid-column:1;grid-row:1;margin:0;padding-top:6px;font-size:9px}
  .mc-principle__title{grid-column:2;grid-row:1;min-height:0;margin:0;font-size:29px;line-height:1.15}
  .mc-principle__copy{grid-column:2;grid-row:2;margin:13px 0 0;max-width:31ch;font-size:13px;line-height:1.65}
}
@media(prefers-reduced-motion:reduce){.mc-principle__rule{transition:none}}