.contact-page .contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:72px;align-items:start;padding:72px 0 96px}
.contact-intro h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,6vw,76px);line-height:1;margin:18px 0 28px;letter-spacing:-.02em}
.contact-intro h1 em{color:var(--gold);font-style:italic}
.contact-intro p{font-size:17px;line-height:1.65;color:var(--muted);max-width:46ch;margin:0 0 18px}
.contact-intro .contact-note{font-size:13px}
.contact-linkedin{display:inline-block;margin-top:10px;font-weight:700;font-size:14px;color:var(--green);border-bottom:1px solid var(--gold);padding-bottom:2px}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:36px;box-shadow:0 18px 50px #252b4614}
.field{margin-bottom:20px}
.field label{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;color:var(--ink)}
.field label small{text-transform:none;letter-spacing:0;font-weight:500;color:var(--muted)}
.field input,.field textarea{width:100%;box-sizing:border-box;font:inherit;font-size:16px;color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:14px 16px;transition:border-color .2s,box-shadow .2s}
.field textarea{resize:vertical;min-height:150px;line-height:1.55}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #8b5da426}
.field.invalid input,.field.invalid textarea{border-color:#b3261e}
.field-error{min-height:0;margin:6px 0 0;font-size:13px;color:#b3261e}
.field-error:empty{display:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.button-dark{background:var(--green);color:#fff;border:0;cursor:pointer;font-family:inherit}
.button-dark:hover{transform:translateY(-2px);background:var(--green2)}
.button-dark[disabled]{opacity:.6;cursor:progress;transform:none}
.form-status{margin:18px 0 0;font-size:15px;line-height:1.5;min-height:22px}
.form-status.ok{color:#1d6b43;font-weight:700}
.form-status.err{color:#b3261e}
.contact-footer{border-top:1px solid var(--line);padding:26px 0;font-size:13px;color:var(--muted)}
.contact-footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media (max-width:860px){.contact-page .contact-layout{grid-template-columns:1fr;gap:36px;padding:44px 0 64px}.contact-card{padding:24px;border-radius:22px}}
