html{scroll-behavior:smooth}body{margin:0;background:#000;color:#fff} [data-aos]{opacity:1!important;transform:none!important}.jarallax-img{width:100%;height:100%;object-fit:cover}.mbr-parallax-background{background-attachment:scroll!important}img{opacity:1!important}.aosHeader1{min-height:100vh;padding-top:110px;padding-bottom:90px}.aosHeader1 .wrapper{opacity:1!important}.service-explore{display:inline-flex;gap:18px;align-items:center;color:#fff!important;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;border-bottom:1px solid #618dd0;padding:9px 0;text-decoration:none!important;margin-right:30px;transition:color .2s}.service-explore:hover{color:#8ebaff!important;border-color:#fff}.service-explore span{font-size:24px;color:#397af3}.service-actions-preview{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.service-actions-preview .mt-4{margin-top:0!important}.detail-hero{min-height:78vh;padding:160px 0 80px;background-size:cover;background-position:center;display:flex;align-items:center}.detail-hero .container{position:relative}.detail-hero h1{max-width:930px}.detail-hero p{max-width:760px}.detail-breadcrumb{font-size:14px;color:#b6c6dc;margin-bottom:34px}.detail-breadcrumb a{color:#c9dcff}.detail-body{padding:90px 0}.section-intro{display:flex;justify-content:space-between;align-items:baseline;gap:30px;border-top:1px solid #26344c;padding-top:28px;margin-bottom:36px}.section-intro span{font-size:13px;color:#8f9fb6}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.project-card{color:#fff}.project-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:22px}.project-card small{color:#83a8e3;font-size:12px;letter-spacing:1px;text-transform:uppercase}.project-card h3{margin:10px 0 14px;font-size:25px;font-weight:700;line-height:1.2}.project-card p{font-size:17px;line-height:1.65;color:#c4cbd6}.project-card a{color:white}.project-card .project-link{font-size:14px;border-bottom:1px solid #397af3;display:inline-block;padding-bottom:7px}.detail-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:95px;padding-top:44px;border-top:1px solid #26344c}.detail-capabilities h2{font-size:30px}.detail-capabilities p{color:#c4cbd6;font-size:17px;line-height:1.7}.detail-cta{margin-top:70px;padding:44px;background:#081528;border-left:2px solid #2763d6}.detail-cta h2{font-size:32px;margin-bottom:20px}.detail-cta p{max-width:730px}.other-services{display:flex;gap:20px;flex-wrap:wrap;margin:55px 0 15px}.other-services a{color:#9cbce9;font-size:13px}@media(max-width:767px){.project-grid,.detail-capabilities{grid-template-columns:1fr}.detail-hero{padding-top:125px;min-height:70vh}.detail-body{padding-top:50px}.section-intro{display:block}.detail-capabilities{gap:25px}.detail-cta{padding:28px}.aosHeader1{padding-top:90px;padding-bottom:70px}.service-explore{margin-right:0}.detail-hero h1{font-size:38px!important}.project-card h3{font-size:23px}}


/* Subtle motion layer. Content stays visible without JavaScript. */
:root{--motion-ease:cubic-bezier(.22,.61,.36,1)}
.aosHeader1 .wrapper>h2{margin-bottom:20px}
.aosHeader1 .wrapper>p{line-height:1.7}
.service-actions-preview{gap:30px;margin-top:32px!important}
.service-explore{position:relative;border-bottom-color:rgba(117,173,255,.3);transition:color 240ms ease,border-color 240ms ease}
.service-explore::after{content:'';position:absolute;bottom:-1px;left:0;height:1px;width:100%;background:#87b4ff;transform:scaleX(.2);transform-origin:left;transition:transform 420ms var(--motion-ease)}
.service-explore span{display:inline-block;transition:transform 420ms var(--motion-ease),color 240ms ease}
.service-explore:focus-visible{outline:2px solid #87b4ff;outline-offset:7px}
.service-explore:focus-visible::after{transform:scaleX(1)}
.project-card>a:first-child{display:block;overflow:hidden;margin-bottom:24px;background:#080e18}
.project-card>a:first-child img{margin-bottom:0;transition:transform 850ms var(--motion-ease)}
.project-link{position:relative;border-bottom-color:rgba(117,173,255,.4)!important;transition:color 240ms ease,border-color 240ms ease}
.project-link:focus-visible,.project-card>a:first-child:focus-visible{outline:2px solid #87b4ff;outline-offset:6px}
.project-card h3{line-height:1.25}.project-grid{row-gap:64px}.detail-body{padding-bottom:100px}


@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html:not(.motion-disabled) .service-explore:hover::after{transform:scaleX(1)}
 html:not(.motion-disabled) .service-explore:hover span{transform:translate(4px,-2px)}
 html:not(.motion-disabled) .service-explore[href^='#']:hover span{transform:translateY(4px)}
 html:not(.motion-disabled) .project-card>a:first-child:hover img,html:not(.motion-disabled) .project-card>a:first-child:focus-visible img{transform:scale(1.025)}
 .project-link:hover{color:#a5c6ff;border-color:#a5c6ff!important}
}
html.motion-disabled{scroll-behavior:auto!important}
html.motion-disabled *,html.motion-disabled *::before,html.motion-disabled *::after{animation:none!important;transition:none!important}
@media(max-width:767px){.project-grid{row-gap:44px}.service-actions-preview{gap:20px}.aosHeader1 .wrapper>p{line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.service-explore::after{transform:scaleX(1)}.project-card img{transform:none!important}}

/* Keep the approved service content readable before and after theme scripts. */
body.cre8-services-design .detail-hero .hidden,body.cre8-services-design .detail-body .hidden,body.cre8-services-design .aosHeader1 .hidden{visibility:visible!important}
body.cre8-services-design .detail-hero .animate__animated,body.cre8-services-design .detail-body .animate__animated,body.cre8-services-design .aosHeader1 .animate__animated{animation:none!important}
body.cre8-services-design .detail-hero h1,body.cre8-services-design .detail-body h2,body.cre8-services-design .detail-body h3{visibility:visible!important;opacity:1!important}
body.cre8-services-design .detail-hero .reveal-clone,body.cre8-services-design .detail-body .reveal-clone{display:none!important}
body.cre8-services-design .detail-hero .reveal-base,body.cre8-services-design .detail-body .reveal-base{opacity:1!important;color:inherit!important}
body.cre8-services-design .detail-hero .container,body.cre8-services-design .detail-body .container{width:100%}
body.cre8-services-design [id=selected-projects]{scroll-margin-top:110px}