/* Contact is a short route into a conversation, with the form ahead of secondary details. */
.contact-page{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;column-gap:96px;row-gap:32px;align-items:start;padding-block:64px 72px}
.contact-copy{grid-column:1;grid-row:1;min-width:0}
.contact-copy h1{max-width:12ch;text-wrap:balance}
.contact-intro{font-size:17px;line-height:1.65;color:var(--muted);margin-top:24px!important;max-width:32ch}
.contact-email{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:12px;font-size:clamp(16px,1.7vw,22px);line-height:1.5;color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.contact-page .icon{width:16px;height:16px;flex:none}
.contact-email:hover,.contact-details a:hover{text-decoration-thickness:2px}
.contact-page .enquiry-form{grid-column:2;grid-row:1/span 2;min-width:0;border-top:0;padding-top:0}
.contact-page .enquiry-form h2{margin-bottom:24px}
.contact-page .field input,.contact-page .field textarea{border-color:color-mix(in srgb,var(--ink) 54%,var(--paper))}
.contact-page .field input:focus,.contact-page .field textarea:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}
.contact-details{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px;line-height:1.6;color:var(--muted)}
.contact-details a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--accent);text-underline-offset:4px}
@media(max-width:1100px){.contact-page{column-gap:48px}}
@media(max-width:760px){
  .contact-page{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:28px;padding-block:32px 40px}
  .contact-copy h1{max-width:none;text-wrap:pretty}
  .contact-intro{margin-top:16px!important;font-size:16px;max-width:none}
  .contact-email{font-size:18px;margin-top:6px}
  .contact-page .enquiry-form{grid-column:1;grid-row:2;border-top:1px solid var(--line);padding-top:24px}
  .contact-page .enquiry-form h2{margin-bottom:20px}
  .contact-page .field-pair{grid-template-columns:minmax(0,1fr);gap:0}
  .contact-page .field{margin-bottom:18px}
  .contact-page .field textarea{min-height:144px}
  .contact-details{grid-column:1;grid-row:3;border-top:1px solid var(--line);padding-top:20px;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 20px}
}