/* ── переменные, используемые в этом блоке ── */
:root {
  --ink:  #0f1117;
  --mono: 'Barlow Condensed', sans-serif;
}

/* ── родительские контейнеры ── */
.site-footer {
  background: var(--ink);
  color: rgba(255,255,255,.5);
  padding: 40px 0 32px;
  font-size: 13px;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.6fr;
  gap: 40px;
  margin-bottom: 36px;
}

/* ── стили самого блока (логотип + описание) ── */
.footer-logo {
  height: 28px;
  margin-bottom: 12px;
  filter: brightness(0) invert(1);
}
.footer-desc {
  font-size: 13px;
  line-height: 1.7;
}

/* ── глобальный сброс, применяется ко всем элементам, включая эту картинку ── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── адаптив, влияющий на ширину колонки этого div ── */
@media (...) {
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (...) {
  .footer-grid { grid-template-columns: 1fr; }
}

/* ── заголовок "Engineering offices" ── */
.footer-col-title {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .09em;
  color: rgba(255,255,255,.8);
  margin-bottom: 14px;
}

/* ── стили самого блока footer-contact ── */
.footer-contact p { margin-bottom: 6px; font-size: 13px;}
.footer-contact a { color: rgba(255,255,255,.6); text-decoration: none; }
.footer-contact a:hover { color: rgba(255,255,255,.9); }