/* Compact enquiry layout: preserve the complete form and its validation states. */
.contact-compact-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px}
#service-form.contact-compact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:24px;border-radius:14px}
#service-form.contact-compact-form>h2{grid-column:1/-1;font-size:24px;line-height:1.25;max-width:none;margin:0 0 4px}
#service-form.contact-compact-form>.two{display:contents}
#service-form.contact-compact-form .form-field:has(input){display:flex;flex-direction:column}
#service-form.contact-compact-form .form-field input{margin-top:auto}
#service-form.contact-compact-form>.form-field:has(select),
#service-form.contact-compact-form>.form-field:has(textarea),
#service-form.contact-compact-form>button,
#service-form.contact-compact-form>.form-status,
#service-form.contact-compact-form>.contact-privacy{grid-column:1/-1}
#service-form.contact-compact-form label{font-size:14px;line-height:1.4;margin:0 0 4px}
#service-form.contact-compact-form :is(input,select,textarea){font-size:16px;line-height:1.4;padding:9px 11px;min-height:42px}
#service-form.contact-compact-form textarea{min-height:88px;resize:vertical}
#service-form.contact-compact-form .field-error[hidden]{display:none}
#service-form.contact-compact-form .field-error{min-height:0;margin-top:4px}
#service-form.contact-compact-form #contact-message-brief,
#service-form.contact-compact-form #service-message-help,
#service-form.contact-compact-form .contact-extra-help{font-size:13px;line-height:1.45;margin:7px 0 0}
#service-form.contact-compact-form .contact-extra-help summary{cursor:pointer;color:var(--teal);font-weight:700}
#service-form.contact-compact-form #service-project-help{font-size:13px;line-height:1.45;margin:6px 0 0}
#service-form.contact-compact-form>button{margin:0;min-height:44px;width:100%}
#service-form.contact-compact-form>.form-status{min-height:0;margin:0;font-size:14px;line-height:1.45}
#service-form.contact-compact-form>.form-status:empty{height:0; margin-top:-12px}
#service-form.contact-compact-form>.contact-privacy{margin:0;line-height:1.4}
#service-form.contact-compact-form>.contact-privacy small{display:block;font-size:12px;line-height:1.4}
.contact-compact-layout .contact-team-photo{margin-top:20px}
@media(min-width:761px){
 #service-form.contact-compact-form{align-self:stretch;grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto auto}
 #service-form.contact-compact-form>.form-field:has(textarea){display:flex;flex-direction:column}
 #service-form.contact-compact-form textarea{flex:1}
}
@media(max-width:760px){
 .contact-compact-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 #service-form.contact-compact-form{padding:16px;gap:8px 12px;scroll-margin-top:-22px}
 #service-form.contact-compact-form>h2{font-size:20px}
 #service-form.contact-compact-form label{font-size:13px}
 #service-form.contact-compact-form :is(input,select,textarea){min-height:42px;padding:8px}
 #service-form.contact-compact-form textarea{height:72px;min-height:72px}
 #service-form.contact-compact-form>.form-status:empty{margin-top:-8px}
}