@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
:root{
  --color-gold-500:#ff8716 !important;
  --color-gold-400:#ffa24d !important;
  --color-gold-300:#ffc285 !important;
}
.text-display, .text-title{
  font-family:'Anton', var(--font-sans), sans-serif !important;
  font-weight:400 !important;
  text-transform:uppercase;
}

.hero-rotator{position:absolute;inset:0;z-index:-20;}
.hero-rotator img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:0;animation:heroFadeReal 14s infinite;}
.hero-rotator img:nth-child(1){animation-delay:0s;}
.hero-rotator img:nth-child(2){animation-delay:7s;}
@keyframes heroFadeReal{
  0%{opacity:0;}
  4%{opacity:1;}
  46%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:0;}
}

.reveal{opacity:1 !important;transform:none !important;}

.text-gold-500.tabular-nums{
  background:linear-gradient(90deg, var(--color-gold-500), #ffc285);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}