.contact{align-items:start}.contact-note{max-width:28rem;margin:1.5rem 0 0;font:1.1rem/1.5 var(--serif)}.contact-form{display:grid;gap:.55rem;max-width:32rem}.contact-form label{font:700 .65rem var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--crimson)}.contact-form input,.contact-form textarea{width:100%;border:1px solid #b8a99d;background:#fffaf0;color:var(--black);border-radius:0;padding:.8rem;font:1rem/1.4 var(--serif)}.contact-form textarea{resize:vertical;min-height:8rem}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--red);outline-offset:2px}.contact-form .button{justify-self:start;border:0;cursor:pointer;margin-top:.7rem}.form-note{font:.78rem/1.4 var(--sans);color:#6d5a4c}.form-trap,.form-trap~.form-trap{display:none!important}.form-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}@media(min-width:801px){.contact-form{transform:translateY(clamp(10rem,12vw,12rem))}}@media(max-width:800px){.contact-form{max-width:none;transform:none}}
/* Contact alignment: the form follows the second editorial headline line on desktop. */
@media (min-width: 801px) {
  .contact-form { margin-top: clamp(12rem, 16vw, 16rem); transform: none; }
}
@media (max-width: 800px) {
  .contact-form { margin-top: 0; transform: none; }
}

/* Contact form rhythm: one readable column, with labels directly above their fields. */
@media (min-width: 801px) {
  #contact.contact .contact-form {
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: clamp(5rem, 7vw, 7rem);
    transform: none;
  }
  #contact.contact .contact-form textarea,
  #contact.contact .contact-form .button,
  #contact.contact .contact-form .form-note {
    grid-column: auto;
    grid-row: auto;
  }
}
@media (max-width: 800px) {
  #contact.contact .contact-form {
    grid-template-columns: 1fr;
    margin-top: 0;
    transform: none;
  }
  #contact.contact .contact-form textarea,
  #contact.contact .contact-form .button,
  #contact.contact .contact-form .form-note {
    grid-column: auto;
    grid-row: auto;
  }
}