.contact-honeypot{display:none}
.message-actions{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}
.message-actions .form-action{margin-top:12px}
.message-actions .form-action:disabled{cursor:wait;opacity:.55}
.message-actions [hidden]{display:none!important}
#message-status{outline-offset:7px}
#contact-email-fallback{margin:0 0 20px;font:400 14px/1.6 'DM Sans',sans-serif;color:#bdd2e6}
#contact-email-fallback[hidden]{display:none}

/* Form actions use the existing hero's outlined pill and original arrow. The
   20px type matches its rendered size under the site's shared action rule. */
#contact-view .form-action{display:inline-flex;align-items:center;justify-content:center;gap:22px;width:fit-content;max-width:100%;min-height:54px;padding:10px 22px 10px 28px;border:1px solid #fff5df9c;border-radius:999px;font:500 italic 20px/1.2 'Bodoni Moda',Georgia,serif!important;letter-spacing:-.02em;text-align:center;background:#07182d0b;color:var(--paper);isolation:isolate;transition:background-color .35s,color .35s,border-color .35s}
#contact-view .form-action>span{min-width:0}
#contact-view .form-action svg{display:block;flex:none;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transition:transform .45s var(--ease)}
#contact-view .form-action circle{fill:currentColor;stroke:none}
#contact-view .form-action path{stroke-dasharray:1;stroke-dashoffset:0}
#contact-view .form-action:is(:hover,:focus-visible):not(:disabled){background:var(--paper);color:#3b1b15;border-color:var(--paper)}
#contact-view .form-action:is(:hover,:focus-visible):not(:disabled) svg{transform:translate(2px,-2px)}
#contact-view .form-action:focus-visible{outline:1px solid var(--paper);outline-offset:5px}
#contact-view .form-action:active:not(:disabled){background:#ffe4be;opacity:1}
#contact-view .form-action:disabled{cursor:wait;opacity:.55}
#contact-view .form-action[hidden]{display:none!important}

/* These static profile marks are independent of the resting-sky icon clock. */
#contact-view .contact-profile-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px 28px;margin:30px 0 0}
#contact-view .contact-profile-links a{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:4px 0;color:var(--paper);font:500 italic 20px/1.2 'Bodoni Moda',Georgia,serif!important;letter-spacing:-.02em}
#contact-view .contact-profile-links a>span{margin:0;font:inherit}
#contact-view .contact-profile-icon{display:block;flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
#contact-view .contact-profile-links a:is(:hover,:focus-visible){color:#a8dcff}
#contact-view .contact-profile-links a:focus-visible{outline:1px solid var(--paper);outline-offset:5px}
#contact-view .contact-profile-links a:active{color:#ffe4be}

@media(max-width:700px){
 #contact-view .form-action{min-height:50px;gap:18px;padding-inline:23px}
 #contact-view .contact-profile-links{gap:8px 24px}
}
@media(prefers-reduced-motion:reduce){#contact-view .form-action,#contact-view .form-action svg{transition:none}}
body.reduced #contact-view .form-action,body.reduced #contact-view .form-action svg{transition:none}