.scratch-contact__grid {
  display: grid;
  grid-template-columns: minmax(240px, 0.8fr) minmax(280px, 1fr);
  gap: clamp(24px, 6vw, 72px);
}

.scratch-contact__details {
  display: grid;
  gap: 8px;
  margin-top: 28px;
}

.scratch-contact__details p {
  margin: 0;
}

.scratch-form {
  display: grid;
  gap: 14px;
  border: 1px solid var(--ocf-border-light, #edf0f5);
  border-radius: 8px;
  padding: clamp(20px, 4vw, 32px);
  background: #fff;
}

.scratch-form label {
  display: grid;
  gap: 6px;
  color: var(--ocf-heading, #161616);
  font-weight: 700;
}

.scratch-form input,
.scratch-form textarea {
  width: 100%;
  border: 1px solid var(--ocf-border, #d9dde5);
  border-radius: 6px;
  padding: 11px 12px;
  color: var(--ocf-body, #404040);
  font: inherit;
}

@media (max-width: 820px) {
  .scratch-contact__grid {
    grid-template-columns: 1fr;
  }
}