/* Contact */

.contact-layout{
  display: grid; gap: 20px;
  grid-template-columns: minmax(0, 280px) minmax(0, 480px);
  justify-content: center;
  align-items: start;
  margin: 28px auto 48px;
  max-width: 800px;
}
.contact-aside{
  background: rgba(230, 217, 200, .45);
  border-radius: 18px;
  padding: 20px 18px;
}
.contact-aside h2{margin: 0 0 8px; font-size: 18px; color: var(--burgundy)}
.contact-aside p{margin: 0; color: var(--ink-soft); font-size: 15px}

.contact-form{
  margin: 0;
  border: 1px solid var(--gold-dim); border-radius: 18px;
  padding: 24px 20px; background: #fff;
}

@media (max-width: 720px){
  .contact-layout{grid-template-columns: 1fr; max-width: 480px}
}