/* M.A.T.E. form and detail patterns
   Lifted verbatim from the contact page of the corporate hub, where they are
   currently declared inline. Square 2px corners on inputs are deliberate: the only
   pill shapes in the system are buttons and chips. */
.form{display:grid;gap:22px;max-width:620px;margin-top:44px}
.form label{display:block;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:9px}
.form input,.form select,.form textarea{width:100%;font-family:inherit;font-size:17px;font-weight:300;color:var(--ink);background:#fff;border:1.5px solid var(--hair);border-radius:2px;padding:14px 16px;line-height:1.5}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--brand-primary);outline:none}
.form textarea{min-height:140px;resize:vertical}
.form .pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.form .req{color:var(--brand-primary)}
.form button{justify-self:start}
.form .note{font-size:14px;color:var(--ink-muted);max-width:56ch}
@media(max-width:560px){.form .pair{grid-template-columns:1fr}}
.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 56px;margin-top:44px;max-width:720px}
.detail-block h3{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-primary);margin:0 0 14px}
.detail-block p,.detail-block address{margin:0;font-size:17px;font-weight:300;font-style:normal;line-height:1.65;color:var(--ink)}
.detail-block p+p{margin-top:8px}
.detail-block .abn{margin-top:8px;font-size:15px;color:var(--ink-muted)}
.detail-note{display:block;font-size:14px;color:var(--ink-muted)}
@media(max-width:600px){.details{grid-template-columns:1fr;gap:34px}}