#contact-dialog{width:min(1080px,calc(100% - 40px));max-height:calc(100dvh - 40px);overflow:auto;background:#fff}
#contact-dialog .contact-dialog-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);min-height:620px}
#contact-dialog .dialog-shell{padding:40px 42px 30px;min-width:0}
#contact-dialog .dialog-close{width:40px;height:40px;z-index:2;top:14px;right:14px}
#contact-dialog .dialog-intro{padding-right:12px}
#contact-dialog .dialog-intro h2{font-size:38px;line-height:1.12;margin-top:12px}
#contact-dialog .dialog-intro>p:last-child{font-size:13px;line-height:1.6;margin:12px 0 27px}
#contact-dialog .contact-visual{position:relative;margin:0;min-width:0;overflow:hidden;background:#063b88}
#contact-dialog .contact-visual>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
#contact-dialog .contact-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,#063b8855 72%,#063b88eb 100%);pointer-events:none}
#contact-dialog .contact-visual>figcaption{position:absolute;left:30px;right:24px;bottom:33px;z-index:1;color:#fff;font-family:'Source Sans Pro',Arial,sans-serif;font-size:30px;font-weight:300;line-height:1.12;text-wrap:balance}
#contact-dialog form label{font-size:12px}
#contact-dialog .form-note{font-size:11px;line-height:1.6}
#contact-dialog .form-actions{gap:12px}
#contact-dialog .form-actions .button{font-size:11px;min-height:48px;white-space:normal}
#contact-dialog .dialog-close:focus-visible{outline:2px solid #078bb6;outline-offset:3px}
@media(max-width:900px){
  #contact-dialog{width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 32px)}
  #contact-dialog .contact-dialog-layout{grid-template-columns:1fr;min-height:0}
  #contact-dialog .dialog-shell{padding:34px 32px 26px;order:0}
  #contact-dialog .contact-visual{order:1;min-height:280px}
  #contact-dialog .contact-visual>img{object-position:50% 15%}
  #contact-dialog .contact-visual::after{background:none}
  #contact-dialog .contact-visual>figcaption{display:none}
}
@media(max-width:520px){
  #contact-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:20px}
  #contact-dialog .dialog-shell{padding:32px 22px 22px}
  #contact-dialog .dialog-intro{padding-right:22px}
  #contact-dialog .dialog-intro h2{font-size:33px}
  #contact-dialog .dialog-intro>p:last-child{font-size:13px;margin-bottom:24px}
  #contact-dialog .form-row{grid-template-columns:1fr;gap:0}
  #contact-dialog form label{font-size:12px;margin-bottom:15px}
  #contact-dialog input,#contact-dialog select,#contact-dialog textarea{font-size:16px}
  #contact-dialog .form-actions{flex-direction:column;gap:10px}
  #contact-dialog .form-actions .button{font-size:12px;min-height:48px}
  #contact-dialog .gw-recaptcha-note{font-size:11px!important;margin-bottom:0}
  #contact-dialog .contact-visual{min-height:340px}
}