.contact{padding:clamp(2.2rem,5vw,4rem) clamp(1.4rem,4vw,3.5rem);background:var(--navy);color:var(--on-navy);border-radius:20px;box-shadow:var(--shadow-md)}
.contact h2{font-size:clamp(1.9rem,4.4vw,3rem);max-width:20ch;margin-bottom:.8rem}
.contact p{color:var(--on-navy-soft);max-width:34rem}
.contact .hero__cta{margin:1.6rem 0 1.4rem}
.contact__mail{font-size:.95rem}
.site-footer{border-top:1px solid var(--line);background:var(--surface);padding-block:1.6rem calc(1.6rem + 4rem)}
.site-footer__bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;font-size:.95rem;color:var(--ink-soft)}
.site-footer__links{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.site-footer__links a{color:var(--ink-soft);font-weight:500}
.site-footer__links a:hover{color:var(--link)}