/* Service details use photography and spatial artwork instead of framed SVGs. */
body.visual-refresh.detail-scene-page .detail-scene,
body.visual-refresh.aux-scene-page .aux-scene-hero { --scene-paper:#edf2f7; --scene-ink:#142e4e; --scene-muted:#4f657c; position:relative; isolation:isolate; overflow:hidden; padding:0!important; background:var(--scene-paper)!important; color:var(--scene-ink); }
body.visual-refresh.detail-scene-page .detail-scene::before,
body.visual-refresh.aux-scene-page .aux-scene-hero::before { content:''; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,var(--scene-paper) 0%,var(--scene-paper) 24%,transparent 83%)!important; pointer-events:none; }
body.visual-refresh.detail-scene-page .detail-scene > .wrap,
body.visual-refresh.aux-scene-page .aux-scene-content { position:relative; z-index:2; width:min(1280px,calc(100% - 72px)); margin:auto; }
body.visual-refresh.detail-scene-page .detail-scene .service-hero-layout { display:flex; align-items:center; min-height:740px; padding:65px 0 75px; gap:0; }
body.visual-refresh.detail-scene-page .detail-scene .service-hero-copy { width:51%; max-width:650px; }
body.visual-refresh.detail-scene-page .detail-scene .breadcrumb { color:var(--scene-muted); margin-bottom:38px; }
body.visual-refresh.detail-scene-page .detail-scene .breadcrumb a { color:inherit!important; }
body.visual-refresh.detail-scene-page .detail-scene h1,
body.visual-refresh.aux-scene-page .aux-scene-hero h1 { margin:0 0 26px; color:var(--scene-ink)!important; font-size:clamp(38px,4.3vw,64px)!important; line-height:1.22!important; letter-spacing:-.035em; font-weight:750; text-wrap:balance; }
body.visual-refresh.detail-scene-page .detail-scene .lead,
body.visual-refresh.aux-scene-page .aux-scene-hero :is(.lead,.section-desc) { max-width:590px; margin:0 0 28px; color:var(--scene-muted)!important; font-size:17px!important; line-height:1.85!important; word-break:keep-all; overflow-wrap:break-word; }
body.visual-refresh.detail-scene-page .detail-scene .kicker,
body.visual-refresh.aux-scene-page .aux-scene-hero :is(.kicker,.section-label) { margin-bottom:22px; color:var(--scene-muted)!important; font-size:12px; letter-spacing:.06em; }
body.visual-refresh.detail-scene-page .detail-scene .detail-scene-art,body.visual-refresh.aux-scene-page .aux-scene-art { position:absolute; z-index:0; inset:0; margin:0; overflow:hidden; transform:translate3d(0,var(--media-shift,0px),0); }
:is(.detail-scene-art,.aux-scene-art) > img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:65% center; }
:is(.detail-scene-art,.aux-scene-art) figcaption { position:absolute; z-index:2; right:24px; bottom:22px; padding:5px 9px; color:#42556a; background:#ffffffe0; font-size:10px; line-height:1.6; }
.media-toggle { display:inline-flex; gap:20px; align-items:center; min-height:42px; padding:9px 13px; margin-top:26px; border:1px solid currentColor; border-radius:3px; background:var(--scene-paper,#edf2f7); color:inherit; font:inherit; font-size:11px; cursor:pointer; }
body.visual-refresh.detail-scene-page .detail-scene .media-toggle { color:var(--scene-muted); opacity:.85; }
body.visual-refresh.detail-scene-page .detail-scene .actions,
body.visual-refresh.aux-scene-page .aux-scene-hero .actions { display:flex; flex-wrap:wrap; gap:12px; }
body.visual-refresh.detail-scene-page .detail-scene :is(.cta,.ghost),
body.visual-refresh.aux-scene-page .aux-scene-hero :is(.cta,.ghost) { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:14px 20px; font-size:14px; border-radius:3px; }
body.visual-refresh.detail-scene-page .detail-scene--editorial { --scene-paper:#f0eee8; }
body.visual-refresh.detail-scene-page .detail-scene--editorial .detail-scene-art { left:30%; }
body.visual-refresh.detail-scene-page .detail-scene--data .service-hero-copy { margin-left:53%; width:47%; }
body.visual-refresh.detail-scene-page .detail-scene--data .detail-scene-art { right:29%; left:-22%; }
body.visual-refresh.detail-scene-page .detail-scene--data::before { background:linear-gradient(90deg,transparent 30%,#edf2f7c4 43%,#edf2f7 55%)!important; }
body.visual-refresh.detail-scene-page :is(.detail-scene--code,.detail-scene--network,.detail-scene--pipeline) { --scene-paper:#12243b; --scene-ink:#fff; --scene-muted:#d2deec; }
body.visual-refresh.detail-scene-page :is(.detail-scene--code,.detail-scene--network,.detail-scene--pipeline) .detail-scene-art { left:20%; }
body.visual-refresh.detail-scene-page .detail-scene--code .detail-scene-art > img { object-position:center; opacity:.7; }
body.visual-refresh.detail-scene-page :is(.detail-scene--code,.detail-scene--network,.detail-scene--pipeline)::before { background:linear-gradient(90deg,#12243b 0%,#12243bf5 27%,#12243b8f 52%,#12243b05 85%)!important; }
body.visual-refresh.detail-scene-page .detail-scene--network .service-hero-layout { align-items:flex-start; min-height:850px; padding-top:55px; }
body.visual-refresh.detail-scene-page .detail-scene--network .service-hero-copy { width:71%; max-width:840px; }
body.visual-refresh.detail-scene-page .detail-scene--network .detail-scene-art { inset:310px 0 0; }
body.visual-refresh.detail-scene-page .detail-scene--network::before { background:linear-gradient(180deg,#12243b 0%,#12243b 40%,#12243be8 58%,#12243b00 85%)!important; }
body.visual-refresh.detail-scene-page .detail-scene--analysis { --scene-paper:#e3f2ea; --scene-ink:#173f33; --scene-muted:#47695d; }
body.visual-refresh.detail-scene-page .detail-scene--analysis .service-hero-layout { align-items:flex-start; justify-content:center; min-height:940px; padding-top:55px; }
body.visual-refresh.detail-scene-page .detail-scene--analysis .service-hero-copy { width:100%; max-width:880px; text-align:center; }
body.visual-refresh.detail-scene-page .detail-scene--analysis :is(.breadcrumb,.actions) { justify-content:center; }
body.visual-refresh.detail-scene-page .detail-scene--analysis .lead { max-width:690px; margin-inline:auto; }
body.visual-refresh.detail-scene-page .detail-scene--analysis .detail-scene-art { inset:395px 0 0; }
body.visual-refresh.detail-scene-page .detail-scene--analysis::before { background:linear-gradient(180deg,#e3f2ea 0%,#e3f2ea 32%,#e3f2ea00 65%)!important; }
/* Project and technical pages retain their working examples below the artwork. */
body.visual-refresh.aux-scene-page .aux-scene-content { padding:90px 0 110px; min-height:740px; }
body.visual-refresh.aux-scene-page .aux-scene-content > :is(h1,p,.actions,.media-toggle) { position:relative; z-index:2; max-width:580px; }
body.visual-refresh.aux-scene-page .aux-scene-hero--rag .aux-scene-content > :is(h1,p,.actions,.kicker,.media-toggle) { margin-left:53%; }
body.visual-refresh.aux-scene-page .aux-scene-hero--rag .aux-scene-art { right:34%; left:-10%; }
body.visual-refresh.aux-scene-page .aux-scene-hero--rag::before { background:linear-gradient(90deg,transparent 29%,#edf2f7c4 43%,#edf2f7 56%)!important; }
body.visual-refresh.aux-scene-page :is(.aux-scene-hero--agent,.aux-scene-hero--projects) { --scene-paper:#12243b; --scene-ink:#fff; --scene-muted:#d2deec; }
body.visual-refresh.aux-scene-page .aux-scene-hero--agent .aux-scene-content { min-height:830px; padding-top:70px; }
body.visual-refresh.aux-scene-page .aux-scene-hero--agent .aux-scene-art { inset:270px 0 0; }
body.visual-refresh.aux-scene-page .aux-scene-hero--agent::before { background:linear-gradient(180deg,#12243b 0%,#12243b 30%,#12243be8 48%,#12243b00 80%)!important; }
body.visual-refresh.aux-scene-page .aux-scene-hero--projects .aux-scene-art { left:20%; }
body.visual-refresh.aux-scene-page .aux-scene-hero--projects::before { background:linear-gradient(90deg,#12243b 0%,#12243bf2 22%,#12243b8f 50%,transparent 86%)!important; }
body.visual-refresh.aux-scene-page :is(.aux-scene-hero--press,.aux-scene-hero--contact) { --scene-paper:#f1eee8; }
body.visual-refresh.aux-scene-page :is(.aux-scene-hero--press,.aux-scene-hero--contact) .aux-scene-art { left:28%; }
body.visual-refresh.aux-scene-page :is(.aux-scene-hero--press,.aux-scene-hero--contact) .aux-scene-content { min-height:420px; padding-block:80px; }
body.visual-refresh.aux-scene-page .aux-scene-hero--contact .aux-scene-content { min-height:310px; padding-block:62px; }
body.visual-refresh.aux-scene-page .aux-scene-hero--contact h1 { font-size:clamp(36px,3.6vw,52px)!important; }
/* LXP introduction gains an image; the interactive product remains intact. */
body.visual-refresh.aux-scene-page .lxp-scene-hero { position:relative; isolation:isolate; overflow:hidden; padding-top:0; background:#edf1f6!important; }
body.visual-refresh.aux-scene-page .lxp-scene-intro { position:relative; isolation:isolate; }
body.visual-refresh.aux-scene-page .lxp-scene-hero .aux-scene-art { inset:0 -20% 0 24%; }
body.visual-refresh.aux-scene-page .lxp-scene-intro::before { content:''; position:absolute; z-index:1; top:0; left:0; right:0; height:720px; background:linear-gradient(90deg,#edf1f6 0%,#edf1f6f5 24%,#edf1f6a6 50%,#edf1f600 78%),linear-gradient(0deg,#edf1f6,transparent 20%)!important; }
body.visual-refresh.aux-scene-page .lxp-scene-hero .lxp-shell { position:relative; z-index:2; }
body.visual-refresh.aux-scene-page .lxp-scene-hero .lxp-hero-copy { position:relative; z-index:2; padding:80px 0 65px; min-height:660px; max-width:630px; }
body.visual-refresh.aux-scene-page .lxp-scene-hero h1 { max-width:620px; font-size:clamp(40px,4.2vw,60px)!important; line-height:1.23!important; letter-spacing:-.035em; }
body.visual-refresh.aux-scene-page .lxp-scene-hero .lxp-hero-copy > p { font-size:17px; line-height:1.85; }
body.visual-refresh.aux-scene-page .lxp-scene-hero .lxp-proof { max-width:620px; }
body.visual-refresh.aux-scene-page .lxp-scene-hero .media-toggle { color:#526881; }
:is(.detail-scene,.aux-scene-hero,.lxp-scene-hero):is(.is-media-playing,.is-media-paused) [data-media-layer] { animation:service-scene-intro 3.6s cubic-bezier(.2,.7,.2,1) both; }
@keyframes service-scene-intro { from { opacity:.2; clip-path:inset(0 0 0 50%); transform:translate3d(35px,calc(var(--media-shift,0px) + 15px),0) scale(1.025); } 72%,to { opacity:1; clip-path:inset(0); transform:translate3d(0,var(--media-shift,0px),0) scale(1); } }
@media(max-width:1000px) {
 body.visual-refresh.detail-scene-page .detail-scene h1,body.visual-refresh.aux-scene-page .aux-scene-hero h1 { font-size:44px!important; }
 body.visual-refresh.detail-scene-page .detail-scene .service-hero-copy { width:54%; }
 body.visual-refresh.detail-scene-page .detail-scene--network .service-hero-copy { width:80%; }
 body.visual-refresh.detail-scene-page .detail-scene--analysis .service-hero-copy { width:100%; }
 body.visual-refresh.detail-scene-page .detail-scene--data .service-hero-copy { width:49%; margin-left:51%; }
 body.visual-refresh.aux-scene-page .aux-scene-hero--rag .aux-scene-content > :is(h1,p,.actions,.kicker,.media-toggle) { margin-left:51%; }
}
@media(max-width:760px) {
 body.visual-refresh.detail-scene-page .detail-scene > .wrap,body.visual-refresh.aux-scene-page .aux-scene-content { width:calc(100% - 40px); }
 body.visual-refresh.detail-scene-page .detail-scene .service-hero-layout { display:block; min-height:0; padding:35px 0 325px; }
 body.visual-refresh.detail-scene-page .detail-scene .service-hero-copy { width:100%; max-width:none; margin:0; text-align:left; }
 body.visual-refresh.detail-scene-page .detail-scene h1,body.visual-refresh.aux-scene-page .aux-scene-hero h1 { font-size:40px!important; line-height:1.25!important; }
 body.visual-refresh.detail-scene-page .detail-scene .breadcrumb { margin-bottom:30px; font-size:11px; }
 body.visual-refresh.detail-scene-page .detail-scene .lead,body.visual-refresh.aux-scene-page .aux-scene-hero :is(.lead,.section-desc) { font-size:16px!important; line-height:1.8!important; }
 body.visual-refresh.detail-scene-page .detail-scene .detail-scene-art { inset:auto 0 0; width:100%; height:300px; }
 body.visual-refresh.detail-scene-page .detail-scene .detail-scene-art > img { object-position:70% center; }
 body.visual-refresh.detail-scene-page .detail-scene::before { background:none!important; }
 body.visual-refresh.detail-scene-page .detail-scene--analysis :is(.breadcrumb,.actions) { justify-content:flex-start; }
 .media-toggle { margin-top:22px; }
 body.visual-refresh.aux-scene-page .aux-scene-content { min-height:0!important; padding:45px 0 330px!important; }
 body.visual-refresh.aux-scene-page .aux-scene-hero .aux-scene-content > :is(h1,p,.actions,.kicker,.media-toggle) { max-width:none; margin-left:0; }
 body.visual-refresh.aux-scene-page .aux-scene-hero .aux-scene-art { inset:auto 0 0; width:100%; height:300px; }
 body.visual-refresh.aux-scene-page .aux-scene-hero::before { background:none!important; }
 body.visual-refresh.aux-scene-page .aux-scene-hero--contact .aux-scene-art { display:none; }
 body.visual-refresh.aux-scene-page .aux-scene-hero--contact .aux-scene-content { padding:42px 0!important; }
 body.visual-refresh.aux-scene-page .aux-scene-hero--contact h1 { font-size:36px!important; }
 body.visual-refresh.aux-scene-page .lxp-scene-intro { display:flex; flex-direction:column; }
 body.visual-refresh.aux-scene-page .lxp-scene-hero .aux-scene-art { position:relative; inset:auto; width:calc(100% + 40px); margin-inline:-20px; height:300px; }
 body.visual-refresh.aux-scene-page .lxp-scene-intro::before { display:none; }
 body.visual-refresh.aux-scene-page .lxp-scene-hero .lxp-hero-copy { padding:44px 0 30px; min-height:0; max-width:none; }
 body.visual-refresh.aux-scene-page .lxp-scene-hero h1 { font-size:38px!important; }
 body.visual-refresh.aux-scene-page .lxp-scene-hero .lxp-hero-copy > p { font-size:16px; }
}
@media(max-width:380px) {
 body.visual-refresh.detail-scene-page .detail-scene h1,body.visual-refresh.aux-scene-page .aux-scene-hero h1 { font-size:34px!important; }
 body.visual-refresh.detail-scene-page .detail-scene :is(.cta,.ghost),body.visual-refresh.aux-scene-page .aux-scene-hero :is(.cta,.ghost) { padding:12px 14px; font-size:13px; }
 body.visual-refresh.aux-scene-page .lxp-scene-hero h1 { font-size:33px!important; }
}