/* Contact page: the request form beside a compact contact card, then reviews and FAQ. */
.contact-hero { padding:140px 0 24px; background:linear-gradient(#ecf1ed,var(--paper)); }
.contact-hero h1 { margin:0; font-size:var(--page-title-size); font-weight:500; line-height:1.08; letter-spacing:-.045em; }
.contact-hero .container>p { max-width:520px; margin:22px 0 0; font-size:15px; line-height:1.6; }

.contact-main.section { padding-top:56px; }
.contact-layout { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,4fr); gap:clamp(28px,4vw,56px); align-items:start; }
.contact-form-column>h2 { margin:0; font-size:var(--section-title-size); font-weight:500; line-height:1.15; letter-spacing:-.035em; }
.contact-form-column>p { max-width:460px; margin:12px 0 28px; }
.contact-aside { position:sticky; top:110px; }

.contact-card { padding:30px 28px 22px; border:1px solid #e3e8e5; border-radius:28px; background:#fff; box-shadow:0 1px 2px #1a2e2808,0 40px 80px -60px #1a2e2866; }
.contact-card h2 { margin:0; font-size:21px; font-weight:500; letter-spacing:-.03em; }
.contact-card>p { margin:8px 0 22px; font-size:14px; }
.contact-call { display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; gap:14px; padding:14px 18px 14px 14px; border-radius:18px; background:#173342; color:#fff; transition:background .2s; }
.contact-call:hover { background:#0f2530; }
.contact-call:focus-visible { outline:2px solid var(--ink); outline-offset:3px; }
.contact-call-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; background:#ffffff1a; }
.contact-call-icon .icon { width:20px; height:20px; }
.contact-call small { display:block; color:#ffffffa6; font-size:12px; }
.contact-call strong { display:block; font-size:19px; font-weight:500; letter-spacing:-.02em; }
.contact-lines { margin:14px 0 0; padding:0; list-style:none; }
.contact-lines li+li { border-top:1px solid #edf0ee; }
.contact-lines a { display:grid; grid-template-columns:20px minmax(0,1fr); align-items:start; gap:14px; padding:14px 4px; font-size:14px; line-height:1.45; }
.contact-lines .icon { width:18px; height:18px; margin-top:1px; color:var(--muted); }
.contact-lines span { overflow-wrap:anywhere; }
.contact-lines a:hover span { text-decoration:underline; text-underline-offset:3px; }
.contact-main~.reviews-section { padding-top:40px; }

@media (max-width:900px) {
 .contact-hero { padding:110px 0 8px; }
 .contact-layout { grid-template-columns:1fr; }
 .contact-aside { position:static; order:-1; }
 .contact-main.section { padding-top:32px; }
}
@media (max-width:560px) {
 .contact-card { padding:22px 16px 18px; border-radius:22px; }
}
@media (prefers-reduced-motion:reduce) {
 .contact-call { transition:none; }
}