.contact-section { max-width: 680px; min-height: 70vh; }
.contact-section h1 { font-size: clamp(42px, 6vw, 64px); }
.contact-form { display: grid; gap: 24px; margin-top: 36px; }
.contact-form[hidden] { display: none; }
.contact-form label { display: grid; gap: 9px; font-size: 16px; }
.contact-form input:not([type="hidden"]), .contact-form textarea { width: 100%; padding: 14px 16px; border: 1px solid #c8c8cd; border-radius: 5px; background: #fff; color: var(--ink); font: inherit; }
.contact-form textarea { resize: vertical; }
.contact-form input:focus-visible, .contact-form textarea:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.contact-form button { justify-self: start; cursor: pointer; }
.contact-form button:disabled { opacity: .65; cursor: wait; }
.contact-status { margin-top: 28px; color: var(--ink); }