/* ============================================================
   Футер. Верхняя линия — сплошная на всю ширину (.f-grid),
   нижняя — .f-bottom. Колонки границ не имеют.
   ============================================================ */

.footer{
  position:relative;z-index:1;
  background:var(--cream);
  color:var(--ink);
  padding:clamp(56px,9vh,110px) var(--mx) clamp(26px,4.5vh,44px);
}
.footer ::selection{background:var(--ink);color:var(--cream)}

.f-title{
  font-family:'Cormorant',serif;font-style:italic;font-weight:300;
  font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.15;
  margin-bottom:clamp(36px,6vh,64px);
}

.f-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:clamp(36px,5.5vh,64px) clamp(24px,4vw,72px);
  border-top:1px solid var(--line-dark);
  padding-top:20px;
}

.f-col{padding-top:0}

.f-label{
  font:400 11px/1 'IBM Plex Mono',monospace;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--ink-55);
  margin-bottom:22px;
}

.f-list{list-style:none;display:flex;flex-direction:column;gap:12px}
.f-list a{
  color:var(--ink);
  font-size:15px;font-weight:300;line-height:1.4;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-decoration-color:rgba(26,12,3,.3);
  text-underline-offset:5px;
  transition:text-decoration-color .35s ease;
}
.f-list a:hover,.f-list a:focus-visible{text-decoration-color:var(--ink)}

.f-facts{display:flex;flex-direction:column;gap:14px}
.f-fact{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:baseline}
.f-fact dt{font:400 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-55)}
.f-fact dd{font-size:15px;font-weight:300;line-height:1.5}
.f-fact dd a{
  color:inherit;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-decoration-color:rgba(26,12,3,.3);
  text-underline-offset:5px;
  transition:text-decoration-color .35s ease;
}
.f-fact dd a:hover,.f-fact dd a:focus-visible{text-decoration-color:var(--ink)}

.f-bottom{
  margin-top:clamp(44px,7vh,80px);
  border-top:1px solid var(--line-dark);
  padding-top:20px;
  display:flex;justify-content:space-between;align-items:baseline;gap:12px 24px;flex-wrap:wrap;
  font:400 10.5px/1.6 'IBM Plex Mono',monospace;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--ink-55);
}

@media (max-width:520px){
  .f-fact{grid-template-columns:1fr;gap:6px}
}