:root {
  --ink: #14110f;
  --graphite: #1e1a17;
  --paper: #f6f0e8;
  --paper-2: #efe6db;
  --white: #fffaf4;
  --red: #d51f2a;
  --red-deep: #a01620;
  --wine: #6f1119;
  --gold: #c4a06a;
  --gold-soft: rgba(196, 160, 106, .28);
  --line-dark: rgba(20, 17, 15, .12);
  --line-light: rgba(255, 250, 244, .22);
  --sans: "Manrope", Arial, Helvetica, sans-serif;
  --serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --page: clamp(1.15rem, 4vw, 3rem);
  --wrap: 74rem;
  --gutter: max(var(--page), calc((100vw - var(--wrap)) / 2));
  --display: clamp(2.6rem, 6vw, 5.4rem);
  --title: clamp(2.1rem, 4.2vw, 3.7rem);
  --lead: clamp(1.12rem, 1.5vw, 1.35rem);
  --body: 1.05rem;
  --radius: 1.4rem;
  --radius-sm: .9rem;
  --radius-ctrl: .55rem;
  --shadow: 0 22px 50px rgba(20, 17, 15, .16);
  --black: var(--ink);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: hidden;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--sans);
  font-weight: 500;
}
a { color: inherit; text-decoration: none; }
img, video { display: block; width: 100%; }
button, input { color: inherit; font: inherit; }
button { cursor: pointer; }
address { font-style: normal; }
figure, blockquote { margin: 0; }
p { overflow-wrap: break-word; }
h1, h2, h3 { overflow-wrap: normal; hyphens: none; font-weight: 600; }
::selection { color: var(--white); background: var(--red); }
.skip-link { position: fixed; z-index: 100; top: .75rem; left: .75rem; padding: .75rem 1rem; transform: translateY(-200%); background: var(--white); color: var(--ink); border-radius: var(--radius-ctrl); }
.skip-link:focus { transform: none; }
.page-grain {
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 70;
  opacity: .045;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}
section[id] { scroll-margin-top: 5.2rem; }
.kicker, .section-index {
  margin: 0;
  color: #9a7040;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
em { font-family: var(--serif); font-style: italic; font-weight: 500; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}