.contact-page { padding-top: 36px; }
.contact-page-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px,6vw,80px); margin-top: 36px; align-items: start; }
.contact-page-intro h1 { font-size: clamp(34px,4vw,49px); line-height: 1.13; }
.contact-page-intro > p { font-size: 19px; line-height: 1.4; margin-top: 24px; }
.contact-email { display: inline-block; font-size: 22px; margin-top: 30px; text-decoration: underline; text-underline-offset: 5px; overflow-wrap: anywhere; }
.contact-page-intro .contact-page-phone { font-size: 21px; margin-top: 10px; }
.contact-form { background: var(--paper); border: 1px solid var(--line); padding: clamp(24px,3vw,38px); }
.contact-field { display: block; font-size: 17px; margin-bottom: 20px; }
.contact-field input, .contact-field textarea { display: block; width: 100%; margin-top: 8px; padding: 12px; border: 1px solid var(--line); background: #fffefa; color: #30372c; border-radius: 0; font: inherit; font-size: 18px; line-height: 1.4; }
.contact-field textarea { resize: vertical; min-height: 150px; }
.contact-field input:focus, .contact-field textarea:focus { outline: 2px solid var(--ink); outline-offset: 2px; }
.form-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.contact-thanks { max-width: 780px; min-height: 55vh; }
.contact-thanks p { font-size: 19px; margin: 24px 0; }
@media(max-width:760px) { .contact-page-grid { grid-template-columns: 1fr; } .contact-page-intro > p { font-size: 18px; } }