.newsreader { font-family: 'Newsreader', serif; }
.manrope { font-family: 'Manrope', sans-serif; }
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body {
  font-family: 'Manrope', sans-serif;
  background-color: #fdf9f0;
  color: #1c1c16;
}

h1, h2, h3, .serif-font {
  font-family: 'Newsreader', serif;
}

.glass-nav {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.sa-init {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
  transition: opacity 700ms ease, transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

.sa-left {
  transform: translate3d(-24px, 18px, 0);
}

.sa-right {
  transform: translate3d(24px, 18px, 0);
}

.sa-zoom {
  transform: scale(0.96) translate3d(0, 20px, 0);
}

.sa-in {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .sa-init,
  .sa-left,
  .sa-right,
  .sa-zoom {
    opacity: 1;
    transform: none;
    transition: none;
  }
}