@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Source+Sans+3:wght@400;600;700&display=swap');

.gold-underline {
  position: relative;
  display: inline-block;
}
.gold-underline::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #AF9B60;
  transform-origin: bottom right;
  transition: transform 0.3s ease-out;
}
.group:hover .gold-underline::after,
.gold-underline:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.ticker-animate {
  animation: ticker 40s linear infinite;
}
@keyframes ticker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-on-scroll {
  opacity: 1; /* Changed from 0 to ensure visibility */
  transform: translateY(0); /* Changed from 20px */
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.animate-on-scroll.in-view {
  opacity: 1;
  transform: translateY(0);
}
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }