/* Self-hosted fonts. Migra = display serif (headings, italic emphasis).
   Bricolage Grotesque = body sans (paragraphs, UI, labels). */
@font-face {
  font-family: 'Migra';
  src: url('../fonts/migra/Migra-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Migra';
  src: url('../fonts/migra/MigraItalic-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../fonts/BricolageGrotesque/BricolageGrotesque-Regular.woff2') format('woff2'),
       url('../fonts/BricolageGrotesque/BricolageGrotesque-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../fonts/BricolageGrotesque/BricolageGrotesque-SemiBold.woff2') format('woff2'),
       url('../fonts/BricolageGrotesque/BricolageGrotesque-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {--font-primary: "Migra";--font-secondary: "Bricolage Grotesque";--color-primary-1: #d4af37;--color-primary-2: #332421;--color-secondary-1: #332421;--color-secondary-2: #ffffff;--color-accent: #8E5A1A;--color-acacia: #5C6B47;--color-neutral-1: #4a3d38;--color-neutral-2: #6b5d55;--color-neutral-3: #c7b8a5;--color-neutral-4: #f5f1ea;--color-light: var(--color-secondary-2);--color-dark: var(--color-secondary-1);--color-background: var(--color-neutral-4);--color-text: var(--color-dark);--color-overlay: rgba(255, 255, 255, 0.1);--color-overlay-dark: rgba(51, 36, 33, 0.5);--color-transparent-light: rgba(255, 255, 255, .4);--color-transparent-dark: rgba(51, 36, 33, .4);--color-gradient: linear-gradient(to bottom, transparent 60%, rgba(51, 36, 33, 0.75) 100%);--font-size-1: clamp(2.45rem, 5vw, 96px);--font-size-2: clamp(2.25rem, 3.75vw, 72px);--font-size-3: clamp(1.75rem, 1.875vw, 36px);--font-size-3--alt: clamp(1.75rem, 2.5vw, 48px);--font-size-4: clamp(1.25rem, 1.25vw, 24px);--font-size-5: 18px;--font-size-6: 1rem;--font-size-body-lg: clamp(1.3rem, 1.45vw, 28px);--font-size-body-md: clamp(1.2rem, 1.05vw, 20px);--font-size-body-sm: var(--font-size-6);--font-size-sm: 12px;--page-width: 1920px;--container-width: 1440px;--container-width-sm: 1100px;--content-width: 950px;--spacer: clamp(3rem, 6.667vw, 8rem);--spacer-sm: calc(var(--spacer) / 2);--spacer-lg: calc(var(--spacer) * 2);--spacer-xl: calc(var(--spacer) * 4);--gutter: clamp(1rem, 3vw, 52px);--gutter-sm: calc(var(--gutter) / 2);--gutter-lg: calc(var(--gutter) * 2);--gutter-xl: calc(var(--gutter) * 4);--gap: 2rem;--gap-xxs: calc(var(--gap) / 8);--gap-xs: calc(var(--gap) / 4);--gap-sm: calc(var(--gap) / 2);--gap-lg: calc(var(--gap) * 2);--gap-xl: calc(var(--gap) * 4);--border-radius: 8px;--border-radius-sm: 4px;--box-shadow: 0px 4px 4px 0px rgba(51, 36, 33, 0.25);--box-shadow-sm: 0 8px 8px 0 rgba(74, 61, 56, 0.12);--transition-ease-in-out: cubic-bezier(0.7, 0, 0.3, 1);--transition-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);--transition-duration: 0.2s;--transition-duration-long: .4s;--transition-duration-ease-in-out: var(--transition-duration) cubic-bezier(0.7, 0, 0.3, 1);--transition-duration-bounce: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);--aspect-square: 1;--aspect-portrait: 4/5;--aspect-photo: 5/4;--aspect-fullscreen: 4/3;--aspect-film: 3/2;--aspect-video: 16/9;--aspect-ultrawide: 21/9;--menu-main-height: 48px;--menu-top-bar-height: 0px;--menu-height: calc(var(--menu-main-height) + var(--menu-top-bar-height));}