/* Catering page specific styles and motion hooks */
#catering-page-root {
  overflow-x: hidden;
}

#catering-hero-bg-img {
  filter: contrast(1.05) saturate(1.1);
}

#catering-hero-overlay-top {
  background: linear-gradient(160deg, rgba(26, 10, 11, 0.35) 0%, rgba(26, 10, 11, 0.15) 40%, rgba(26, 10, 11, 0) 60%);
}

#catering-hero-overlay-bottom {
  background: linear-gradient(to top, rgba(26, 10, 11, 0.96) 0%, rgba(26, 10, 11, 0.75) 30%, rgba(26, 10, 11, 0.2) 60%, transparent 100%);
}

#catering-kente-overlay,
.catering-kente-overlay {
  opacity: 0.04;
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23D4AF37' stroke-width='1.5'%3E%3Crect x='4' y='4' width='16' height='16' /%3E%3Crect x='28' y='4' width='16' height='16' /%3E%3Crect x='52' y='4' width='16' height='16' /%3E%3Crect x='4' y='28' width='16' height='16' /%3E%3Crect x='28' y='28' width='16' height='16' fill='%23D4AF37' fill-opacity='0.3' /%3E%3Crect x='52' y='28' width='16' height='16' /%3E%3Crect x='4' y='52' width='16' height='16' /%3E%3Crect x='28' y='52' width='16' height='16' /%3E%3Crect x='52' y='52' width='16' height='16' fill='%23D4AF37' fill-opacity='0.3' /%3E%3Cline x1='0' y1='24' x2='80' y2='24' stroke-width='2' /%3E%3Cline x1='0' y1='48' x2='80' y2='48' stroke-width='2' /%3E%3Cline x1='24' y1='0' x2='24' y2='80' stroke-width='2' /%3E%3Cline x1='48' y1='0' x2='48' y2='80' stroke-width='2' /%3E%3C/g%3E%3C/svg%3E");
}

#catering-hero-title {
  text-shadow: 0 4px 32px rgba(0, 0, 0, 0.5);
}

#catering-package-featured,
#catering-contact-cta {
  background: linear-gradient(135deg, #1a0a0b 0%, #2a0708 50%, #4a0d0f 100%);
}

#catering-package-featured {
  background: linear-gradient(160deg, #1a0a0b 0%, #2a0708 100%);
}

.catering-hover-grow {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.catering-hover-grow:hover {
  transform: scale(1.04);
}

.catering-hover-grow-sm:hover {
  transform: scale(1.03);
}

.catering-motion-start {
  opacity: 0;
  transform: translateY(24px);
}

.catering-motion-visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.catering-stagger-1 {
  transition-delay: 0.08s;
}

.catering-stagger-2 {
  transition-delay: 0.16s;
}

.catering-stagger-3 {
  transition-delay: 0.24s;
}

.catering-stagger-4 {
  transition-delay: 0.32s;
}

.catering-hero-bg-mount {
  transform: scale(1.06);
  transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.catering-hero-bg-mount.is-mounted {
  transform: scale(1);
}

.catering-hero-fade {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.catering-hero-fade.is-mounted {
  opacity: 1;
  transform: translateY(0);
}

#catering-hero-badge {
  transform: translateY(-16px);
}

#catering-hero-divider {
  height: 3px;
}

.catering-faq-answer {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.catering-faq-item.is-open .catering-faq-answer {
  opacity: 1;
}

.catering-faq-plus {
  transition: transform 0.2s ease;
}

.catering-faq-item.is-open .catering-faq-plus {
  transform: rotate(45deg);
}


.text-\[4\.4rem\]{
    font-size: 4.4rem;
}