body {
  font-family: 'Inter', sans-serif;
}

h1, h2, h3 {
  font-family: 'Playfair Display', serif;
}

/* Fade-in */
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s ease;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Parallax background */
.parallax-bg {
  will-change: transform;
  transition: transform 0.05s linear;
}

/* Header */
#site-header.scrolled {
  background-color: #F7F5F2;
  box-shadow: 0 1px 10px rgba(0,0,0,0.05);
}

#site-header.scrolled a {
  color: #2F3E3A;
}
#site-header {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}