.about-contact{margin-top:1.5em!important}.about-contact a{white-space:nowrap}
.ra-contact-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #65767d;border-radius:8px;background:#202629;color:#f7f7f5;box-shadow:0 24px 100px #0008;overflow:auto;font-family:"IBM Plex Sans",Arial,Helvetica,sans-serif}
.ra-contact-dialog::backdrop{background:rgba(13,17,19,.38);backdrop-filter:blur(4px)}
.ra-contact-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px 16px}
.ra-contact-heading h2{margin:0;font-family:"Bodoni Moda",Georgia,serif;font-weight:500;font-optical-sizing:auto;font-size:32px;line-height:1.2;color:#f7f7f5}
.ra-contact-close{width:40px;height:40px;display:grid;place-items:center;padding:0;background:none;border:0;color:#f7f7f5;font:30px/1 Arial,sans-serif;cursor:pointer}
.ra-contact-form{display:grid;gap:18px;padding:0 28px 28px}
.ra-contact-field{display:grid;gap:7px;font-size:13px;color:#dfe7ea}
.ra-contact-field input,.ra-contact-field textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #7e929b;border-radius:4px;padding:11px 12px;background:#171b1d;color:#f7f7f5;font:14px/1.5 "IBM Plex Sans",Arial,sans-serif}
.ra-contact-field textarea{min-height:140px;max-height:320px;resize:vertical}
.ra-contact-dialog :focus-visible{outline:2px solid #00e5e5;outline-offset:3px}
.ra-contact-status{margin:0;padding:12px 14px;border-left:2px solid #85d5d5;background:#2b353a;color:#dfe7ea;font-size:12px;line-height:1.55}
.ra-contact-status:empty{display:none}.ra-contact-status[data-state="error"]{border-color:#f4aaa6}.ra-contact-status[data-state="success"]{border-color:#00e5e5}
.ra-contact-submit{justify-self:start;min-height:44px;border:1px solid #85d5d5;border-radius:4px;padding:11px 20px;background:#dfe7ea;color:#171b1d;font:500 13px/1.3 "IBM Plex Sans",Arial,sans-serif;cursor:pointer}
.ra-contact-submit:disabled{background:#37454c;color:#c5d0d5;border-color:#697d87;cursor:not-allowed}
@media(max-width:520px){.ra-contact-heading{padding:22px 20px 14px}.ra-contact-form{padding:0 20px 22px;gap:16px}.ra-contact-heading h2{font-size:28px}.ra-contact-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}
@media(prefers-reduced-motion:reduce){.ra-contact-dialog::backdrop{backdrop-filter:none}}

