/* Contact form: separate from the shared portfolio styles. */
#contact .section-content { min-width:0; }
#contact .contact-intro { font:17px/1.75 Arial,sans-serif; margin:0 0 28px; }
#contact .contact-form { width:100%; max-width:860px; display:grid; gap:24px; }
#contact .contact-form-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
#contact .contact-field { display:grid; gap:10px; min-width:0; }
#contact label { font:600 15px/1.5 Arial,sans-serif; color:#211d1c; }
#contact :is(input:not([type=hidden]),textarea) { box-sizing:border-box; width:100%; min-width:0; border:1px solid #9b8d86; border-radius:10px; background:#fffdfb; color:#211d1c; font:17px/1.6 Arial,sans-serif; padding:13px 16px; }
#contact textarea { resize:vertical; min-height:180px; }
#contact .contact-submit { justify-self:start; min-height:48px; padding:13px 24px; border:1px solid #211d1c; border-radius:30px; background:#211d1c; color:#fffdfb; font:600 15px/1.5 Arial,sans-serif; cursor:pointer; }
#contact .contact-submit:hover { background:#fffdfb; color:#211d1c; }
#contact :is(input,textarea,button):focus-visible { outline:3px solid #8b3838; outline-offset:4px; }
#contact .contact-honeypot { display:none; }
.contact-confirmation { max-width:700px; margin:clamp(40px,10vw,120px) auto; padding:0 24px; }
.contact-confirmation h1 { font:400 clamp(36px,6vw,64px)/1.2 'Amoria',Georgia,serif; }
.contact-confirmation p,.contact-confirmation a { font:17px/1.75 Arial,sans-serif; color:#211d1c; }
.contact-confirmation a { text-underline-offset:5px; }
@media(max-width:650px) { #contact .contact-form-row { grid-template-columns:minmax(0,1fr); } }

/* Center the complete contact section within the page. */
#contact.contact-section { text-align:center; }
#contact .section-heading { width:100%; margin-left:auto; margin-right:auto; text-align:center; }
#contact .section-content { width:100%; max-width:860px; margin-left:auto; margin-right:auto; text-align:center; }
#contact .contact-form { margin-left:auto; margin-right:auto; }
#contact .contact-field { text-align:left; }
#contact .contact-submit { justify-self:center; }