/* Contact */

/* ------------------------------------------------- маршрутизация обращений */

/* Шесть плиток: пять категорий из ТЗ плюс напоминание про регистрацию.
   Разделители — зазор с подложкой: ячейки всегда заполнены, дыр не будет
   (1 / 2 / 3 колонки, шесть элементов делится на все три раскладки). */
.enquiry{display:grid;gap:1px;background:var(--lgf-rule);border:1px solid var(--lgf-rule)}
@media (min-width:640px){ .enquiry{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:1024px){ .enquiry{grid-template-columns:repeat(3,minmax(0,1fr))} }

.enquiry__item{background:var(--lgf-white);display:flex}
.enquiry__link{
  display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);
  width:100%;padding:var(--sp-4);
  transition:background var(--dur) var(--ease)
}
.enquiry__link:hover{background:var(--lgf-tint)}
.enquiry__icon{width:28px;height:28px;color:var(--lgf-blue)}
.enquiry__title{font-size:var(--fs-h4);font-weight:500;line-height:1.3;color:var(--lgf-blue-dark)}
.enquiry__text{font-size:var(--fs-small);color:var(--lgf-muted);line-height:1.6}

/* Имя ответственного и кнопка прижаты к низу плитки, чтобы в ряду они
   стояли на одной линии при разной длине описаний.
   Имя и должность — двумя строками, а не через точку: одной строкой длинные
   должности переносились у одних плиток и не переносились у других, и
   разделительная линия в ряду вставала на разной высоте. */
.enquiry__who{
  margin-top:auto;width:100%;padding-top:var(--sp-3);border-top:var(--border);
  display:flex;flex-direction:column;gap:2px
}
.enquiry__name{
  font-size:var(--fs-caption);font-weight:500;letter-spacing:.1em;
  text-transform:uppercase;color:var(--lgf-blue-dark)
}
.enquiry__role{font-size:var(--fs-small);color:var(--lgf-muted);line-height:1.4}
.enquiry__cta{
  display:inline-flex;align-items:center;gap:8px;
  font-size:var(--fs-btn);font-weight:500;letter-spacing:.08em;
  text-transform:uppercase;color:var(--lgf-blue)
}
.enquiry__cta .icon{width:14px;height:14px;transition:transform var(--dur) var(--ease)}
.enquiry__link:hover .enquiry__cta .icon{transform:translateX(4px)}

.enquiry__item--note{
  flex-direction:column;align-items:flex-start;
  gap:0;padding:var(--sp-4);
  background:var(--lgf-blue-dark);color:var(--lgf-white)
}
.enquiry__item--note .eyebrow{color:var(--lgf-white)}
.enquiry__item--note .enquiry__text{color:rgba(255,255,255,.85)}
/* Плитка повторяет устройство соседних: подпись у нижней кромки, действие
   под ней. Без этого в тёмной ячейке зияла пустота в полторы сотни пикселей. */
.enquiry__item--note .enquiry__who{border-top-color:rgba(255,255,255,.25)}
.enquiry__item--note .enquiry__name{color:var(--lgf-white)}
.enquiry__item--note .enquiry__role{color:rgba(255,255,255,.7)}
.enquiry__item--note .btn{margin-top:var(--sp-3)}

/* ------------------------------------------------------------------ форма */

/* Секция тонированная, а фон полей ввода — тот же #F1F4FA. На тоне поля
   пропадают, поэтому форма лежит на белой карточке. */
.contact-form{
  background:var(--lgf-white);border:var(--border);
  padding:clamp(24px,3.5vw,48px)
}
.contact-form .form__note{padding-top:var(--sp-3);border-top:var(--border)}
.contact-form .form__note .req{color:var(--lgf-blue)}

/* ------------------------------------------------------------------ venue */

/* Блок «как добраться» снят по решению клиента — стили были только у него. */

/* ------------------------------------------------------------------- FAQ */

/* В аккордеоне программы слева стоит время и под него отведена колонка.
   В вопросах времени нет — колонку убираем, иначе ответ висит с отступом
   в 120 px непонятно от чего. */
.accordion--faq{max-width:880px}
.accordion--faq .accordion__inner{padding-left:0}

/* Блоки боковой колонки без формы — в ряд (2026-10-14). */
.contact-aside--grid{display:grid;gap:0 var(--sp-6)}
@media (min-width:640px){ .contact-aside--grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:1200px){ .contact-aside--grid{grid-template-columns:repeat(4,minmax(0,1fr))} }
.contact-aside--grid .contact-block,.contact-aside--grid .contact-block:first-child{padding-block:var(--sp-4);border-top:var(--border)}
.enquiry__cta{text-transform:none;letter-spacing:0;overflow-wrap:anywhere}