/* Email-led contact, approved artwork shown without a colour overlay. */
.ci-connect-art{height:clamp(290px,41vw,580px);overflow:hidden;background:#e9edf0}
.ci-connect-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 57%;filter:none;opacity:1}
.ci-connect-art::before,.ci-connect-art::after{content:none}
.ci-connect-body{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:54px;padding-bottom:58px;align-items:start;scroll-margin-top:95px}
.ci-connect-body .contact-copy{color:#0d2445;max-width:420px}
.ci-connect-body .contact-copy h2{margin:0;color:#0d2445}
.ci-connect-body .contact-copy p{font-size:20px;line-height:1.6;margin:17px 0 23px;color:#53677b;text-wrap:pretty}
.ci-page .email-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:55px;padding:14px 24px;background:#f6892b;color:#0d2445;border:1px solid #e37a23;box-shadow:inset 0 1px 0 #ffffff80,0 5px 13px #a44c0815;font-weight:600;font-size:17px;border-radius:18px;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}
.ci-page .email-button:hover{background:#f6892b;box-shadow:inset 0 1px 0 #ffffff80,0 7px 19px #a44c0828;transform:translateY(-1px)}
.ci-page .email-button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #99460022}
.email-button svg{width:23px;height:23px;flex-shrink:0}
.contact-email-address{display:block;width:fit-content;color:#52657a;text-underline-offset:4px;font-size:14px;margin-top:13px;min-height:26px}
.ci-connect-body .quiet-call{display:flex;gap:9px;align-items:center;width:fit-content;color:#53677b;font-size:14px;min-height:44px;margin-top:12px;text-underline-offset:4px;text-decoration-color:#a5b4c3}
.quiet-call svg{width:17px;height:17px;flex-shrink:0;fill:currentColor}
.ci-connect-body .form{padding:26px;background:#f7f9fb;border:1px solid #dce4ec;border-radius:23px;box-shadow:inset 0 1px 0 #fff;gap:9px}
.ci-connect-body .form h3{font-size:23px;line-height:1.3;letter-spacing:0;margin:0 0 14px;color:#0d2445}
.ci-connect-body .form textarea{min-height:92px;resize:vertical}
.ci-connect-body .form label{font-weight:500}
.ci-connect-body .form small{font-size:11px;line-height:1.55;color:#62758a}
.ci-connect-body .form .email-button{margin-top:8px;width:100%}
.ci-connect-body .form .optional{font-weight:400;color:#62758a}
.ci-connect-body a:focus-visible,.ci-connect-body button:focus-visible{outline:3px solid #23c3f3;outline-offset:4px}
@media(max-width:700px){
 .ci-connect-art{height:auto;aspect-ratio:3/2}
 .ci-connect-art img{object-fit:cover;object-position:center}
 .ci-connect-body{grid-template-columns:1fr;gap:28px;padding-top:31px;padding-bottom:35px;scroll-margin-top:85px}
 .ci-connect-body .contact-copy{padding-left:6px;padding-right:6px}
 .ci-connect-body .contact-copy h2{font-size:28px;line-height:1.2}
 .ci-connect-body .contact-copy p{font-size:17px;max-width:29ch;margin:13px 0 20px}
 .ci-connect-body .form{padding:21px}
 .ci-connect-body .form h3{font-size:21px}
 .ci-page .email-button{font-size:16px;min-height:54px;padding:14px 23px}
}
@media(prefers-reduced-motion:reduce){.ci-page .email-button{transition:none}.ci-page .email-button:hover,.ci-page .email-button:active{transform:none}}

/* One readable orange treatment for the primary action throughout this page. */
.ci-immersive .button.orange,.ci-immersive .button.orange:hover,.ci-immersive .button.orange:focus-visible{background:#f6892b;color:#0d2445;border-color:#e37a23;text-shadow:none;box-shadow:inset 0 1px 0 #ffffff80,0 5px 13px #a44c0815}
.ci-immersive .button.orange::before,.ci-immersive .button.orange::after{content:none}