/* ==========================================================================
   CONTACT PAGE
   ========================================================================== */

.contact-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 60px;
}

.contact-info {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.contact-block { display: flex; flex-direction: column; gap: 8px; }
.contact-block .eyebrow { display: block; }
.contact-big { font-size: 1.4rem; font-weight: 500; }
.contact-big:hover { color: var(--signal-deep); }

.contact-form textarea {
  border: 1.5px solid var(--hairline);
  background: var(--paper-raised);
  padding: 13px 14px;
  font-size: 0.95rem;
  border-radius: var(--radius);
  font-family: inherit;
  resize: vertical;
  width: 100%;
}
.contact-form textarea:focus { border-color: var(--signal); outline: none; }

.form-note {
  font-size: 0.78rem;
  color: var(--slate);
  margin-top: 14px;
}

@media (max-width: 900px) {
  .contact-grid { grid-template-columns: 1fr; gap: 40px; }
}