/* The approved metallic Q world continues through the entire website. */
.qnn-cinema-scene{position:relative;isolation:isolate;overflow:hidden;background:transparent!important;border-color:#ffffff18}
.cinema-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none}
.cinema-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05050588 0%,#05050530 45%,#050505b5 100%);z-index:3}
.cinema-media{display:block;position:relative;overflow:hidden;width:100%;height:100%;background:#09090b;isolation:isolate}
.cinema-plate,.cinema-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.cinema-atlas .cinema-plate{width:300%;max-width:none;left:calc(var(--scene-index)*-100%);object-fit:cover}
.cinema-film{z-index:1;opacity:0;transition:opacity .7s ease;background:transparent}
.cinema-media[data-playing=true]>.cinema-film{opacity:1}
.cinema-flow{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.7}
.cinema-trail{stroke:#ffd797;stroke-width:1.8;stroke-dasharray:1.3 98.7;stroke-linecap:round;animation:cinema-energy 16s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 3px #ffb547)}
.cinema-trail-secondary{stroke:#ffb547;stroke-width:1.1;animation-delay:-7s;animation-duration:19s;opacity:.6}
.cinema-trail-faint{stroke:#f0eee8;stroke-width:.8;animation-delay:-11s;animation-duration:23s;opacity:.25}
.cinema-mist{position:absolute;inset:25% -8% -20%;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 70% 83%,#dedde41b,transparent 62%);animation:cinema-air 18s ease-in-out infinite alternate;animation-play-state:paused;mix-blend-mode:screen}
.cinema-media[data-motion-active=true] .cinema-trail,.cinema-media[data-motion-active=true] .cinema-mist{animation-play-state:running}
@keyframes cinema-energy{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes cinema-air{from{transform:translate(-2%,1%);opacity:.3}to{transform:translate(3%,-2%);opacity:.85}}
.cinema-backdrop .cinema-media{opacity:.32}
.cinema-opening>.cinema-backdrop .cinema-media{opacity:.66}
.cinema-opening>.cinema-backdrop:after{background:linear-gradient(90deg,#050505f2 0%,#050505c9 39%,#05050526 74%),linear-gradient(0deg,#050505b0,transparent 40%)}
.cinema-closing>.cinema-backdrop .cinema-media{opacity:.65}
.cinema-closing>.cinema-backdrop:after{background:linear-gradient(90deg,#050505d9,#05050530 80%),linear-gradient(0deg,#050505aa,transparent 45%)}
.cinema-quiet>.cinema-backdrop .cinema-media{opacity:.12}
.cinema-quiet.cinema-opening>.cinema-backdrop .cinema-media{opacity:.4}
.qnn-cinema-scene:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#ffb54755 45%,#ffffff24 72%,transparent);pointer-events:none;z-index:1}
/* Full-width environments, with the original readable content measure. */
.cinematic-home .qnn-cinema-scene.shell{width:100%;max-width:none;padding-inline:max(5vw,calc((100vw - 1600px)/2))}
.cinematic-home .gateway-platforms{padding-block:42px}
.cinematic-home .gateway-platforms>.cinema-backdrop .cinema-media{opacity:.16}
.cinematic-home .hero-visual.cinema-media{position:absolute;background:transparent}
.cinematic-home .hero-visual>.cinema-film{object-position:center}
.cinematic-home .hero-visual>.gateway-signals{z-index:2}
.cinematic-home .hero-content{z-index:4}
.cinematic-home .hero-shade{z-index:3}
.cinematic-home .hero-bottom{z-index:4}
.cinematic-home .section{padding-block:88px}
.cinematic-home #capabilities>.cinema-backdrop .cinema-media{opacity:.16}
.cinematic-home #solutions>.cinema-backdrop .cinema-media{opacity:.56}
.cinematic-home #architecture>.cinema-backdrop .cinema-media{opacity:.27}
.cinematic-home #approach>.cinema-backdrop .cinema-media{opacity:.38}
.cinematic-home #industries>.cinema-backdrop .cinema-media{opacity:.23}
.cinematic-home .capability-layout{display:block}
.cinematic-home .capability-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:40px;padding:0;border:0}
.cinematic-home .cinema-capability{display:block;position:relative;text-align:left;padding:0 0 18px;border:0;border-bottom:1px solid #ffffff35;background:#08080aaa;min-width:0;overflow:hidden;transition:border-color .25s,background .25s}
.cinematic-home .cinema-capability:hover,.cinematic-home .cinema-capability[aria-selected=true]{border-color:#ffb547;background:#151518}
.cinema-thumbnail{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid #ffffff18}
.cinema-thumbnail .cinema-media{height:100%}
.cinema-thumbnail .cinema-flow{opacity:.5}
.cinema-tab-copy{display:grid;grid-template-columns:23px minmax(0,1fr) 13px;align-items:start;gap:9px;padding:20px 14px 0}
.cinema-tab-copy>.tab-index{font-size:10px;line-height:1.8;color:#ffcd83}
.cinema-tab-copy>span:not(.tab-index):not(.tab-symbol){font-size:17px;line-height:1.35;font-weight:550;color:#f5f5f6;letter-spacing:-.025em}
.cinema-tab-copy small{display:block;font-size:12px;line-height:1.6;color:#bdbdc7;margin-top:9px;letter-spacing:0;font-weight:400}
.cinema-tab-copy>.tab-symbol{font-size:18px;color:#ffcd83;line-height:1.3}
.cinematic-home .capability-tabs>.platform-trigger{grid-column:1/-1;justify-self:start;margin:4px 0 0}
.cinematic-home .capability-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;border:0;padding:26px 0 0;align-items:center}
.cinematic-home .capability-panel>.system-map{margin:0;min-width:0;background:#09090bab;border:1px solid #ffffff22;border-radius:8px}
.cinematic-home .capability-copy{padding:0}
.cinematic-home .map-node{background:#101012ec}
.cinematic-home .stack-area,.cinematic-home .workflow-panel{background:#09090bbd;border:1px solid #ffffff22;border-radius:8px;padding:28px}
.cinematic-home .stack-area{padding:24px}
.cinematic-home .stack-layer{background:#101012bd}
.cinematic-home .approach-grid>li{background:#08080a96;border-top-color:#ffb54766;padding:24px 18px}
.cinematic-home .industry-list{background:#0b0b0db5;padding-inline:24px}
.cinematic-home .brief-form{background:#101012df;border:1px solid #ffffff28;border-radius:12px;padding:34px}
.cinematic-home .contact-image{display:none}
.cinematic-home .contact-layout{position:relative;z-index:1}
.cinematic-home .contact-copy{padding-bottom:32px}
/* Each service keeps the same materials and light, with relevant subject imagery. */
.cinema-feature{position:relative;overflow:hidden;border:1px solid #ffffff22;border-radius:8px;background:#0b0b0d!important;box-shadow:0 28px 80px -50px #ffb54755;align-self:center}
.cinema-feature>.cinema-media{position:absolute;inset:0;width:100%;height:100%}
.cinema-feature .nx-scene-label{z-index:5;background:linear-gradient(transparent,#050505d9);left:0;right:0;bottom:0;padding:28px 22px 14px;min-height:66px}
.nx-service-hero.qnn-cinema-scene>.cinema-backdrop .cinema-media{opacity:.15}
.nx-service-hero .cinema-feature{height:510px;width:100%;max-width:600px}
.nx-service-hero .nx-service-hero-grid{gap:5vw;padding-bottom:48px}
.nx-service-hero .nx-hero-copy{position:relative;z-index:1;padding-bottom:25px}
.nx-service-hero .nx-hero-copy h1{font-size:clamp(40px,4.2vw,68px)}
.nx-legacy-art{display:none!important}
.cinema-opening.phero,.cinema-opening.svc-hero{min-height:465px;padding-top:165px;padding-bottom:75px}
.cinema-opening.phero>.wrap,.cinema-opening.svc-hero>.wrap{position:relative;z-index:1}
.cinema-opening.phero h1,.cinema-opening.phero .lead,.cinema-opening.phero .phero-meta{max-width:60%}
.cinema-opening.nx-intro{min-height:490px;padding-top:175px;padding-bottom:80px}
.cinema-opening.nx-intro h1{max-width:70%}
.cinema-opening.nx-intro p:not(.nx-eyebrow){max-width:58%}
.nx-section.qnn-cinema-scene{padding-block:85px}
.nx-close.qnn-cinema-scene{padding-block:110px}
.nx-area-grid,.nx-service-steps,.nx-related,.nx-group-list{position:relative}
.nx-area{background:#08080a77;padding-inline:20px;border-top-color:#ffb54755}
.nx-service-card{position:relative;overflow:hidden;background:#08080ac9!important;border-color:#ffffff24!important;box-shadow:none!important}
.nx-service-card>.cinema-thumbnail{margin:-32px -32px 26px;width:calc(100% + 64px);height:210px;aspect-ratio:auto}
.nx-service-card .nx-card-top{position:relative;z-index:1;margin-bottom:24px}
.nx-service-card:hover{border-color:#ffb54766!important}
.nx-service-steps li,.nx-related a,.nx-engagement-grid article{background:#101012d6}
.nx-calculator{background:#101012d9!important}
.technology-group{background:#09090b55;padding-inline:24px}
.foot,.footer{position:relative;isolation:isolate;background:#050505!important}
.foot:before,.footer:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#050505c9,#050505ed),url('qnn-architecture.webp') right center/cover}
@media(min-width:1800px){.cinematic-home .cinema-tab-copy>span:not(.tab-index):not(.tab-symbol){font-size:21px}}
@media(max-width:1100px){.cinematic-home .capability-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cinematic-home .capability-panel{gap:30px}.nx-service-hero .cinema-feature{height:430px}.nx-service-card>.cinema-thumbnail{margin-inline:-25px;width:calc(100% + 50px)}.cinema-opening.nx-intro h1{max-width:85%}}
@media(max-width:800px){.cinematic-home .section{padding-block:64px}.cinematic-home .qnn-cinema-scene.shell{padding-inline:6%}.cinematic-home .hero-visual>.cinema-film{object-fit:fill}.cinematic-home .capability-panel{grid-template-columns:1fr;gap:28px}.cinematic-home .capability-tabs{gap:16px}.cinema-tab-copy{padding-inline:12px}.cinema-tab-copy>span:not(.tab-index):not(.tab-symbol){font-size:16px}.cinematic-home .stack-area,.cinematic-home .workflow-panel{padding:20px}.cinematic-home .approach-grid>li{padding-inline:15px}.cinematic-home .brief-form{padding:26px 22px}.nx-service-hero .nx-service-hero-grid{padding-bottom:40px;gap:20px}.nx-service-hero .cinema-feature{height:390px;max-width:580px}.cinema-opening.phero,.cinema-opening.svc-hero{padding-top:135px;min-height:430px}.cinema-opening.phero h1,.cinema-opening.phero .lead,.cinema-opening.phero .phero-meta,.cinema-opening.nx-intro h1,.cinema-opening.nx-intro p:not(.nx-eyebrow){max-width:100%}.cinema-opening>.cinema-backdrop .cinema-media{opacity:.36}.cinema-opening>.cinema-backdrop:after{background:linear-gradient(90deg,#050505dd,#05050555),linear-gradient(0deg,#050505c9,transparent 70%)}.nx-section.qnn-cinema-scene{padding-block:65px}.nx-close.qnn-cinema-scene{padding-block:85px}.technology-group{padding-inline:16px}.cinema-opening.nx-intro{min-height:405px;padding-top:135px;padding-bottom:60px}}
@media(max-width:520px){.cinematic-home .capability-tabs{gap:12px}.cinema-thumbnail{aspect-ratio:1}.cinema-tab-copy{display:block;padding:14px 10px 0}.cinema-tab-copy>.tab-index{display:none}.cinema-tab-copy>.tab-symbol{position:absolute;right:10px;bottom:16px}.cinema-tab-copy>span:not(.tab-index):not(.tab-symbol){display:block;font-size:15px;padding-right:10px}.cinema-tab-copy small{font-size:11px;margin-top:7px;padding-right:10px}.cinematic-home .cinema-capability{padding-bottom:16px}.cinematic-home .capability-tabs>.platform-trigger{font-size:12px;line-height:1.6;max-width:100%}.cinematic-home .capability-panel>.system-map{min-height:275px}.cinematic-home .workflow-panel{padding:18px 12px}.cinematic-home .industry-list{padding-inline:15px}.cinematic-home .approach-grid{gap:18px}.nx-service-hero .nx-hero-copy h1{font-size:2.6rem}.nx-service-hero .cinema-feature{height:320px;margin-top:0}.nx-scene-label button{min-height:44px}.nx-service-card>.cinema-thumbnail{height:240px;margin:-25px -25px 25px;width:calc(100% + 50px)}.cinema-opening.phero,.cinema-opening.svc-hero{padding-top:125px;min-height:405px}.cinema-opening.nx-intro{padding-top:130px}.cinema-backdrop .cinema-flow{opacity:.4}}
@media(prefers-reduced-motion:reduce){.cinema-film{display:none!important}.cinema-trail,.cinema-mist{animation:none!important}.cinema-flow{display:none}.cinema-capability,.cinema-film{transition:none!important}}
.motion-paused .cinema-film,.no-motion .cinema-film{opacity:0!important}.motion-paused .cinema-flow,.no-motion .cinema-flow{display:none}.motion-paused .cinema-trail,.motion-paused .cinema-mist,.no-motion .cinema-trail,.no-motion .cinema-mist{animation-play-state:paused!important}
@media print{.cinema-backdrop,.cinema-feature,.cinema-thumbnail,.cinema-film{display:none!important}.qnn-cinema-scene{background:#fff!important;color:#000}.qnn-cinema-scene:after,.foot:before,.footer:before{display:none}.cinematic-home .brief-form{background:#fff;border:1px solid #aaa}}