/* Shared fluid alignment with the main page; keep form controls readable. */
.page-contacts .container{width:calc(100% - 2 * clamp(16px,2vw,48px));max-width:none}
.page-contacts .contact-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(28px,4vw,100px);padding-block:clamp(48px,3vw,80px);align-items:start}
.page-contacts .contact-head,.page-contacts .contact-content{min-width:0;max-width:none;padding:0}
.page-contacts .contact-head h1{font-size:clamp(28px,2.5vw,46px);line-height:1.2;letter-spacing:-1px;margin:0 0 24px;overflow-wrap:anywhere}
.page-contacts .contact-head .eyebrow{font-size:14px;color:var(--accent);margin-bottom:16px}
.page-contacts .contact-head .lead{font-size:clamp(18px,1vw,22px);line-height:1.7;color:var(--ink)}
.page-contacts .contact-other{font-size:16px;line-height:1.7;margin-top:24px;max-width:640px}
.page-contacts .form-panel{padding:clamp(20px,2vw,40px);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:12px;background:var(--surface)}
.page-contacts .contact-form-layout{display:block}
.page-contacts .field,.page-contacts .form-row{min-width:0}
.page-contacts input,.page-contacts select,.page-contacts textarea{max-width:100%;min-width:0}
@media(max-width:1000px){.page-contacts .contact-page{grid-template-columns:1fr;gap:28px;padding-block:32px 40px}.page-contacts .contact-head{max-width:760px}}
@media(max-width:420px){.page-contacts .contact-head h1{font-size:28px}.page-contacts .form-panel{padding:16px}.page-contacts .contact-head .lead{font-size:16px}}
