footer { padding: 5rem 0 2.5rem; border-top: 1px solid var(--brd); }

.ftg { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 4rem; }

.fdsc { font-size: .82rem; font-weight: 200; line-height: 1.9; color: var(--txm); margin-top: 1.25rem; max-width: 280px; }

.fsoc { display: flex; gap: .75rem; margin-top: 1.75rem; }
.soclnk {
  width: 36px;
  height: 36px;
  border: 1px solid var(--brd);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--txm);
  text-decoration: none;
  font-size: .75rem;
  transition: all .3s;
}
.soclnk:hover { border-color: var(--gold); color: var(--gold); }

.fcol h5  { font-size: .65rem; letter-spacing: .3em; text-transform: uppercase; color: var(--txd); margin-bottom: 1.5rem; }
.fcol ul  { list-style: none; display: flex; flex-direction: column; gap: .75rem; }
.fcol ul a { font-size: .85rem; font-weight: 200; color: var(--txm); text-decoration: none; transition: color .3s; }
.fcol ul a:hover { color: var(--gold); }

.fbot {
  padding-top: 2rem;
  border-top: 1px solid var(--brd);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.fbot p { font-size: .75rem; font-weight: 200; color: var(--txd); letter-spacing: .08em; }
.fbot a { color: var(--gold); text-decoration: none; }