@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,700;1,6..96,400;1,6..96,700&family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Pinyon+Script&display=swap');

/* Minimal equivalents for the Tailwind utility classes used by the exported Figma site */
.hidden { display: none !important; }
@media (min-width: 1024px) {
  .lg\:flex { display: flex !important; }
  .lg\:hidden { display: none !important; }
}
@media (max-width: 1023.98px) {
  .lg\:flex { display: none !important; }
  .lg\:hidden { display: flex !important; }
}


:root {
  --color-taupe: #3d3129;
  --color-taupe-dark: #2a2118;
  --color-taupe-mid: #5a4d41;
  --color-taupe-light: #8a7568;
  --color-cream: #f0e8d8;
  --color-cream-light: #f7f3ec;
  --color-burgundy: #5c1a2e;
  --color-burgundy-dark: #3d0f1e;
  --color-gold: #b8972e;
  --color-gold-light: #d4b86a;
  --color-blush: #d4b5a8;
  --color-blush-light: #ece0da;

  --font-serif: "Bodoni Moda", Georgia, serif;
  --font-script: "Pinyon Script", cursive;
  --font-body: "EB Garamond", Georgia, serif;
}

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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font-body);
  background-color: var(--color-taupe);
  color: var(--color-cream);
  -webkit-font-smoothing: antialiased;
}

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

::-webkit-scrollbar {
  width: 0;
  height: 0;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.animate-fade-up {
  animation: fadeUp 1s ease forwards;
}

.marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 70s linear infinite;
}

.marquee-track:hover {
  animation-play-state: paused;
}