html { scroll-behavior: smooth; }

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.filter-btn.active {
  background-color: #f6f1e8;
  color: #091466;
  border-color: #f6f1e8;
}

.project-card.is-hidden { display: none; }

.project-card { transition: opacity 0.3s ease; }

.bg-stone img { background-color: #ece4d3; }

.select-styled {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230a0e2c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  padding-right: 2.75rem;
}

.scroll-snap-x {
  scroll-snap-type: x mandatory;
  scroll-padding-left: 1.5rem;
}
@media (min-width: 1024px) {
  .scroll-snap-x { scroll-padding-left: 2.5rem; }
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar { display: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation: none !important; transition: none !important; }
}