:root {
  --ink: #54392a;
  --forest: #593b2c;
  --sage: #e7b9a8;
  --cream: #fff5f0;
  --sand: #f5ddd2;
  --clay: #d98f79;
  --paper: #fffaf8;
  --line: rgba(117, 74, 54, .15);
}

body { background: var(--paper); }
.brand small, .eyebrow, .section-label, .portrait-caption span, .site-footer { color: #b77a68; }
.hero-intro, .intro-content p, .journey-heading p { color: #714d3c; }
.portrait-frame { background: #f1d5c7; }
.portrait-fallback { background: linear-gradient(145deg, #f4d8ca, #fdf0e9); }
.portrait-fallback span { color: rgba(102, 62, 43, .42); }
.approach { background: #fbece5; color: var(--ink); }
.section-label-light, .section-heading p, .approach-card p, .approach-footnote { color: #714d3c; }
.approach-cards { background: rgba(217, 143, 121, .30); }
.approach-card { background: #fbece5; }
.card-number { color: #cf8670; }
.closing { background: #d9907c; }
.closing .eyebrow, .closing-content>p:not(.eyebrow), .closing small { color: #fffaf8; }
.closing h2 em { color: #593b2c; }
.button-primary:hover { background: #43291e; }
.portrait-frame img { visibility: hidden; }
.portrait-frame img.loaded { visibility: visible; }
