@font-face {
  font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/website/fonts/cormorant-garamond-normal-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 400; font-display: swap;
  src: url('/website/fonts/cormorant-garamond-italic-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/website/fonts/inter-normal-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('/website/fonts/inter-normal-600.ttf') format('truetype');
}
:root {
  color-scheme: light;
  --paper: #f5f1e9; --surface: #eee8de; --ink: #292929; --muted: #625b55;
  --olive: #8a8b68; --sage: #eeece4; --clay: #3b2f2f; --line: #d8d2c8;
  --espresso: #3b2f2f; --tan: #e3c9a8;
  --display: 'Cormorant Garamond', Georgia, serif;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s6: 24px; --s8: 32px;
  --s12: 48px; --s16: 64px; --s24: 96px; --s32: 128px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: var(--s6); }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 16px/1.8 'Inter', sans-serif; }
::selection { background: var(--tan); color: var(--ink); }
a { color: inherit; text-underline-offset: 5px; }
a, summary { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--clay); outline-offset: 5px; }
img { display: block; max-width: 100%; height: auto; }
figure, p, h1, h2, h3 { margin: 0; }
h1, h2 { font-family: var(--display); font-weight: 400; letter-spacing: -.045em; line-height: 1; color: var(--espresso); text-wrap: balance; }
h1 { font-size: clamp(80px, 8.8vw, 132px); }
h2 { font-size: clamp(48px, 4.8vw, 72px); white-space: pre-line; }
h3 { font-size: 21px; font-weight: 600; line-height: 1.25; letter-spacing: -.025em; }
p { text-wrap: pretty; }
p + p { margin-top: var(--s4); }
.eyebrow { font-size: 11px; line-height: 1.5; font-weight: 600; letter-spacing: .17em; text-transform: uppercase; }
.muted { color: var(--muted); }
.large-copy { font-size: 19px; line-height: 1.8; }
.text-link { font-size: 16px; font-weight: 600; text-decoration-thickness: 1px; }
.text-link:hover { color: var(--clay); }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: var(--s8); min-height: 52px; padding: 14px 24px; background: var(--espresso); color: var(--paper); font-size: 15px; font-weight: 600; text-decoration: none; border: 1px solid var(--espresso); border-radius: 2px; }
.button:hover { background: var(--ink); border-color: var(--ink); }
.button span { font-size: 22px; line-height: 1; }
.button-outline { color: var(--ink); background: transparent; }
.button-outline:hover { color: var(--paper); }
.skip-link { position: fixed; left: var(--s4); top: -100px; z-index: 5; background: var(--paper); padding: var(--s4); }
.skip-link:focus { top: var(--s4); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }