.contact-section{
  max-width:1460px;
  margin:18px auto 60px;
  padding:56px clamp(28px,5vw,76px);
  background:#f5f4ef;
  color:#080808;
  border:1px solid #d8d5cc;
  clip-path:none;
  display:grid;
  grid-template-columns:minmax(260px,.78fr) minmax(560px,1.35fr);
  align-items:start;
  gap:clamp(40px,6vw,90px);
}
.contact-intro{padding-top:8px}
.contact-kicker{margin:0 0 16px!important;font:700 12px/1 var(--sans)!important;letter-spacing:.18em}
.contact-section .contact-intro h2{margin:0 0 18px;text-align:left;font:600 clamp(28px,3vw,42px)/1.55 var(--serif)}
.contact-intro>p:not(.contact-kicker){max-width:440px;font:500 15px/1.9 var(--serif);margin:0}
.contact-intro ul{list-style:none;margin:30px 0 0;padding:23px 0 0;border-top:1px solid rgba(0,0,0,.18)}
.contact-intro li{display:flex;align-items:center;gap:11px;margin:9px 0;font:600 13px/1.5 var(--sans)}
.contact-intro i{font-size:21px}
.contact-form{background:#080808;color:#fff;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;box-shadow:0 18px 42px rgba(0,0,0,.14)}
.form-trap{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.form-field{min-width:0}
.form-field-wide{grid-column:1/-1}
.form-field label{display:flex;align-items:center;gap:9px;margin:0 0 8px;font:600 13px/1.5 var(--sans)}
.form-field label small{background:var(--yellow);color:#000;padding:3px 6px;font:700 10px/1 var(--sans)}
.form-field label span{color:#999;font-size:11px}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #505050;border-radius:0;background:#111;color:#fff;padding:13px 14px;font:400 15px/1.6 var(--sans);outline:none;transition:border-color .2s,box-shadow .2s}
.form-field select{height:52px;color-scheme:dark}
.form-field textarea{resize:vertical;min-height:135px}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 2px rgba(242,218,0,.18)}
.form-field input:user-invalid,.form-field select:user-invalid,.form-field textarea:user-invalid{border-color:#ff766f}
.form-field textarea::placeholder{color:#777}
.form-consent{display:flex;align-items:flex-start;gap:11px;color:#c9c9c9;font:400 12px/1.7 var(--sans);cursor:pointer}
.form-consent input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--yellow);flex:0 0 auto}
.form-submit{display:flex;align-items:center;gap:20px}
.contact-form .button-dark{min-width:310px;border:1px solid var(--yellow);background:var(--yellow);color:#000;cursor:pointer}
.contact-form .button-dark:hover{background:#fff;border-color:#fff}
.contact-form .button-dark:disabled{opacity:.62;cursor:wait;transform:none}
.form-status{margin:0!important;color:#d7d7d7!important;font:500 12px/1.6 var(--sans)!important}
.form-status.is-error{color:#ff9a94!important}
.form-status.is-success{color:#b8eeaa!important}
@media(max-width:980px){
  .contact-section{margin:18px 22px 50px;grid-template-columns:1fr;padding:44px clamp(24px,6vw,52px)}
  .contact-intro>p:not(.contact-kicker){max-width:680px}
}
@media(max-width:650px){
  .contact-section{margin:0;padding:38px 20px;display:grid}
  .contact-form{grid-template-columns:1fr;padding:24px 18px;gap:20px}
  .form-field-wide{grid-column:auto}
  .form-submit{display:block}
  .contact-form .button-dark{width:100%;min-width:0;margin:0}
  .form-status{margin-top:12px!important}
}