:root {
  --ink: #0a0a09;
  --bone: #ebe5d8;
  --bone-dim: #a8a295;
  --bone-faint: #5f5b53;
  --rule: rgba(235,229,216,.14);
  --carved: "Cinzel", "Trajan Pro", Georgia, serif;
  --tall: "Antonio", "Arial Narrow", sans-serif;
  --text: "Cormorant Garamond", Georgia, serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--ink); color: var(--bone); font-family: var(--text); font-size: 19px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: .2em; text-decoration-color: var(--bone-faint); }
a:hover { text-decoration-color: var(--bone); }
a:focus-visible { outline: 1px solid var(--bone); outline-offset: 4px; }
.gutter { padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.top { display: flex; justify-content: space-between; align-items: center; padding-block: calc(26px + env(safe-area-inset-top, 0px)) 0; font-family: var(--carved); font-size: 12px; letter-spacing: .32em; text-transform: uppercase; color: var(--bone-dim); }
.top a { text-decoration: none; }
.top .mark { color: var(--bone); font-size: 15px; letter-spacing: .4em; }
main { max-width: 760px; margin: 0 auto; padding-block: clamp(80px, 14vw, 160px) 100px; }
.eyebrow { font-family: var(--carved); font-size: 12px; letter-spacing: .32em; text-transform: uppercase; color: var(--bone-dim); margin: 0 0 22px; }
h1 { font-family: var(--tall); font-weight: 700; text-transform: uppercase; font-size: clamp(54px, 11vw, 120px); line-height: .88; letter-spacing: .01em; margin: 0 0 28px; }
.updated { color: var(--bone-faint); font-style: italic; margin: 0 0 56px; padding-bottom: 40px; border-bottom: 1px solid var(--rule); }
h2 { font-family: var(--carved); font-weight: 500; font-size: 15px; letter-spacing: .24em; text-transform: uppercase; color: var(--bone); margin: 52px 0 14px; }
p, li { color: var(--bone-dim); }
p { margin: 0 0 16px; }
ul { margin: 0 0 16px; padding-left: 1.1em; }
li { margin-bottom: 8px; }
strong { color: var(--bone); font-weight: 500; }
footer { border-top: 1px solid var(--rule); padding-block: 36px calc(36px + env(safe-area-inset-bottom, 0px)); }
footer .inner { max-width: 1180px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 18px 40px; justify-content: space-between; align-items: baseline; font-size: 15px; color: var(--bone-faint); }
footer .legal { display: flex; flex-wrap: wrap; gap: 28px; font-family: var(--carved); font-size: 11px; letter-spacing: .3em; text-transform: uppercase; }
footer .legal a { text-decoration: none; }
footer .legal a:hover, footer .legal a[aria-current] { color: var(--bone); }
