:root {
  --color-ink-950: #0E0E0F;
  --color-ink-900: #151517;
  --color-ink-800: #1D1E21;
  --color-ink-700: #2A2B2F;
  --color-ink-600: #3A3C41;
  --color-copper-50: #F6E7DC;
  --color-copper-100: #EBCDB5;
  --color-copper-300: #E6A97C;
  --color-copper-400: #D08A5F;
  --color-copper-500: #B86E48;
  --color-copper-700: #8A4529;
  --color-copper-800: #2B2320;
  --color-copper-900: #221B17;
  --color-steel-50: #F2F2F3;
  --color-steel-200: #CDCFD2;
  --color-steel-400: #8D9096;
  --color-paper: #F4F2EF;
  --color-paper-line: #EAE7E2;
  --color-muted-light: #55575C;
  --color-scrim: rgb(14 14 15 / 0.75);
  --color-plate-yellow: #F2C230;
  --color-plate-blue: #1F47B4;
  --font-sans: "Lexend", ui-sans-serif, system-ui, sans-serif;
  --font-label: "Saira", "Lexend", ui-sans-serif, sans-serif;
  --text-display: 2.625rem;
  --text-display-lg: 4.75rem;
  --text-h1: 2.25rem;
  --text-h1-lg: 3.625rem;
  --text-h2: 1.75rem;
  --text-h2-lg: 2.625rem;
  --text-h3: 1.375rem;
  --text-h4: 1.125rem;
  --text-lead: 1.125rem;
  --text-lead-lg: 1.25rem;
  --text-body: 1.0625rem;
  --text-nav: 0.9375rem;
  --text-small: 0.875rem;
  --text-eyebrow: 0.8125rem;
  --text-tag: 0.6875rem;
  --leading-display: 1.02;
  --leading-h1: 1.06;
  --leading-h2: 1.12;
  --leading-h3: 1.3;
  --leading-h4: 1.35;
  --leading-lead: 1.6;
  --leading-body: 1.65;
  --leading-small: 1.5;
  --tracking-display: -0.02em;
  --tracking-eyebrow: 0.32em;
  --tracking-caption: 0.2em;
  --tracking-label: 0.12em;
  --radius-control: 3px;
  --radius-card: 6px;
  --radius-large: 10px;
  --radius-full: 9999px;
  --spacing-section: 6rem;
  --spacing-section-sm: 4rem;
  --safe-bottom: max(0.75rem, env(safe-area-inset-bottom));
  --gradient-copper-brushed: linear-gradient(90deg, #8A4529 0%, #B86E48 20%, #E6A97C 44%, #F3C7A1 52%, #D08A5F 68%, #8A4529 100%);
  --gradient-copper-line: linear-gradient(90deg, #8A4529 0%, #E6A97C 45%, #D08A5F 75%, #8A4529 100%);
  --gradient-photo-placeholder: repeating-linear-gradient(115deg, #1D1E21 0 14px, #202125 14px 28px);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  border: 0 solid;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  background-color: var(--color-ink-950);
  color: var(--color-steel-200);
  font-family: var(--font-sans);
  font-size: var(--text-body);
  font-weight: 300;
  line-height: var(--leading-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

address {
  font-style: normal;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

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

img {
  height: auto;
}

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

summary {
  list-style: none;
  cursor: pointer;
}
summary::-webkit-details-marker {
  display: none;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

button {
  background: none;
  padding: 0;
  cursor: pointer;
}

::placeholder {
  color: var(--color-steel-400);
  opacity: 1;
}

:focus-visible {
  outline: 2px solid var(--color-copper-300);
  outline-offset: 3px;
}

dialog {
  border: 0;
  padding: 0;
  color: inherit;
}

dialog::backdrop {
  background-color: rgba(14, 14, 15, 0.88);
}

::selection {
  background-color: var(--color-copper-400);
  color: var(--color-ink-950);
}

.prose {
  color: var(--color-muted-light);
  font-size: var(--text-body);
  line-height: var(--leading-body);
}
.prose > * + * {
  margin-top: 1.25rem;
}
.prose h2,
.prose h3,
.prose h4 {
  color: var(--color-ink-950);
  font-weight: 600;
}
.prose h2 {
  margin-top: 3rem;
  font-weight: 700;
  font-size: var(--text-h3);
  line-height: var(--leading-h3);
}
@media (min-width: 1024px) {
  .prose h2 {
    font-size: 1.75rem;
  }
}
.prose h2::before {
  content: "";
  display: block;
  width: 3rem;
  height: 2px;
  margin-bottom: 1rem;
  background-image: var(--gradient-copper-line);
}
.prose h3 {
  margin-top: 2.25rem;
  font-size: var(--text-h4);
  line-height: var(--leading-h4);
}
.prose h2 + *,
.prose h3 + * {
  margin-top: 0.75rem;
}
.prose > :first-child {
  margin-top: 0;
}
.prose strong,
.prose b {
  color: var(--color-ink-950);
  font-weight: 600;
}
.prose a {
  color: var(--color-copper-700);
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: var(--color-copper-100);
  text-underline-offset: 3px;
}
.prose a:hover {
  text-decoration-color: currentColor;
}
.prose ul,
.prose ol {
  display: grid;
  gap: 0.625rem;
}
.prose ul > li {
  position: relative;
  padding-left: 2rem;
}
.prose ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: var(--radius-full);
  background: var(--color-copper-400) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E0E0F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/0.75rem no-repeat;
}
.prose ol {
  counter-reset: prose;
}
.prose ol > li {
  counter-increment: prose;
  position: relative;
  padding-left: 2rem;
}
.prose ol > li::before {
  content: counter(prose, decimal-leading-zero);
  position: absolute;
  left: 0;
  color: var(--color-copper-700);
  font-family: var(--font-label);
  font-weight: 600;
  font-size: var(--text-eyebrow);
  letter-spacing: var(--tracking-eyebrow);
}
.prose img {
  border-radius: var(--radius-card);
}
.prose a.btn {
  display: inline-flex;
  align-items: center;
  min-height: 50px;
  padding: 0 1.5rem;
  border-bottom: 3px solid var(--color-copper-500);
  border-radius: var(--radius-control);
  background-color: var(--color-copper-400);
  color: var(--color-ink-950);
  text-decoration: none;
}
.prose a.btn:hover {
  background-color: var(--color-copper-300);
}
.prose blockquote {
  padding-left: 1.25rem;
  border-left: 2px solid var(--color-copper-500);
  color: var(--color-ink-950);
}

/*# sourceMappingURL=styles.css.map */