.website .contact-layout{--contact-gap:clamp(32px, 5vw, 72px);grid-template-areas:"intro intro intro intro intro"".guidance.form."}.website .contact-intro{grid-area:intro}.website .contact-guidance.contact-part{grid-area:guidance}.website .contact-form-part{grid-area:form;scroll-margin-top:110px}.website .contact-layout .contact-part{padding-block:56px 80px}.website .contact-layout .enquiry-card{border-top:3px solid var(--primary)}.website .contact-layout .form-heading p{margin-bottom:12px}.website .quote-expectation{color:var(--muted-foreground);margin-bottom:20px;font-size:13px}.website .contact-layout .quote-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.website .contact-layout .quote-progress button{min-height:60px;font-size:13px}.website .quote-progress button:disabled{cursor:default}.website .quote-progress button:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.website .quote-progress button:not(:disabled):hover{color:var(--primary)}.website .contact-layout :is(input,textarea,[role=combobox]){min-height:48px;font-size:16px}.website .contact-layout :is(.review-panel dd,.review-panel>p){overflow-wrap:anywhere}.website .contact-layout .form-bottom{border-top:1px solid var(--border);padding-top:24px}.website .contact-layout .form-heading h2{scroll-margin-top:110px}@media (max-width:767px){.website .contact-layout{--contact-gutter:max(20px, env(safe-area-inset-left), env(safe-area-inset-right));grid-template-areas:"intro intro intro"".form."".guidance."}.website .contact-layout .contact-intro .page-intro{padding-block:32px}.website .contact-layout .contact-form-part{padding-block:28px 40px}.website .contact-layout .enquiry-card{background:0 0;border:0;padding:0}.website .contact-layout .enquiry-card [data-slot=card-content]{padding:0}.website .contact-layout .contact-guidance{border-top:1px solid var(--border);padding-block:32px 48px}.website .contact-layout .contact-guidance h2{font-size:32px}.website .contact-layout .quote-progress{gap:8px}.website .contact-layout .quote-progress button{font-size:12px}.website .contact-layout .form-bottom{align-items:stretch;gap:16px}.website .contact-layout .form-bottom>.action-link{width:100%}.website .contact-layout .form-buttons{flex-direction:column-reverse;gap:12px;display:flex}.website .contact-layout .form-buttons>button{width:100%;min-height:48px}}
