@charset "UTF-8";
/* Страница контактов: способы связи и география работы. */

.contacts { padding: clamp(1.5rem, 4vw, 3.5rem) 0 clamp(2.5rem, 5vw, 4rem); }
.contacts h1 { margin: 0 0 1rem; }
.contacts__lead {
  max-width: 70ch;
  margin: 0 0 clamp(1.8rem, 4vw, 3rem);
  color: var(--ink-muted);
  font-size: clamp(1.02rem, 1rem + 0.3vw, 1.25rem);
}

.contacts__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: clamp(1rem, 2vw, 1.6rem);
}
.contacts__card {
  padding: clamp(1.2rem, 2.5vw, 1.8rem);
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.contacts__label {
  margin: 0 0 0.5rem;
  color: var(--ink-muted);
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.contacts__value {
  margin: 0 0 0.5rem;
  font-size: clamp(1.05rem, 1rem + 0.3vw, 1.3rem);
  font-weight: 600;
  overflow-wrap: anywhere;
}
.contacts__value a { color: var(--blueBlack1); }
.contacts__value a:hover { color: var(--accent); }
.contacts__hint { margin: 0; color: var(--ink-muted); font-size: 0.88rem; }

.contacts__region {
  max-width: 75ch;
  margin-top: clamp(2rem, 4vw, 3.5rem);
}
.contacts__region h2 { margin: 0 0 1rem; }
.contacts__region p { color: var(--blueBlack4); }