/* Contact message field — RO and EN, desktop and mobile. */
#contact-form .message-field{display:block;margin:25px 0 18px;letter-spacing:normal;text-transform:none;color:#132a45}
#contact-form .message-field-label{display:flex;align-items:center;gap:10px;margin-bottom:11px;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:normal;text-transform:none}
#contact-form .message-pen{display:block;flex:0 0 26px;width:26px;height:30px;color:#7a602d}
#contact-form .message-field textarea{display:block;box-sizing:border-box;width:100%;min-height:210px;margin:0;padding:18px 20px;border:1px solid #827662;border-radius:0;background:#fffefa;color:#132a45;font:400 16px/1.65 Arial,sans-serif;letter-spacing:normal;resize:vertical;box-shadow:0 1px 0 #132a4508;scroll-margin-top:120px}
#contact-form .message-field textarea::placeholder{color:#62666c;opacity:1}
#contact-form .message-field textarea:hover{border-color:#7a602d}
#contact-form .message-field textarea:focus{border-color:#132a45;outline:2px solid #132a45;outline-offset:3px;background:#fff}
@media(max-width:600px){#contact-form .message-field textarea{min-height:220px;padding:16px;font-size:16px}#contact-form .message-field-label{font-size:15px}}

/* Small fountain pen nib. Motion occurs once on focus or hover. */
#contact-form .message-pen-writing{flex:0 0 18px;width:18px;height:22px;overflow:visible;color:#7a602d}
#contact-form .message-field-label{gap:8px;min-height:26px}
#contact-form .message-ink{stroke-dasharray:57;stroke-dashoffset:0}
#contact-form .message-writing-tool{transform-box:fill-box;transform-origin:10% 90%}
#contact-form .message-field:focus-within .message-ink{animation:murar-ink-write 1.1s cubic-bezier(.25,.1,.25,1) both}
#contact-form .message-field:focus-within .message-writing-tool{animation:murar-pen-write 1.1s ease-in-out both}
@media(hover:hover){#contact-form .message-field:hover:not(:focus-within) .message-ink{animation:murar-ink-write 1.1s cubic-bezier(.25,.1,.25,1) both}#contact-form .message-field:hover:not(:focus-within) .message-writing-tool{animation:murar-pen-write 1.1s ease-in-out both}}
@keyframes murar-ink-write{from{stroke-dashoffset:57}to{stroke-dashoffset:0}}
@keyframes murar-pen-write{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(1.5px,-.8px) rotate(-2deg)}55%{transform:translate(3px,.5px) rotate(1.5deg)}78%{transform:translate(1px,-.6px) rotate(-1deg)}}
@media(prefers-reduced-motion:reduce){#contact-form .message-ink,#contact-form .message-writing-tool{animation:none!important}}