/* Editorial contact form: generous rounded field panels inspired by the
   supplied reference, adapted to the 360 visual language. */
.contact .contact-form {
  width: 100%;
  max-width: none;
  margin-top: 58px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.contact .form-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr) minmax(0, 1fr);
  grid-template-rows: 154px 154px auto;
  gap: 12px;
}

.contact .contact-form .form-card {
  min-height: 0;
  padding: 23px 24px;
  justify-content: flex-start;
  gap: 17px;
  color: rgba(21, 21, 21, .82);
  border: 1px solid rgba(21, 21, 21, .32);
  border-radius: 27px;
  background: rgba(255, 255, 255, .18);
  font: 15.6px/1.15 var(--mono);
  letter-spacing: .065em;
}

.contact .form-name { grid-column: 1; grid-row: 1; }
.contact .form-company { grid-column: 1; grid-row: 2; }
.contact .form-message { grid-column: 2; grid-row: 1 / span 2; }
.contact .form-email { grid-column: 3; grid-row: 1; }
.contact .form-phone { grid-column: 3; grid-row: 2; }
.contact .form-service { grid-column: 1 / -1; grid-row: 3; min-height: 115px; }

.contact .contact-form input,
.contact .contact-form select,
.contact .contact-form textarea {
  padding: 0;
  color: #151515;
  border: 0;
  border-bottom: 1px solid rgba(21, 21, 21, .25);
  border-radius: 0;
  background: transparent;
  font: 17px/1.35 var(--sans);
}

.contact .contact-form textarea { flex: 1; min-height: 0; resize: none; }
.contact .contact-form select { cursor: pointer; }
.contact .contact-form input:focus,
.contact .contact-form select:focus,
.contact .contact-form textarea:focus { border-bottom-color: #f05a00; }

.contact .form-submit {
  min-width: 212px;
  margin-top: 22px;
  padding: 16px 24px;
  color: #fff;
  border: 1px solid #151515;
  border-radius: 999px;
  background: #151515;
  font: 15.6px var(--mono);
  letter-spacing: .08em;
}

.contact .form-submit:hover { opacity: 1; background: #f05a00; border-color: #f05a00; }
.contact .form-status { color: #151515; font: 15.6px/1.35 var(--mono); }

@media (max-width: 760px) {
  .contact .contact-form { margin-top: 38px; }
  .contact .form-grid { display: grid; grid-template-columns: 1fr; grid-template-rows: none; gap: 11px; }
  .contact .contact-form .form-card,
  .contact .form-name,
  .contact .form-company,
  .contact .form-message,
  .contact .form-email,
  .contact .form-phone,
  .contact .form-service { grid-column: auto; grid-row: auto; min-height: 116px; padding: 20px; }
  .contact .contact-form .form-message { min-height: 218px; }
  .contact .contact-form input,
  .contact .contact-form select,
  .contact .contact-form textarea { font-size: 16px; }
  .contact .form-submit { width: 100%; margin-top: 16px; }
}