/* Visuals shared only by the business overview and four service pages. */
.business-overview .preview-art{background-position:center;background-repeat:no-repeat;background-size:contain}
.business-overview .preview-art::after{content:"";position:absolute;inset:8%;background:linear-gradient(transparent 49%,rgba(146,213,237,.04) 50%,transparent 51%);background-size:100% 9px;pointer-events:none;mix-blend-mode:screen}
.business-overview .art-sales{background-image:url('../img/business-sales.svg')}
.business-overview .art-development{background-image:url('../img/business-development.svg')}
.business-overview .art-outsourcing{background-image:url('../img/business-outsourcing.svg')}
.business-overview .art-operations{background-image:url('../img/business-operations.svg')}
.business-overview .business-directory-section{background:radial-gradient(ellipse at 78% 46%,#0b3450 0%,#041b31 45%,#031021 86%)}
.business-overview .business-directory::before{background:radial-gradient(circle 210px at var(--glow-x) var(--glow-y),rgba(118,205,235,.16),transparent 78%)}
.service-page .service-hero{background:radial-gradient(ellipse at 77% 49%,#103b59 0%,#061c32 46%,#031021 86%)}
.service-page .service-hero::before{opacity:.12}
.service-page .service-hero-inner{min-height:670px;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:2%;padding-block:68px 92px}
.service-page .service-hero-copy{position:relative;z-index:2}
.service-page .service-hero h1{font-size:clamp(48px,5.7vw,88px)}
.service-page .service-visual-cyber{position:relative;width:100%;max-width:none;aspect-ratio:5/4;justify-self:end;display:block;border:0;background:none;box-shadow:none;overflow:hidden}
.service-page .service-visual-cyber::before{content:"";position:absolute;inset:4%;z-index:1;border:1px solid rgba(157,219,240,.12);border-radius:50%;transform:scaleY(.79);pointer-events:none}
.service-page .service-visual-cyber::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(transparent 49%,rgba(144,210,235,.025) 50%,transparent 51%);background-size:100% 10px;pointer-events:none}
.service-page .service-visual-cyber img{display:block;width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 53%,transparent 77%)}
@media(max-width:760px),(hover:none){.business-overview .preview-art{height:clamp(220px,62vw,330px);background-size:contain}}
@media(max-width:640px){.service-page .service-hero-inner{grid-template-columns:1fr;gap:10px;min-height:0;padding-block:35px 54px}.service-page .service-hero h1{font-size:clamp(41px,11vw,58px)}.service-page .service-visual-cyber{width:110%;max-width:500px;justify-self:center;margin-inline:-5%;aspect-ratio:5/4}.service-page .service-hero .catch{margin-top:29px}}