/* Contact controls and direct contact details. */
.form{display:flex;flex-direction:column;gap:18px}
.field label{display:block;font-weight:600;font-size:13px;color:var(--ink);margin-bottom:8px}
.field input,.field textarea{width:100%;padding:14px 16px;font-family:var(--body);font-size:16px;border:1px solid #9baa9f;border-radius:4px;background:var(--white);color:var(--ink)}
.field input:focus,.field textarea:focus{outline:2px solid var(--red);border-color:var(--red)}
.field textarea{resize:vertical;min-height:130px}
.contact-info{display:flex;flex-direction:column;gap:26px}
.contact-info__item{border-top:1px solid var(--line);padding-top:18px}
.contact-info__item span{display:block;font-size:13px;color:var(--steel);margin-bottom:12px}
.contact-info__item a,.contact-info__item p{font-weight:400;font-size:15px;margin:0;color:var(--ink)}
.contact-info__item a{font-size:15px}
.contact-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;max-width:48%}
.contact-shortcuts .btn{min-height:48px}
@media(max-width:800px){.contact-shortcuts{max-width:none}}

/* Compact introduction without photography. */
.page-contact .contact-heading{min-height:0;padding:56px 0;display:block}
.page-contact .contact-heading .container{padding-top:0;padding-bottom:0}
.page-contact .contact-heading p{width:auto;max-width:54ch}
.page-contact .contact-shortcuts{max-width:none}
@media(max-width:520px){.page-contact .contact-heading{padding:38px 0}}