/* Shared base for every page: the reset and the design tokens. Tokens are the ruler's own values,
   read off its body custom properties (site-v2 index.html), named for what they are. */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: var(--cream); }
h1, h2, h3, h4, h5, h6, p, figure, blockquote, ul, ol, dl, dd { margin: 0; }
ul, ol { padding: 0; list-style: none; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
:root {
  --white: #fff;
  --gold: #b8963e;
  --navy: #152c58;
  --ink: #0d1626;
  --cream: #fcfaf5;
  --sand: #f7f3ea;
  --gold-deep: #a3822f;
  --ink-62: #0d16269e;
  --ink-10: #0d16261a;
  --white-62: #ffffff9e;
  --cream-90: #fcfaf5e6;
  --white-10: #ffffff1a;
  --umber-70: #2b2018b3;
  --serif: "Gilda Display", "Gilda Display Placeholder", serif;
  --sans: Switzer, "Switzer Placeholder", sans-serif;
}