body.contact-page .site-header{position:absolute;left:0;right:0;width:100%;background:rgba(3,24,45,.94);}
.contact-hero{position:relative;min-height:410px;display:flex;align-items:center;background:url("OfficeImage.png") center 42%/cover no-repeat;color:#fff}
.contact-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,27,49,.96),rgba(5,27,49,.78),rgba(5,27,49,.5))}
.contact-hero-inner{position:relative;z-index:1;padding-top:70px}
.contact-hero h1{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;font-size:64px;line-height:1;margin:0 0 18px}
.contact-hero-inner>p:last-child{font-size:19px;max-width:650px;color:#e5f1fb}
.contact-main{padding:85px 0;background:#f7f9fb}
.contact-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start}
.contact-copy h2{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;font-size:48px;line-height:1.03;margin:0}
.contact-copy>p{color:#40546a;max-width:560px}
.contact-list{margin-top:40px}
.contact-list>div{display:flex;gap:20px;padding:20px 0;border-top:1px solid #d8e1e9}
.contact-list>div:last-child{border-bottom:1px solid #d8e1e9}
.contact-list>div>span{font-family:"Barlow Condensed",Impact,sans-serif;font-size:25px;color:#1270ca}
.contact-list strong{font-size:15px}
.contact-list p{margin:4px 0 0;color:#65768a;font-size:14px}
.contact-card{background:#fff;border:1px solid #d9e2ea;border-radius:10px;padding:36px;box-shadow:0 14px 40px rgba(15,43,70,.08)}
.card-heading h2{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;font-size:34px;margin:0}
.card-heading p{color:#607286;font-size:14px;margin:8px 0 28px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{margin-bottom:19px}
.field label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;color:#263c54}
.field input,.field select,.field textarea{width:100%;border:1px solid #cbd7e2;border-radius:4px;padding:12px 13px;font:inherit;font-size:14px;color:#182f47;background:#fff;outline:none}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#1684da;box-shadow:0 0 0 3px rgba(22,132,218,.1)}
.field textarea{resize:vertical}
.submit-button{border:0;cursor:pointer;width:100%;font-size:14px}
.form-note{text-align:center;color:#748497;font-size:11px;margin:12px 0 0}
.contact-bottom{padding:55px 0;background:#eaf3fb;text-align:center}
.contact-bottom h2{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;font-size:38px;margin:0}
.contact-bottom p{margin:8px 0 0;color:#52657a}
@media(max-width:850px){.contact-layout{grid-template-columns:1fr;gap:45px}.contact-hero h1{font-size:55px}}
@media(max-width:620px){.contact-hero{min-height:360px}.contact-hero h1{font-size:47px}.contact-hero-inner>p:last-child{font-size:16px}.form-row{grid-template-columns:1fr}.contact-card{padding:24px}.contact-main{padding:60px 0}}

/* Full-width contact-page navigation bar */
body.contact-page .site-header{
  top:0;
  z-index:50;
}
body.contact-page .site-header .nav-wrap{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
}

/* Contact page navigation readability */
body.contact-page .site-header .nav a{
  color:#ffffff !important;
}
body.contact-page .site-header .nav a:hover{
  color:#55b7ff !important;
}
body.contact-page .site-header .nav .nav-cta{
  color:#ffffff !important;
  border-color:rgba(255,255,255,.85);
}
body.contact-page .site-header .brand-main,
body.contact-page .site-header .brand-tag{
  color:#ffffff !important;
}
body.contact-page .site-header .brand-main strong{
  color:#1c8be8 !important;
}

/* Contact page navigation: match homepage white header */
body.contact-page .site-header{
  position:absolute;
  top:0;
  left:0;
  right:0;
  width:100%;
  background:#ffffff !important;
  color:#10233f !important;
  border-bottom:1px solid rgba(16,35,63,.08);
}
body.contact-page .site-header .nav a{
  color:#10233f !important;
}
body.contact-page .site-header .nav a:hover{
  color:#1677ca !important;
}
body.contact-page .site-header .nav .nav-cta{
  color:#10233f !important;
  border:1px solid #10233f;
}
body.contact-page .site-header .nav .nav-cta:hover{
  color:#1677ca !important;
  border-color:#1677ca;
}
body.contact-page .site-header .brand-main{
  color:#10233f !important;
}
body.contact-page .site-header .brand-main strong{
  color:#1c8be8 !important;
}
body.contact-page .site-header .brand-tag{
  color:#10233f !important;
}

/* Active contact-page navigation item: keep readable on white header */
body.contact-page .site-header .nav .nav-cta,
body.contact-page .site-header .nav .nav-cta:visited,
body.contact-page .site-header .nav .nav-cta:active{
  color:#10233f !important;
  background:#ffffff !important;
  border:1px solid #10233f !important;
}
body.contact-page .site-header .nav .nav-cta:hover{
  color:#1677ca !important;
  background:#ffffff !important;
  border-color:#1677ca !important;
}