/* Centered CONTACT banner with the approved analogous wave background. */
.contactBannerSection{padding:44px 0;background:var(--off)}
.contactBanner{position:relative;isolation:isolate;overflow:hidden;background:var(--white);border-top:2px solid var(--teal);box-shadow:0 10px 34px rgba(35,71,117,.07);display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 32px}
.contactBanner .bannerWaves{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.82;overflow:hidden}
.contactBanner .bannerWave{position:absolute;display:block;border-radius:50%;transform:rotate(-11deg)}
.contactBanner .bannerWave.top{width:70%;height:230px;right:-26%;top:-182px;background:#EDF6F7}
.contactBanner .bannerWave.back{width:116%;height:310px;left:-23%;bottom:-256px;background:var(--ice)}
.contactBanner .bannerWave.middle{width:82%;height:245px;left:24%;bottom:-211px;background:#E9E8F7}
.contactBanner .bannerTitle{display:flex;flex-direction:column;align-items:center}
.contactBanner .bannerJa{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;line-height:1.7;letter-spacing:.16em;margin-bottom:10px;white-space:nowrap}
.contactBanner .bannerJa:before,.contactBanner .bannerJa:after{content:"";width:25px;height:1px;background:var(--light)}
.contactBanner h2{font:700 48px/1 Arial,sans-serif;letter-spacing:-.025em;color:var(--blue);margin:0}
.contactBanner .bannerCopy{max-width:680px;margin:22px auto 0}
.contactBanner p{font-size:13px;line-height:2.05;color:var(--gray);margin:0;letter-spacing:.04em;text-wrap:pretty}
.contactBanner .bannerMeta{margin-top:15px;color:var(--deep);font-size:11px;line-height:1.8;font-weight:700;letter-spacing:.1em}
.contactBanner .bannerAction{margin-top:26px;max-width:100%}
.contactBanner .bannerLink{width:260px;max-width:100%;min-height:58px;padding:16px 28px;display:flex;align-items:center;justify-content:center;gap:24px;border-radius:3px;background:var(--blue);color:var(--white);font-size:14px;line-height:1.7;font-weight:700;letter-spacing:.08em;transition:background .22s,transform .22s}
.contactBanner .bannerLinkText{white-space:nowrap}
.contactBanner .bannerArrow{display:flex;font:400 20px/1 Arial,sans-serif}
.contactBanner .bannerArrow span{transition:transform .22s}
.contactBanner .bannerLink:hover{background:var(--deep);transform:translateY(-2px)}
.contactBanner .bannerLink:hover .bannerArrow span{transform:translateX(4px)}
.contactBanner .bannerLink:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
@media(max-width:767px){
 .contactBannerSection{padding:30px 0}
 .contactBanner{padding:36px 22px}
 .contactBanner h2{font-size:42px}
 .contactBanner .bannerJa{margin-bottom:7px}
 .contactBanner .bannerCopy{margin-top:20px}
 .contactBanner .bannerMeta{margin-top:12px}
 .contactBanner .bannerWave.top{width:155%;right:-85%;top:-190px}
 .contactBanner .bannerWave.back{width:220%;left:-86%;bottom:-270px}
 .contactBanner .bannerWave.middle{width:175%;left:25%;bottom:-226px}
}
@media(prefers-reduced-motion:reduce){.contactBanner .bannerLink,.contactBanner .bannerArrow span{transition:none}}