/* One-shot send confirmation; the form remains in flow to hold the card's size. */
#contact .contact-success[hidden]{display:none}
#contact .contact-success{position:absolute;inset:0;padding:30px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
#contact .is-sent #contact-form-content{visibility:hidden;pointer-events:none}
#contact .is-sent .contact-form-note{opacity:0}
#contact .contact-send-art{display:block;flex-shrink:0;width:min(100%,340px);height:auto;overflow:visible;margin:-36px 0 -22px}
#contact .contact-send-plane{
 opacity:0;transform-box:view-box;transform-origin:0 0;
 offset-path:path("M180 230 A95 95 0 0 0 180 40 A95 95 0 0 0 180 230 A95 95 0 0 0 247.175 202.175");
 offset-position:0px 0px;offset-anchor:0px 0px;offset-rotate:auto 42deg;
}
#contact .contact-send-check{stroke-dasharray:1;stroke-dashoffset:0}
#contact .contact-success-copy{max-width:320px}
#contact .contact-success h3{margin:0 0 16px;color:#f4f9fc;font:400 clamp(28px,3vw,38px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-1.2px;outline:none}
#contact .contact-success p{margin:0;color:#b9d3e6;font:400 16px/1.65 'Space Grotesk',sans-serif}
#contact .contact-send-another{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;margin-top:32px;padding:11px 20px;border:0;border-radius:999px;background:linear-gradient(135deg,#8cecff 0%,#00d9ff 50%,#00b8db 100%);color:#000;box-shadow:0 10px 30px #00d9ff2a;font:700 14px/22px 'Space Grotesk',sans-serif;cursor:pointer;transition:transform .25s,box-shadow .25s}
#contact .contact-send-another:hover{transform:translateY(-2px);box-shadow:0 14px 40px #00d9ff50}
#contact .contact-send-another:focus-visible{outline:2px solid #8ed9e9;outline-offset:4px}
#contact .is-sent .contact-send-plane{animation:contact-plane-flight 1.5s linear both}
#contact .is-sent .contact-send-check{animation:contact-check-draw .3s 1.32s ease-out both}
#contact .is-sent .contact-success-copy{animation:contact-sent-copy .2s 1.36s ease-out both}
/* A constant-radius loop keeps both forward speed and turning rate even. */
@keyframes contact-plane-flight{
 from{offset-distance:0%;transform:scale(1.15)}
 to{offset-distance:100%;transform:scale(.02)}
 0%,92%{opacity:1}
 100%{opacity:0}
}
@keyframes contact-check-draw{from{stroke-dashoffset:1;opacity:0}1%{opacity:1}to{stroke-dashoffset:0;opacity:1}}
@keyframes contact-sent-copy{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
 #contact .is-sent .contact-send-plane{animation:none;opacity:0}
 #contact .is-sent .contact-send-check,#contact .is-sent .contact-success-copy{animation:none}
 #contact .contact-send-another{transition:none}
}

@media(prefers-reduced-motion:reduce){#contact .contact-send-another:hover{transform:none}}