/* @import url() FONT IMPORTS MUST ALWAYS BE AT THE VERY TOP OF THIS FILE */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=Inter:wght@400;500;600&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  background-color: #0a0a0b;
  color: #e7e5e4;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3 {
  font-feature-settings: 'liga' 1, 'kern' 1;
  text-wrap: balance;
}

p {
  text-wrap: pretty;
}

::selection {
  background-color: #c8a96a;
  color: #0a0a0b;
}

:focus-visible {
  outline: 1px solid #c8a96a;
  outline-offset: 3px;
}

/* Playfair Display regular weight fix */
.font-display.font-light {
  font-weight: 400;
}

.eyebrow {
  letter-spacing: 0.28em;
  text-transform: uppercase;
  line-height: 1;
}

.fade-in-up {
  animation: fadeInUp 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

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