:root {
  --msa-paper: #f4efe7;
  --msa-paper-2: #fbf8f2;
  --msa-paper-3: #eee5da;
  --msa-stone: #d9cfc1;
  --msa-stone-deep: #c8b7a5;
  --msa-ink: #1b1a17;
  --msa-ink-soft: #403c36;
  --msa-muted: #746d64;
  --msa-line: #cec5b9;
  --msa-line-strong: #9f9589;
  --msa-accent: #a36146;
  --msa-accent-deep: #814731;
  --msa-dark: #272621;
  --msa-dark-2: #1d1c19;
  --msa-white: #fffaf3;

  --msa-display: "Newsreader", "Iowan Old Style", Baskerville, Georgia, serif;
  --msa-body: "IBM Plex Sans", "Aptos", "Helvetica Neue", Arial, sans-serif;
  --msa-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  --msa-shell-max: 1320px;
  --msa-visual-max: 1920px;
  --msa-shell-gutter: clamp(22px, 4vw, 56px);
  --msa-section-pad: clamp(82px, 7vw, 116px);
  --msa-header-h: 84px;
  --msa-ease: cubic-bezier(.2,.75,.25,1);
}

@media (min-width: 1600px) { :root { --msa-shell-max: 1400px; } }
@media (min-width: 1920px) { :root { --msa-shell-max: 1480px; } }
@media (min-width: 2240px) { :root { --msa-shell-max: 1520px; } }
@media (max-width: 767px) { :root { --msa-shell-gutter: 20px; --msa-header-h: 72px; } }
@media (max-width: 380px) { :root { --msa-shell-gutter: 16px; } }