/* ═══════════════════════════════════════════
   ФУТЕР
═══════════════════════════════════════════ */
footer {
  background: var(--soil); padding: 56px;
  display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 40px; align-items: start;
}
.f-brand { display: flex; align-items: center; gap: 14px; }
.f-brand-txt { font-family: var(--serif); font-size: 18px; font-weight: 400; color: var(--cream); line-height: 1.4; }
.f-brand-txt em { color: var(--sage); font-style: normal; display: block; font-size: 11px; font-family: var(--sans); letter-spacing: .28em; }
.f-links { display: flex; flex-direction: column; gap: 13px; }
.f-links a {
  font-family: var(--sans); font-size: 12px; font-weight: 400;
  letter-spacing: .14em; text-transform: uppercase;
  color: rgba(242,232,214,.45); text-decoration: none; transition: color .3s;
}
.f-links a:hover { color: var(--sage); }
.f-contact { font-size: 14px; color: rgba(242,232,214,.5); line-height: 2.1; text-align: right; }
.f-contact a { color: var(--sage); text-decoration: none; }
.f-bottom {
  background: var(--bark); padding: 18px 56px;
  display: flex; justify-content: space-between; align-items: center;
}
.f-copy { font-family: var(--sans); font-size: 11px; letter-spacing: .1em; color: rgba(242,232,214,.28); }