/* Optional R22 design. Loaded only for the seven reference banner pages. */
.reference-hero--about .reference-hero-photo{mask-image:linear-gradient(90deg,transparent,#000 30%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%)}
@media(max-width:1024px){.reference-hero--about .reference-hero-photo{mask-image:none;-webkit-mask-image:none}}
.banner-reference .header-inner{min-height:92px}.banner-reference .header-inner,.banner-reference .reference-hero-inner{max-width:1380px}.banner-reference .site-nav{gap:24px}.banner-reference .site-nav a{font-size:14px}.banner-reference .logo img{width:185px;height:55px}
.reference-hero{position:relative;isolation:isolate;overflow:hidden;background:#061d34;color:#fff}.reference-hero-photo{position:absolute;inset:0;z-index:-2}.reference-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:68% 50%;display:block}.reference-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03192ef7 0%,#03192eec 29%,#03192e9c 48%,#03192e24 67%,transparent 84%)}
.reference-hero-inner{display:flex;align-items:center;min-height:560px;padding-block:64px}.reference-hero-copy{width:51%;max-width:685px}.reference-hero .eyebrow{font-size:12px;line-height:1.4;letter-spacing:.15em;margin:0 0 21px;color:inherit}.reference-hero h1{font-size:clamp(36px,3.35vw,61px);line-height:1.1;letter-spacing:-.043em;margin:0 0 23px;color:inherit;max-width:none;text-wrap:balance}.reference-hero h1 span{display:block;color:#067bff}.reference-hero-intro{font-size:17px;line-height:1.65;max-width:580px;margin:0 0 27px;color:inherit}.reference-actions{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}.reference-hero .button{font-size:14px;line-height:1.35;min-height:50px;gap:10px;padding:14px 23px;border-radius:5px;justify-content:center}.reference-hero .button svg{width:20px;height:20px}.reference-hero .reference-secondary{background:transparent;border:1px solid #d1dce8;color:#fff;box-shadow:none}.reference-hero .reference-secondary:hover{background:#ffffff12}
.reference-benefits{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:590px}.reference-benefits li{font-size:13px;line-height:1.45;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.reference-benefits a{display:flex;flex-direction:column;align-items:center;gap:10px;color:inherit;text-decoration:none}.reference-benefit-icon svg{display:block;width:29px;height:29px}.reference-benefits a:hover{text-decoration:underline}
.reference-search{display:flex;max-width:595px;margin:28px 0 22px;min-width:0}.reference-search input{min-width:0;width:100%;background:#fff;border:1px solid #dde5ed;border-radius:5px 0 0 5px;padding:17px 19px;font-size:14px;color:#10213c;min-height:57px}.reference-search .button{border-radius:0 5px 5px 0;flex-shrink:0;min-width:120px}.reference-popular{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;font-size:12px;color:#d5e4f3}.reference-popular a{color:#fff;text-underline-offset:5px}.reference-hero--products .reference-hero-inner{min-height:550px}.reference-hero--products .reference-hero-copy{width:49%}.reference-hero--products .reference-hero-photo img{object-position:70% 60%}.reference-hero--sell h1{font-size:clamp(36px,3.2vw,57px)}.reference-hero--eol-hardware h1 span{display:inline}.reference-hero--eol-hardware .reference-hero-photo img{object-position:70% 50%}
.reference-hero--light{background:#f3f8fd;color:#101b3b}.reference-hero--light:after{background:linear-gradient(90deg,#f3f8fdfc 0%,#f3f8fdf2 29%,#f3f8fda6 42%,transparent 66%)}.reference-hero--light .eyebrow{color:#066afa}.reference-hero--light h1 span{color:inherit}.reference-hero--light .reference-hero-intro{color:#4d5e79}.reference-hero--light .reference-secondary{color:#065fe3;border-color:#377dee;background:#ffffff55}.reference-hero--light .reference-secondary:hover{background:#fff}.reference-hero--light .reference-benefit-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;width:52px;height:52px;background:#e5f0ff;color:#066cff}.reference-hero--light .reference-benefits{max-width:530px;color:#33486b}.reference-hero--sectors .reference-hero-inner{min-height:605px}.reference-hero--sectors .reference-hero-copy{width:46%}.reference-hero--sectors .reference-hero-photo img{object-position:68% center}.reference-hero--about .reference-hero-photo{left:49%}.reference-hero--about .reference-hero-photo img{object-position:center 25%}.reference-hero--about:after{background:linear-gradient(90deg,#f3f8fd 0%,#f3f8fd 44%,transparent 64%)}.reference-hero--about .reference-hero-inner{min-height:590px}.reference-hero--resources .reference-hero-copy{width:44%}.reference-hero--resources .reference-hero-inner{min-height:605px}.reference-hero--resources .reference-hero-photo img{object-position:70% 58%}
.reference-about-benefits{background:#fff;padding-block:34px;border-bottom:1px solid #e7edf3}.reference-about-benefits>.container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.reference-about-benefits>.container>div{padding:5px 23px;text-align:center;border-right:1px solid #e3e9ef}.reference-about-benefits>.container>div:last-child{border:0}.reference-about-benefits svg{width:30px;height:30px}.reference-about-benefits>.container>div>span{width:54px;height:54px;display:flex;align-items:center;justify-content:center;margin:0 auto 17px;border-radius:50%;background:#e6f0ff;color:#0675ff}.reference-about-benefits h2{font-size:14px;line-height:1.5;margin:0 0 5px;letter-spacing:0}.reference-about-benefits p{font-size:13px;line-height:1.6;color:#566780;margin:0}.reference-featured{padding-block:35px}.reference-featured .section-heading h2{font-size:31px}.reference-featured .section-heading p:not(.eyebrow){color:#596984;font-size:15px;margin:8px 0 0}.reference-featured .section-heading{align-items:start}.reference-featured .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.banner-reference #service-details,.banner-reference #team,.banner-reference #sector-directory,.banner-reference #catalogue-results{scroll-margin-top:110px}
@media(min-width:1700px){.reference-hero-inner{min-height:650px}.reference-hero--products .reference-hero-inner{min-height:630px}}
@media(max-width:1100px){.banner-reference .header-inner{min-height:80px}.banner-reference .site-nav{top:80px}.banner-reference .site-nav a{font-size:14px}.reference-hero-inner{min-height:510px;padding-block:48px}.reference-hero-copy{width:58%}.reference-hero h1{font-size:42px}.reference-hero-intro{font-size:15px}.reference-hero .button{font-size:13px;padding-inline:17px}.reference-benefits{gap:12px}.reference-benefits li{font-size:12px}.reference-hero--sectors .reference-hero-copy,.reference-hero--resources .reference-hero-copy{width:50%}.reference-hero--products .reference-hero-copy{width:55%}.reference-about-benefits>.container>div{padding-inline:14px}}
@media(max-width:1024px){.reference-hero{display:flex;flex-direction:column}.reference-hero:after{display:none}.reference-hero-photo{position:relative;inset:auto!important;width:100%;height:360px;z-index:0}.reference-hero-photo img{object-position:73% 43%;object-fit:cover}.reference-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,#061d34 100%)}.reference-hero-inner,.reference-hero--products .reference-hero-inner,.reference-hero--sectors .reference-hero-inner,.reference-hero--about .reference-hero-inner,.reference-hero--resources .reference-hero-inner{min-height:0;padding-block:26px 38px}.reference-hero .reference-hero-copy{width:100%;max-width:none}.reference-hero h1,.reference-hero--sell h1{font-size:40px;max-width:750px}.reference-hero .eyebrow{font-size:11px;margin-bottom:15px}.reference-hero-intro{font-size:16px;max-width:740px}.reference-benefits{max-width:690px}.reference-benefits li{font-size:14px}.reference-actions .button{flex:1;min-height:49px;font-size:14px}.reference-search{max-width:none}.reference-popular{font-size:13px}.reference-hero--light .reference-hero-photo:after{display:none}.reference-hero--about .reference-hero-inner,.reference-hero--resources .reference-hero-inner{order:-1;padding-top:38px}.reference-hero--about .reference-hero-photo{height:420px}.reference-hero--about .reference-hero-photo img{object-fit:contain;object-position:center;background:#eaf2f8}.reference-hero--resources .reference-hero-photo{height:350px}.reference-hero--sectors .reference-hero-photo{height:350px}.reference-about-benefits>.container{grid-template-columns:1fr 1fr;gap:24px 0}.reference-about-benefits>.container>div:nth-child(2){border-right:0}.reference-featured .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.banner-reference .header-inner{min-height:70px}.banner-reference .logo img{width:145px;height:44px}.banner-reference .site-nav{top:70px}.reference-hero-photo{height:245px}.reference-hero-photo img{object-position:77% 43%}.reference-hero--products .reference-hero-photo img{object-position:74% 63%}.reference-hero--sell .reference-hero-photo img{object-position:76% 34%}.reference-hero--eol-hardware .reference-hero-photo img{object-position:72% 40%}.reference-hero-inner{width:calc(100% - 40px);padding-block:22px 29px}.reference-hero h1,.reference-hero--sell h1{font-size:33px;line-height:1.12;letter-spacing:-.044em;margin-bottom:17px;text-wrap:initial}.reference-hero .eyebrow{font-size:10px;margin-bottom:12px}.reference-hero-intro{font-size:14px;line-height:1.6;margin-bottom:23px}.reference-actions{display:grid;gap:10px}.reference-actions .button{font-size:13px;min-height:47px;width:100%}.reference-search{display:grid;gap:0;margin-block:22px}.reference-search input{font-size:16px;padding:13px;min-height:49px;border-radius:5px 5px 0 0}.reference-search .button{min-height:45px;border-radius:0 0 5px 5px}.reference-popular{gap:10px 15px;font-size:11px}.reference-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin-top:27px}.reference-benefits li{font-size:12px;gap:8px}.reference-benefit-icon svg{width:27px;height:27px}.reference-hero--sectors .reference-hero-photo{height:250px}.reference-hero--sectors .reference-hero-photo img{object-position:72% center}.reference-hero--about .reference-hero-inner,.reference-hero--resources .reference-hero-inner{padding-top:32px}.reference-hero--about .reference-hero-photo{height:330px}.reference-hero--about .reference-hero-photo img{object-fit:cover;object-position:center 21%}.reference-hero--resources .reference-hero-photo{height:280px}.reference-hero--resources .reference-hero-photo img{object-position:77% 65%}.reference-about-benefits{padding-block:20px}.reference-about-benefits>.container{display:block}.reference-about-benefits>.container>div{display:flex;text-align:left;gap:16px;padding:16px 0;border:0}.reference-about-benefits>.container>div>span{width:47px;height:47px;flex-shrink:0;margin:0}.reference-about-benefits h2{font-size:13px}.reference-about-benefits p{font-size:12px}.reference-featured .product-grid{grid-template-columns:1fr}.reference-featured .section-heading h2{font-size:27px}.reference-featured .section-heading p:not(.eyebrow){font-size:14px}.reference-featured{padding-top:30px}}