body { background-color: #FAFAFA; }

.reveal { opacity: 0; transform: translateY(28px); transition: all 0.8s ease-out; }
.reveal.active { opacity: 1; transform: translateY(0); }

.hover-underline { position: relative; }
.hover-underline::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #C5A059;
  transition: width .3s ease;
}
.hover-underline:hover::after { width: 100%; }

.nav-compact { height: 76px !important; }
.nav-shadow { box-shadow: 0 12px 30px -20px rgba(0,0,0,.25); }