.page-head{padding:4.5rem 0 3rem}
.page-head p{margin-top:1.2rem;font-size:1.2rem}
.contact{padding-top:4rem;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:start}
.form{display:grid;gap:1.3rem}
.form label{display:grid;gap:.4rem;font-weight:700;color:var(--navy)}
.form input,.form select,.form textarea{font:400 1.05rem var(--body);padding:.85rem 1rem;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--navy-deep);width:100%}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(27,95,184,.18)}
.form .btn{justify-self:start}
.details{background:var(--navy);color:#D6E4F8;padding:2.2rem;border-radius:22px 22px 22px 4px}
.details h2{color:#fff;font-size:1.5rem;margin-bottom:.8rem}
.details h2+dl+h2,.details dl+h2{margin-top:2rem}
.details dt{font-weight:700;color:var(--yellow);margin-top:.9rem}
.details a{text-decoration:underline;text-underline-offset:4px}
.note{margin-top:1.4rem;font-size:.95rem}
@media (max-width:820px){.contact{grid-template-columns:1fr;gap:2.5rem}.page-head{padding-top:2.5rem}}