@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("assets/exo-2-latin-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("assets/exo-2-latin-light-italic.woff2") format("woff2");
}
:root {
  color-scheme: light;
  --paper: #fbf7f0;
  --surface: #fffdf8;
  --warm: #efede6;
  --ink: #242623;
  --secondary: #4d514c;
  --muted: #656a63;
  --copper: #994323;
  --copper-gradient: linear-gradient(110deg, #803918 5%, #b96735 24%, #954b2d 40%, #b46b3b 50%, #8e4423 65%, #b96735 84%, #803918 100%);
  --copper-lit-gradient: linear-gradient(110deg, #bc7c55 5%, #eeb985 24%, #ffd8ad 40%, #c68452 55%, #ffddb1 70%, #dda06e 88%, #bc7c55 100%);
  --sky: #006b73;
  --jade: #006b73;
  --glow-warm-1: #ffd9b3; --glow-warm-2: #ffdccb; --glow-cool-1: #b4ecdb; --glow-cool-2: #bfe6ef; --glow-ring: #b96735;
  --border: #d6d7ce;
  --inverse-bg: #073e48;
  --inverse-text: #f6f3ea;
  --inverse-muted: #c1dadd;
  --inverse-accent: #e7a17b;
  --ill-wash: #e5b7a3; --ill-tint: #f7e7ec; --ill-halo: #f8f2e7; --ill-disc: #f3e8e5; --ill-rose: #ae4f67; --ill-shade: #242623;
  --font-family: "Exo 2", sans-serif;
  --display: var(--font-family);
  --display-accent: var(--font-family);
  --body: var(--font-family);
  --gutter: clamp(22px, 5vw, 96px);
  --max-width: 1440px;
  --section-space: clamp(64px, 8vw, 112px);
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --body-size: 1rem;
  --small-size: .8125rem;
  --label-size: .6875rem;
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --ease-in-out: cubic-bezier(.77, 0, .175, 1);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #152125;
  --surface: #1e2d32;
  --warm: #24373d;
  --ink: #f6f3ea;
  --secondary: #d6e2e3;
  --muted: #afc4c7;
  --copper: #e7a17b;
  --copper-gradient: var(--copper-lit-gradient);
  --sky: #78d3d2;
  --jade: #78d3d2;
  --glow-warm-1: #643822; --glow-warm-2: #4d2f24; --glow-cool-1: #1f585c; --glow-cool-2: #1c4a50; --glow-ring: #78d3d2;
  --border: #445b61;
  --inverse-bg: #092e37;
  --inverse-text: #f6f3ea;
  --inverse-muted: #c1dadd;
  --ill-wash: #643822; --ill-tint: #372b38; --ill-halo: #302d31; --ill-disc: #382f36; --ill-rose: #d98aa0; --ill-shade: #000;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #152125; --surface: #1e2d32; --warm: #24373d;
    --ink: #f6f3ea; --secondary: #d6e2e3; --muted: #afc4c7;
    --copper: #e7a17b; --copper-gradient: var(--copper-lit-gradient); --border: #445b61;
    --sky: #78d3d2; --jade: #78d3d2;
    --glow-warm-1: #643822; --glow-warm-2: #4d2f24; --glow-cool-1: #1f585c; --glow-cool-2: #1c4a50; --glow-ring: #78d3d2;
    --inverse-bg: #092e37; --inverse-text: #f6f3ea; --inverse-muted: #c1dadd;
    --ill-wash: #643822; --ill-tint: #372b38; --ill-halo: #302d31; --ill-disc: #382f36; --ill-rose: #d98aa0; --ill-shade: #000;
  }
}
@media (max-width: 700px) { :root { --gutter: 22px; } }
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) { :root { --label-size: .75rem; } }
@media (max-width: 359px) { :root { --gutter: 16px; } }
@media print {
  :root, :root[data-theme="dark"], :root:not([data-theme="light"]) {
    color-scheme: light;
    --paper: #fff; --surface: #fff; --warm: #fff; --ink: #000;
    --secondary: #222; --muted: #444; --copper: #623414; --border: #aaa;
    --sky: #244e7f; --jade: #24523f;
    --inverse-bg: #fff; --inverse-text: #000; --inverse-muted: #222;
    --ill-wash: #e5b7a3; --ill-tint: #f7e7ec; --ill-halo: #f8f2e7; --ill-disc: #f3e8e5; --ill-rose: #ae4f67; --ill-shade: #242623;
  }
}