/* Contact page */

.page-hero {
    padding: 34px 0 18px;
    text-align: center;
  }
  
  .page-hero p {
    margin: 6px 0 0;
    color: var(--text-muted);
  }
  
  .contact-layout {
    display: grid;
    gap: 18px;
    padding: 18px 0 60px;
  }
  
  @media (min-width: 900px) {
    .contact-layout { grid-template-columns: 0.9fr 1.1fr; gap: 26px; }
  }
  
  .contact-card {
    padding: 24px;
    border-radius: 14px;
  }
  
  .contact-card p { margin: 0 0 10px; color: var(--text-muted); }
  
  .form {
    display: grid;
    gap: 12px;
  }
  
  .input, .textarea {
    width: 100%;
    padding: 12px 12px;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: #fff;
    font-size: 1rem;
    outline: none;
  }
  
  .textarea { min-height: 130px; resize: vertical; }