:root {
  --paper: #fffaf0;
  --ivory: #f7f0e4;
  --ink: #171713;
  --muted: #666158;
  --line: #e4d9c8;
  --red: #c94d43;
  --blue: #176a91;
  --gold: #c39a43;
  --shadow: 0 24px 70px rgba(36, 28, 17, 0.16);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--ivory);
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

h1,
h2,
h3,
p,
figure {
  margin-top: 0;
}

.shell {
  width: min(1140px, calc(100% - 40px));
  margin: 0 auto;
}

.brand {
  font-weight: 900;
  text-transform: uppercase;
}

.eyebrow {
  margin-bottom: 16px;
  color: var(--red);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}