.animate-on-scroll-hidden { opacity: 0; transform: translateY(40px); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
.animate-from-left { transform: translateX(-60px); }
.animate-from-right { transform: translateX(60px); }
.animate-on-scroll-visible { opacity: 1; transform: translate(0, 0) !important; }

.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }

#mobile-menu {
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.sticky-section {
  position: sticky;
  top: 80px;
}

@media (min-width: 768px) {
  .tilted-left {
    transform: translateX(-50px) translateY(-50px) rotate(-4deg);
  }

  .tilted-right {
    transform: translateX(50px) translateY(50px) rotate(11deg);
  }
}

.mask-fade {
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 25.5%, rgb(0, 0, 0) 74.5%, rgba(0, 0, 0, 0) 100%);
}