#content.contact-page{width:min(100%,868px);max-width:868px;margin-inline:auto;padding:64px 24px}
#content.contact-page .section-heading{padding:0;margin:0;max-width:none}
#content.contact-page .section-heading h1{margin:24px 0 30px;font-size:clamp(28px,3vw,38px);line-height:1.3}
#content.contact-page .intro{max-width:none;margin:0 0 32px;padding:0}
#content.contact-page .contact-form{max-width:none;margin:0;padding:0}
#content.contact-page label{margin:0 0 18px}
#content.contact-page .contact-error{display:block;margin:6px 0 0;color:var(--dw-color-error);font-size:var(--dw-size-error);font-weight:400;line-height:1.5}
#content.contact-page [aria-invalid=true]{border-color:var(--dw-color-error)}
#content.contact-page input[type=submit]{margin-top:8px}
@media(max-width:760px){#content.contact-page{padding:36px 24px}}

/* Keep shared viewport gutters from narrowing this centered form. */
#content.contact-page>.section-heading{display:block;width:100%;padding-inline:0!important}
#content.contact-page>.section-heading>h1,#content.contact-page>.section-heading>.eyebrow{width:100%;max-width:none}
#content.contact-page>.intro,#content.contact-page>.contact-form{width:100%;max-width:none;margin-inline:0;padding-inline:0}

#content>.contact-banner{width:100%;max-width:none;margin:0;padding:0}
#content>.contact-banner img{display:block;width:100%;height:auto;max-height:480px;aspect-ratio:auto;object-fit:cover}
#content>.contact-page-intro{box-sizing:border-box;width:100%;max-width:820px;margin:0 auto 24px;padding:0}
@media(max-width:760px){#content>.contact-page-intro{width:calc(100% - 44px)}}

#content#content.contact-page{box-sizing:border-box;width:100%;max-width:none;margin-inline:0;padding:0 0 64px}
#content#content.contact-page>.contact-banner{width:100%;max-width:none;margin:0;padding:0}
#content#content.contact-page>:is(.section-heading,.intro,.contact-form){box-sizing:border-box;width:calc(100% - 44px);max-width:820px;margin-inline:auto;padding-inline:0!important}
#content#content.contact-page>.section-heading{margin-top:48px}
@media(max-width:760px){#content#content.contact-page>.section-heading{margin-top:32px}}

@media(max-width:760px){#content>.contact-banner img{max-height:260px}}
dialog.dh-contact-result #contact-result-message{white-space:pre-line;text-align:left;line-height:1.7}
