html, body {
  overflow-x: hidden;
}

.marquee {
  width: 100%;
  overflow: hidden;
  background-color: #E91E63;
  height: 32px;
  display: flex;
  align-items: center;
}

.marquee-track {
  display: flex;
  width: max-content;
  animation: marquee-scroll 30s linear infinite;
}

.marquee span {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  white-space: nowrap;
  padding-right: 2rem;
}

@media (min-width: 768px) {
  .marquee span {
    font-size: 16px;
  }
}

@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.logo-script {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  color: #EC6193;
}

.logo-serif {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  color: #364295;
}

.serif-heading {
  font-family: 'Playfair Display', serif;
}

.logo-min-height {
  min-height: 81px;
}