/* The contact panel uses strict 90-degree corners throughout. */
html body .page-page--contact .page-hero-actions .button,
html body .page-page--contact .contact-connect-shell,
html body .page-page--contact .contact-connect-shell *,
html body .page-page--contact .contact-connect-shell *::before,
html body .page-page--contact .contact-connect-shell *::after {
  border-radius: 0 !important;
}

html body .page-page--contact .contact-dialog {
  width: min(1100px, calc(100% - 32px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 1px solid rgba(37,59,54,.2);
  border-radius: 0 !important;
  background: #e1e6da;
  color: #253b36;
  overflow: auto;
}
.contact-dialog::backdrop { background: rgba(15,30,26,.65); }
html body .page-page--contact .contact-dialog .contact-connect-shell {
  width: 100%;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  border: 0;
  box-shadow: none;
}
html body .page-page--contact .contact-dialog .contact-connect-copy { min-height: 0; padding: 40px; }
html body .page-page--contact .contact-dialog h2 { font-size: clamp(40px, 5vw, 64px); }
html body .page-page--contact .contact-dialog .contact-form { padding: 48px 32px 32px; gap: 16px; }
html body .page-page--contact .contact-dialog input { min-height: 52px; padding: 12px 16px; }
html body .page-page--contact .contact-dialog textarea { min-height: 150px; padding: 12px 16px; }
html body .page-page--contact .contact-dialog-close {
  position: absolute; top: 6px; right: 8px; z-index: 2;
  width: 36px; height: 36px; padding: 0; border: 0; border-radius: 0;
  background: transparent; color: #253b36; font: 28px/1 sans-serif; cursor: pointer;
}
.contact-dialog-close:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
@media (max-width: 760px) {
  html body .page-page--contact .contact-dialog .contact-connect-shell { grid-template-columns: 1fr; }
  html body .page-page--contact .contact-dialog .contact-connect-copy { padding: 32px 24px 24px; }
  html body .page-page--contact .contact-dialog .contact-connect-copy p { margin-top: 16px; }
  html body .page-page--contact .contact-dialog .contact-form { padding: 24px; }
  html body .page-page--contact .contact-dialog-close { color: #fff; background: #253b36; }
}