/* Adbee AI — Homepage styles (extends /css/common.css) */

/* Hero h1 — match React Landing headline (Playfair Display, black + italic medium em) */
.hero-title {
  font-family: "Playfair Display", serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.08;
  text-wrap: normal;
}

.hero-title-primary {
  display: inline-block;
  white-space: nowrap;
}

.hero-title em {
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 500;
}

.hero-backdrop {
  position: relative;
}
.hero-backdrop::before {
  content: "";
  position: absolute;
  inset: -2rem -8vw 0;
  top: -4rem;
  z-index: -1;
  border-radius: var(--radius-2xl);
  background: radial-gradient(
      ellipse 70% 55% at 50% 0%,
      rgba(255, 255, 255, 0.65),
      transparent 70%
    ),
    linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, transparent 100%);
  pointer-events: none;
}

.vertical-marquee-mask {
  mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
}
.flyer-category-row:nth-child(2) {
  margin-left: -5rem;
}
.flyer-category-row:nth-child(3) {
  margin-left: -2.5rem;
}

@keyframes flyer-float {
  0%,
  100% {
    transform: translateY(0) rotate(var(--flyer-tilt, 0deg));
  }
  50% {
    transform: translateY(-10px) rotate(var(--flyer-tilt, 0deg));
  }
}
.flyer-float {
  animation: flyer-float 5.5s ease-in-out infinite;
}

@keyframes flyer-scan {
  0% {
    transform: translateY(-30px);
    opacity: 0;
  }
  25%,
  65% {
    opacity: 1;
  }
  100% {
    transform: translateY(470px);
    opacity: 0;
  }
}
.flyer-scan-line {
  animation: flyer-scan 4.2s ease-in-out infinite;
}

.flyer-card-slot {
  transition: all 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.flyer-card-slot.is-active {
  transform: translateY(-14px) scale(1.07);
}
.flyer-card-slot:not(.is-active) {
  transform: translateY(0) scale(1);
}