.contact {
  padding-block: var(--section-pad-y);
  position: relative;
}
.contact__inner {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--space-7);
  align-items: start;
}
.contact__copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  max-width: 534px;
}
.contact__title {
  font: 500 clamp(36px, 5vw, 60px)/1.08 var(--font-sans);
  letter-spacing: -0.02em;
}
.contact__body {
  font: 500 20px/1.55 var(--font-sans);
  color: var(--color-text);
}
@media (max-width: 1023px) {
  .contact__inner { grid-template-columns: 1fr; }
}