html { scroll-behavior: smooth; }

@keyframes fade-up { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-up { animation: fade-up .7s ease both; }

@keyframes slow-zoom { from { transform: scale(1); } to { transform: scale(1.08); } }
.animate-slow-zoom { animation: slow-zoom 9s ease-out both; }

@keyframes drawer-in { from { transform: translateX(100%); } to { transform: translateX(0); } }
.animate-drawer-in { animation: drawer-in .32s cubic-bezier(.22,1,.36,1) both; }

/* Hero slider */
.slide { opacity: 0; pointer-events: none; transition: opacity .7s ease; }
.slide.is-active { opacity: 1; pointer-events: auto; }

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