/* ---------- Contact + footer (Figma: black 9672 -> 10669) ---------- */
.contact { background: var(--c-black); color: var(--c-white); padding-top: 94.6px; }
.contact__grid { display: grid; grid-template-columns: 517px minmax(0, 578px); column-gap: 217px; width: min(100% - 2 * var(--gutter), var(--container)); margin-inline: auto; align-items: start; }
.contact__title { margin-bottom: 37px; max-width: 539px; color: var(--c-yellow); }
.contact__copy { font-size: var(--fs-body); line-height: var(--lh-auto); }
.contact__copy p + p { margin-top: 19px; }
.contact__intro { margin-top: 6.2px; color: var(--c-grey-300); font-size: var(--fs-body-sm); line-height: 19px; max-width: 517px; }
.contact__form { margin-top: 57.6px; }
.contact__form .form { gap: 14px; }
.contact__submit { margin-top: 13px; }
.form__status { min-height: 1.5em; margin-top: 0.75rem; font-size: var(--fs-body-sm); }
.form__status.is-success { color: var(--c-yellow); }
.form__status.is-error { color: var(--c-orange); }
.field--hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.site-footer { background: var(--c-black); color: var(--c-white); padding-top: 94.6px; }
.site-footer__inner { width: min(100% - 2 * var(--gutter), var(--container)); margin-inline: auto; border-top: 1px solid #555; padding-top: 20.9px; }
.site-footer__logo { display: block; width: 311px; color: var(--c-yellow); }
.site-footer__logo svg { width: 100%; height: auto; }
.site-footer__contact { margin-top: 27.3px; font-style: normal; font-size: var(--fs-body); line-height: 21px; }
.site-footer__contact a:hover { color: var(--c-yellow); }
.site-footer__legal { display: flex; justify-content: space-between; gap: 1.5rem; margin-top: 46px; padding-bottom: 63.8px; font-size: var(--fs-body-sm); line-height: 17px; color: var(--c-grey-400); }

@media (max-width: 1100px) {
  .contact__grid { grid-template-columns: 1fr; row-gap: 3rem; }
  .contact__form { margin-top: 1.5rem; }
}
@media (max-width: 767px) {
  .contact { padding-top: 72px; }
  .site-footer { padding-top: 64px; }
  .site-footer__logo { width: 240px; }
  .site-footer__legal { flex-direction: column; gap: 0.5rem; }
}

.contact .field__control { resize: none; }