/* FOOTER */

.site-footer {

  padding: 6rem 0 2rem;

  border-top: 1px solid rgba(255,255,255,0.05);

  background: var(--color-navy-mid);

}

.footer-grid {

  display: grid;

  grid-template-columns: 1.2fr 0.8fr 0.8fr;

  gap: 4rem;

  margin-bottom: 5rem;

}

.footer-logo {

  font-size: 2rem;

}

.footer-logo span {

  color: var(--color-gold);

}

.footer-brand p {

  margin-top: 1.5rem;

  max-width: 420px;

  color: var(--color-gray-light);

  line-height: 1.9;

}

.footer-column h4 {

  margin-bottom: 1.5rem;

  font-size: 0.8rem;

  letter-spacing: 0.18em;

  text-transform: uppercase;

  color: var(--color-gold);

}

.footer-column ul {

  display: flex;

  flex-direction: column;

  gap: 1rem;

  list-style: none;

}

.footer-column a,
.footer-column li {

  color: var(--color-gray-light);

  transition: var(--transition-default);

}

.footer-column a:hover {

  color: var(--color-gold);

}

.footer-bottom {

  padding-top: 2rem;

  border-top: 1px solid rgba(255,255,255,0.05);

}

.footer-bottom p {

  color: var(--color-gray);

  font-size: 0.75rem;

}