/* Zolto — contact page (pages/contact-us/page.css) */

.contact-layout{align-items:start}

.contact-form{display:flex;flex-direction:column;gap:var(--space-m)}
.contact-form__row{display:flex;flex-direction:column;gap:var(--space-2xs)}
.contact-form__row label{
  font-family:var(--font-text);font-size:var(--step--1);font-weight:600;
  letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-2);
}
.contact-form input,.contact-form select,.contact-form textarea{
  font-family:var(--font-text);font-size:var(--step-0);color:var(--ink);
  background:var(--ivory-2);border:1px solid var(--line);border-radius:var(--r);
  padding:var(--space-xs) var(--space-s);
}
.contact-form textarea{resize:none;line-height:1.6}
.contact-form button{align-self:flex-start;margin-top:var(--space-2xs)}
.contact-form__note{font-size:var(--step--1);color:var(--ink-3);max-width:52ch}

.contact-info__grid{margin-top:var(--space-l)}
.contact-info__grid h5{margin-bottom:var(--space-2xs)}
.contact-info__grid p{color:var(--ink-2)}

.contact-close{max-width:60ch}

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