/* =================== hc-error.css — страница 404 / ошибки =================== */
/* Единый источник стилей error-страницы. Раньше: разнобой — заголовок/код/лид/
   кнопки не центрировались (.hc-util-center не существует), стили были только у
   поиска и сетки ссылок (и те лежали в 089-hc-eyebrow.css). */

.hc-error{
  text-align: center;
  padding-block: clamp(56px, 10vw, 120px);
}
.hc-error .hc-wrap{
  max-width: 720px;
  margin-inline: auto;
}

.hc-error__code{
  font-family: var(--hc-serif);
  font-weight: 500;
  font-size: clamp(80px, 15vw, 156px);
  line-height: .82;
  letter-spacing: -.03em;
  color: var(--hc-accent);
  margin: 0 0 clamp(12px, 2vw, 20px);
}

.hc-error__title{
  font-size: clamp(28px, 4.2vw, 44px);
  line-height: 1.08;
  margin: 0 auto clamp(10px, 1.4vw, 16px);
}

.hc-error__lede{
  max-width: 30em;
  margin: 0 auto;
  font-size: clamp(15px, 1.5vw, 17px);
  line-height: 1.6;
}

.hc-error__search{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  max-width: 540px;
  margin: clamp(24px, 3.5vw, 36px) auto clamp(4px, 1vw, 8px);
}
.hc-error__search .hc-input{ flex: 1; min-width: 240px; }

.hc-error__ctas{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-top: clamp(16px, 2.5vw, 24px);
}

.hc-error__links{ margin-top: clamp(40px, 6vw, 72px); }
.hc-error__links .hc-eyebrow{
  display: block;
  text-align: center;
  margin-bottom: clamp(16px, 2vw, 24px);
}
.hc-error__links-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  max-width: 640px;
  margin: 0 auto;
}
.hc-error__links-grid a{
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 18px;
  border: 1px solid var(--hc-line, rgba(26,23,20,.08));
  border-radius: 14px;
  background: var(--hc-paper, #fff);
  text-decoration: none;
  text-align: left;
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.hc-error__links-grid a:hover{
  border-color: var(--hc-accent, #7a6548);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px -12px rgba(26,23,20,.18);
}
.hc-error__links-grid a strong{
  font: 600 14px/1.3 var(--hc-sans, "Outfit", sans-serif);
  color: var(--hc-ink, #1a1714);
}
.hc-error__links-grid a span{
  font-size: 12px;
  line-height: 1.4;
  color: var(--hc-ink-soft, rgba(26,23,20,.55));
}

@media(max-width: 560px){
  .hc-error__links-grid{ grid-template-columns: 1fr; }
  .hc-error{ padding-block: clamp(36px, 12vw, 64px); }
}