.contact-page { display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,40%); min-height:calc(100dvh - 78px); border-top:1px solid var(--border); }
.contact-intro { display:flex; flex-direction:column; justify-content:center; padding:clamp(48px,8vw,120px); }
.contact-eyebrow { margin-bottom:16px; color:var(--accent); font-size:.75rem; font-weight:800; letter-spacing:.13em; }
.contact-intro h1 { max-width:720px; font-size:clamp(3rem,6vw,6.5rem); line-height:.94; letter-spacing:-.07em; }
.contact-intro > p:not(.contact-eyebrow) { max-width:560px; margin-top:28px; color:var(--text-light); font-size:1.1rem; line-height:1.7; }
.contact-details { display:grid; gap:16px; margin-top:48px; padding-top:24px; border-top:1px solid var(--border); }
.contact-details p { display:grid; gap:4px; color:var(--text-light); font-size:.95rem; }
.contact-details strong { color:var(--text); font-size:.72rem; letter-spacing:.1em; }
.contact-details a:hover { color:var(--accent); }
.contact-form-panel { padding:clamp(32px,4vw,64px); border-left:1px solid var(--border); background:#efefef; }
.contact-form-panel h2 { margin-bottom:28px; font-size:clamp(1.8rem,3vw,2.6rem); line-height:1; }
.contact-form { display:grid; gap:18px; }
.contact-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.contact-form label { display:grid; gap:8px; font-size:.78rem; font-weight:800; letter-spacing:.03em; }
.contact-form input,.contact-form select,.contact-form textarea { width:100%; border:1px solid #c5c5c1; border-radius:3px; background:#fff; color:var(--text); font:inherit; font-size:1rem; font-weight:400; letter-spacing:normal; padding:13px; }
.contact-form textarea { min-height:150px; resize:vertical; }
.optional { color:var(--text-light); font-weight:400; }
.contact-submit { min-height:56px; border:0; border-radius:2px; background:var(--text); color:#fff; cursor:pointer; font:inherit; font-size:.8rem; font-weight:800; letter-spacing:.12em; }
.contact-submit:disabled { cursor:wait; opacity:.7; }
.contact-status { min-height:1.4em; color:var(--text-light); font-size:.9rem; }
.contact-status.is-error { color:var(--accent); }
@media (max-width:768px) { .contact-page { display:block; min-height:0; }.contact-intro { padding:54px 18px; }.contact-intro h1 { font-size:clamp(3rem,14vw,5rem); }.contact-form-panel { padding:34px 18px 50px; border-top:1px solid var(--border); border-left:0; }.contact-form-grid { grid-template-columns:1fr; } }