.contact-intro{margin:2rem 0;padding:2rem;background:var(--color-bg-highlight);border-radius:var(--radius);box-shadow:0 4px 12px rgba(0,0,0,.08);text-align:center}.contact-intro h1{font-family:Calistoga,cursive;font-size:clamp(1.8rem, 3vw, 2.8rem);color:var(--color-text);margin-bottom:.8rem}.contact-intro p{max-width:650px;margin:0 auto;font-size:min(1.1rem, 1.05rem)}.contact-intro p+p{margin-top:.8rem}.contact-intro a{color:var(--color-text);font-weight:700;text-decoration-thickness:2px;text-underline-offset:3px}.contact-section{width:min(760px,100%);margin:3rem auto}.contact-form{display:grid;gap:1.2rem;padding:2rem;background:rgba(153,188,207,.42);border:2px solid var(--color-text);border-radius:var(--radius)}.hp-field{display:none}.form-field{display:grid;gap:.45rem}.form-field label{font-family:Calistoga,cursive;color:var(--color-text);font-size:1rem}.form-field input,.form-field textarea{width:100%;border:2px solid rgba(157,19,41,.35);border-radius:10px;background:rgba(255,255,255,.84);color:var(--color-paragraph);font:1rem var(--font);padding:.85rem 1rem}.form-field textarea{resize:vertical;min-height:170px}.form-field input:focus,.form-field textarea:focus{outline:3px solid rgba(157,19,41,.16);border-color:var(--color-text)}.contact-submit{justify-self:start;border:0;cursor:pointer}.contact-submit:disabled{cursor:wait;opacity:.72;transform:none}.form-status{min-height:1.5rem;font-size:.96rem}.form-status.success{color:#28633c}.form-status.error{color:var(--color-text)}@media (max-width:600px){.contact-form,.contact-intro{padding:1.4rem}.contact-submit{justify-self:stretch;text-align:center}}