/* Keep the original layout and make entrance content visible without hydration. */
[style*="will-change:transform"][style*="opacity:0;"] { opacity: 1 !important; transform: none !important; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid #2a29ff; outline-offset: 4px; }
button[type="submit"] { cursor: pointer; }
.contact-message { display: block; width: 100%; min-height: 120px; resize: vertical; border: 0; border-radius: 24px; background: #f6f6f6; color: #171717; padding: 20px 28px; font: 15px/1.5 Manrope, sans-serif; }
.contact-message::placeholder { color: #666; opacity: 1; }
.contact-honeypot { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; padding: 0 !important; border: 0 !important; }
.contact-status { width: 100%; font: 14px/1.5 Manrope, sans-serif; text-align: center; color: #333; }
.contact-status:empty { display: none; }
.contact-status[data-state="error"] { color: #9f2424; }
button:disabled { cursor: wait; opacity: .65; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
.archive-note{padding:12px 20px;background:#f6f6f6;color:#444;font:13px/1.6 Arial,sans-serif;text-align:center}.archive-note a{color:#2423d1;text-underline-offset:3px}