.contact-page *,.contact-page :before,.contact-page :after{box-sizing:border-box;margin:0;padding:0}.contact-page{--bg:#f5f2ec;--bg2:#edeae2;--white:#fafaf8;--ink:#1c1a17;--ink2:#3d3a34;--mid:#7a7469;--ghost:#c4bfb5;--purple:#6b5ce7;--purple2:#eee9ff;--green:#2d7a4f;--green2:#e6f4ec;--border:#ddd8cf;background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:DM Sans,sans-serif;font-weight:300}.contact-page .page{max-width:680px;margin:0 auto;padding:80px 48px 100px}.contact-page .page-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--ghost);margin-bottom:14px;font-size:10px;font-weight:700}.contact-page .page-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:16px;font-family:Instrument Serif,serif;font-size:clamp(32px,4vw,46px);font-weight:400;line-height:1.1}.contact-page .page-title i{color:var(--mid);font-style:italic}.contact-page .page-sub{color:var(--mid);max-width:480px;margin-bottom:52px;font-size:15px;line-height:1.75}.contact-page .type-row{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.contact-page .type-btn{color:var(--mid);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:20px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;transition:all .15s}.contact-page .type-btn:hover{border-color:var(--ink2);color:var(--ink)}.contact-page .type-btn.active{background:var(--ink);border-color:var(--ink);color:var(--white)}.contact-page .form-section{margin-bottom:32px}.contact-page .form-section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--ghost);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:10px;font-size:9px;font-weight:700}.contact-page .form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-page .form-row.single{grid-template-columns:1fr}.contact-page .field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.contact-page .field:last-child{margin-bottom:0}.contact-page .field label{letter-spacing:.04em;color:var(--ink2);font-size:11px;font-weight:500}.contact-page .field label .optional{color:var(--ghost);letter-spacing:0;margin-left:4px;font-size:10px;font-weight:300}.contact-page .field input,.contact-page .field select,.contact-page .field textarea{width:100%;color:var(--ink);background:var(--bg);border:1px solid var(--border);appearance:none;border-radius:8px;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:300;transition:border-color .18s,background .18s}.contact-page .field input:focus,.contact-page .field select:focus,.contact-page .field textarea:focus{border-color:var(--ink2);background:var(--white);outline:none}.contact-page .field input::-moz-placeholder{color:var(--ghost)}.contact-page .field textarea::-moz-placeholder{color:var(--ghost)}.contact-page .field input::placeholder,.contact-page .field textarea::placeholder{color:var(--ghost)}.contact-page .field textarea{resize:vertical;min-height:120px;line-height:1.65}.contact-page .submit-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding-top:28px;display:flex}.contact-page .btn-back{color:var(--mid);align-items:center;gap:7px;font-size:13px;font-weight:400;text-decoration:none;transition:color .18s;display:inline-flex}.contact-page .btn-back:hover{color:var(--ink)}.contact-page .btn-back svg{transition:transform .2s}.contact-page .btn-back:hover svg{transform:translate(-3px)}.contact-page .btn-submit{color:var(--white);background:var(--ink);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:13px 32px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex}.contact-page .btn-submit:hover{opacity:.82}.contact-page .btn-submit svg{transition:transform .2s}.contact-page .btn-submit:hover svg{transform:translate(3px)}.contact-page .success-card{background:var(--green2);border:1px solid #a7d9bb;border-radius:12px;margin-bottom:32px;padding:36px;display:none}.contact-page .success-card.visible{display:block}.contact-page .success-card h3{color:var(--green);margin-bottom:8px;font-family:Instrument Serif,serif;font-size:22px;font-weight:400}.contact-page .success-card p{color:var(--ink2);font-size:14px;line-height:1.65}.contact-page .form-error{color:#c0392b;background:#fdeaea;border:1px solid #f0c0c0;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:13px}.contact-page .direct{border-top:1px solid var(--border);flex-wrap:wrap;gap:24px;margin-top:56px;padding-top:32px;display:flex}.contact-page .direct-item{flex-direction:column;gap:3px;display:flex}.contact-page .direct-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ghost);font-size:9px;font-weight:700}.contact-page .direct-val{color:var(--ink2);font-size:13px}.contact-page .direct-val a{color:var(--ink2);border-bottom:1px solid var(--border);text-decoration:none;transition:border-color .18s}.contact-page .direct-val a:hover{border-color:var(--ink2)}@media (max-width:640px){.contact-page .page{padding:56px 24px 80px}.contact-page .form-row{grid-template-columns:1fr}}@media (max-width:480px){.contact-page .page{padding:48px 16px 64px}.contact-page .page-title{font-size:clamp(28px,7vw,34px)}}@media (max-width:380px){.contact-page .page{padding:40px 12px 56px}.contact-page .page-title{font-size:clamp(24px,8vw,28px)}}
