body.brand-preview section.contact-page {
  display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:44px;
  padding:30px 46px 42px;background:transparent;border:0;align-items:start;
}
.contact-page :is(h2,p) { margin-top:0; }
.contact-page h2 { margin-bottom:12px;font-size:26px;font-weight:500;letter-spacing:-.4px; }
.contact-page .contact-intro { max-width:48ch;color:#b3c9dc;line-height:1.7;margin-bottom:28px; }
.contact-page .contact-label { margin:0 0 15px;color:#a9d5f4;font:600 11px/1.6 monospace;letter-spacing:1.4px;text-transform:uppercase; }
.contact-page form { margin:0; }
.contact-page fieldset { display:grid;gap:19px;margin:0;padding:0;border:0;min-width:0; }
.contact-page .contact-pair { display:grid;grid-template-columns:1fr 1fr;gap:18px; }
.contact-page label { display:block;color:#e3effa;font:500 15px/1.6 var(--portfolio-text-font,Arial,sans-serif); }
.contact-page label span { color:#b3c9dc;font-weight:400;font-size:13px; }
.contact-page :is(input,textarea) {
  display:block;width:100%;min-height:46px;margin-top:7px;padding:11px 13px;
  border:1px solid #749ab8;border-radius:2px;background:#07111c9c;color:#edf3fb;
  font:400 16px/1.6 var(--portfolio-text-font,Arial,sans-serif);box-sizing:border-box;
}
.contact-page textarea { resize:vertical;min-height:164px; }
.contact-page :is(input,textarea)::placeholder { color:#abc2d5;opacity:1; }
.contact-page :is(input,textarea):focus-visible { outline:3px solid #a9d9ff;outline-offset:3px; }
.contact-page :is(input,textarea)[aria-invalid=true] { border-color:#ffc58d; }
.contact-page .contact-field-error { display:block;color:#ffd1a3;font-size:14px;line-height:1.5;margin-top:5px; }
.contact-page .contact-field-error:empty { display:none; }
.contact-page .contact-trap { position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden; }
.contact-page .contact-verification { margin:22px 0 12px;min-height:0;max-width:100%; }
.contact-page .contact-actions { display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:21px 0 0; }
.contact-page .contact-send,.contact-page .contact-email-button {
  display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;
  padding:10px 19px;border:1px solid #75b9e5;border-radius:2px;background:#1c4969b3;
  color:#edf5ff;font:600 16px/1.5 var(--portfolio-text-font,Arial,sans-serif);cursor:pointer;text-decoration:none;
}
.contact-page .contact-send:hover,.contact-page .contact-email-button:hover { background:#275d80; }
.contact-page .contact-send:disabled { opacity:.65;cursor:wait; }
.contact-page .contact-note { color:#b3c9dc;font-size:13px;line-height:1.65;margin:15px 0 0;max-width:58ch; }
.contact-page .contact-status { color:#dcefff;font-size:15px;line-height:1.6;margin:16px 0 0; }
.contact-page .contact-status:empty { display:none; }
.contact-page .contact-status[data-state=error],.contact-page .contact-status[data-state=verification-error] { color:#ffd1a3; }
.contact-page .contact-status[data-state=success] { color:#b8f2d5; }
.contact-page .contact-status:focus { outline:2px solid currentColor;outline-offset:5px; }
.contact-page .contact-direct { padding:2px 0 0 30px;border-left:1px solid #406783;min-width:0; }
.contact-page .contact-address { display:inline-block;max-width:100%;color:#c2e4ff;font-size:clamp(20px,2.1vw,29px);line-height:1.5;letter-spacing:-.4px;overflow-wrap:anywhere;text-underline-offset:6px;text-decoration-thickness:1px; }
.contact-page .contact-direct .contact-intro { margin-bottom:20px; }
.contact-page .contact-direct .contact-actions { margin-top:26px;gap:12px; }
.contact-page .contact-copy { min-height:44px;padding:9px 13px;border:1px solid #749ab8;border-radius:2px;background:transparent;color:#d6eaff;font:500 14px/1.6 var(--portfolio-text-font,Arial,sans-serif);cursor:pointer; }
.contact-page .contact-copy:hover { background:#16364b88; }
.contact-page .contact-copy[hidden] { display:none; }
.contact-page .contact-copy-status { min-height:24px;margin:12px 0;color:#c3e6ff;font-size:14px;line-height:1.6; }
@media(max-width:1150px) { body.brand-preview section.contact-page { padding:28px 30px 38px;gap:32px; } }
@media(max-width:820px) { body.brand-preview section.contact-page { grid-template-columns:1fr;gap:34px; }.contact-page .contact-direct { border-left:0;border-top:1px solid #406783;padding:29px 0 0; }.contact-page .contact-address { font-size:26px; } }
@media(max-width:750px) { body.brand-preview section.contact-page { padding:24px 20px 32px; }.contact-page h2 { font-size:24px; } }
@media(max-width:480px) { .contact-page .contact-pair { grid-template-columns:1fr;gap:19px; }.contact-page .contact-address { font-size:23px; } }
@media(forced-colors:active) { .contact-page :is(input,textarea,button,.contact-email-button) { border:2px solid ButtonText; }.contact-page :is(input,textarea):focus-visible { outline:3px solid Highlight; } }