/* Brand kit §4: Albert Sans only, site-wide — one family, weight/size carry
   all hierarchy (headings, narrative copy, functional UI alike). */
body {
  font-family: "Albert Sans", sans-serif;
}

.text-arabic {
  font-size: 2.0rem;
  line-height: 1.8;
  direction: rtl;
}

@media (min-width: 1024px) {
  .text-arabic {
    font-size: 2.5rem;
  }
}

.carousel-track {
  display: flex;
  width: max-content;
}

.carousel-wrapper:hover .carousel-track {
  animation-play-state: paused;
}

@keyframes carousel-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-carousel-scroll {
  animation: carousel-scroll 30s linear infinite;
}

.reveal-element {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal-element.active {
  opacity: 1;
  transform: translateY(0);
}

/* smoother animation for the menu panel */
#mobileMenu > div {
  animation: menuIn 180ms ease-out;
}

@keyframes menuIn {
  from { transform: translateY(10px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}