.ngv-archive-intro { background:#f7f8f9; border-bottom:1px solid #dce0e1; padding:clamp(24px,4vw,54px) 0; }
.ngv-archive-shell { box-sizing:border-box; max-width:1200px; width:calc(100% - 40px); margin:auto; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:clamp(14px,4vw,54px); align-items:center; }
.ngv-archive-shell h1 { margin:.25em 0 0; color:#202124; font-size:clamp(28px,4.5vw,58px); line-height:1.08; overflow-wrap:anywhere; }
.ngv-archive-back { display:inline-flex; align-items:center; gap:8px; color:#45494b; font-size:15px; font-weight:600; }
.ngv-archive-back:hover, .ngv-archive-back:focus-visible { color:#202124; text-decoration:underline; }
body .ngv-archive-shell > .ngill-scene { width:clamp(80px,18vw,180px)!important; margin:0!important; }
body .ngv-archive-shell > .ngv-archive-art { width:clamp(64px,11vw,100px); height:auto; aspect-ratio:1; padding:14px; }
@media(max-width:420px) {
.ngv-archive-shell { width:calc(100% - 32px); gap:12px; }
body .ngv-archive-shell > .ngill-scene { width:78px!important; }
} #ngv-related-service, #ngv-project-route-title { scroll-margin-top:110px; }
.ngv-detail-icon { display:block; width:100%; height:100%; color:#202124; }
.ngv-detail-icon .ngv-ink { stroke:#84c041; }
body .ngv-city-art, body .ngcity-fit-item > .ngv-city-art, body .ngv-route-art {
display:grid; place-items:center; box-sizing:border-box; width:56px; height:56px;
padding:7px; margin:0; border:1px solid #dce0e1; border-radius:12px; background:#fff;
}
body .ngcp-audience > .ngv-city-art { margin-bottom:14px; }
body .ngcity-fit-item:has(> .ngv-city-art) { grid-template-columns:56px minmax(0,1fr); }
body .ngv-checklist-art > .ngill-scene { max-width:148px!important; margin-bottom:16px!important; }
body .ngv-article-guide > .ngill-scene { max-width:168px!important; margin-bottom:20px!important; }
.ngv-article-guide h2 a { color:#202124; text-decoration:underline; text-decoration-thickness:1px; text-decoration-color:#84c041; text-underline-offset:.16em; }
.ngv-article-guide h2 a:hover, .ngv-article-guide h2 a:focus-visible { text-decoration-thickness:2px; }
.ngv-project-route { margin:clamp(28px,5vw,64px) 0; padding:clamp(20px,3vw,40px); background:#f7f8f9; border:1px solid #dce0e1; border-radius:14px; }
.ngv-project-route h2 { color:#202124; font-size:clamp(22px,3vw,34px); margin:0 0 24px; }
.ngv-project-route .ngv-route-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; list-style:none; margin:0; padding:0; }
.ngv-route-steps > li { position:relative; list-style:none; padding:0; margin:0; min-width:0; }
.ngv-route-steps > li:not(:last-child)::after {
content:""; position:absolute; top:27px; left:68px; right:0; height:2px; background:#cbd0d2;
}
.ngv-route-text { display:block; margin:12px 0 0; color:#202124; font-size:clamp(15px,1.25vw,18px); line-height:1.4; }
.ngv-search-match { min-width:0; }
.ngv-search-match .ngdp-cluster-term { display:flex; align-items:center; gap:.6rem; color:#45494b!important; }
.ngv-query-symbol { display:block; flex:0 0 27px; width:27px; height:27px; }
.ngv-search-destination { display:flex; align-items:flex-start; gap:12px; margin:.25rem 0; }
.ngv-result-turn { display:block; position:relative; box-sizing:border-box; flex:0 0 17px; height:15px; margin:0 0 0 10px; border-left:2px solid #84c041; border-bottom:2px solid #84c041; border-bottom-left-radius:5px; }
.ngv-result-turn::after { content:""; position:absolute; right:0; bottom:-4px; width:5px; height:5px; border-right:2px solid #202124; border-top:2px solid #202124; transform:rotate(45deg); }
.ngv-search-destination h3 { overflow-wrap:anywhere; }
@media (max-width:620px) {
.ngv-project-route .ngv-route-steps { grid-template-columns:minmax(0,1fr); gap:18px; }
.ngv-route-steps > li { display:grid; grid-template-columns:56px minmax(0,1fr); gap:14px; align-items:center; }
.ngv-route-text { margin:0; }
.ngv-route-steps > li:not(:last-child)::after { top:58px; bottom:-16px; left:27px; right:auto; width:2px; height:auto; }
}
@media (prefers-reduced-motion:no-preference) {
.ngv-seen .ngv-detail-icon .ngv-ink { animation:ngv-ink-reveal .65s ease-out both; }
.ngv-route-steps.ngv-seen > li:nth-child(2) .ngv-ink { animation-delay:.18s; }
.ngv-route-steps.ngv-seen > li:nth-child(3) .ngv-ink { animation-delay:.36s; }
.ngv-search-match.ngv-seen .ngv-result-turn::after { animation:ngv-result-arrive .55s ease-out both; }
}
@keyframes ngv-ink-reveal { from { stroke-dasharray:90; stroke-dashoffset:90; } to { stroke-dasharray:90; stroke-dashoffset:0; } }
@keyframes ngv-result-arrive { from { transform:translateX(-6px) rotate(45deg); } to { transform:translateX(0) rotate(45deg); } } .ngpf-project-layout > .ngv-project-showcase{grid-column:1 / -1;margin:0;padding:28px 0 0;border:0;border-top:1px solid #ECEEF0;border-radius:0;background:transparent}
body .ng4d__flow .ngill-scene{width:140px!important;max-width:100%!important;margin:0 0 16px!important}
.ngpf-project-layout:has(>.ngv-project-showcase){align-items:start;row-gap:24px}
.ngv-showcase-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#62676B;margin:0 0 8px}
.ngv-project-showcase h2{font-size:clamp(22px,2.3vw,30px);line-height:1.18;margin:0 0 22px}
.ngv-project-showcase .ngv-showcase-grid{gap:16px}
.ngv-showcase-art{aspect-ratio:32/19;background:#F7F8F9;border:1px solid #ECEEF0;border-radius:10px;overflow:hidden;margin-bottom:14px}
.ngv-showcase-art>svg{display:block;width:100%;height:100%}
.ngv-showcase-detail h3.ngv-route-text{margin:0;font-size:16px;line-height:1.35;font-weight:600}
.ngv-showcase-detail>p{font-size:14px;line-height:1.6;color:#62676B;margin:8px 0 0}
@media(min-width:801px){.ngpf-project-layout>.ngpf-project-copy{grid-row:1;align-self:center}.ngpf-project-layout>.ngpf-project-image{grid-column:2;grid-row:1;margin:0}.ngpf-project-layout>.ngv-project-showcase{grid-row:2}.ngv-project-showcase .ngv-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ngv-project-showcase .ngv-showcase-detail{display:grid;grid-template-columns:120px minmax(0,1fr);gap:0 16px;align-content:start}.ngv-project-showcase .ngv-showcase-art{grid-row:1 / span 2;margin:0}.ngv-project-showcase .ngv-showcase-detail>p{grid-column:2}}
@media(min-width:801px) and (max-width:1100px){.ngv-project-showcase .ngv-showcase-detail{grid-template-columns:1fr}.ngv-project-showcase .ngv-showcase-art{grid-row:auto;margin-bottom:14px}.ngv-project-showcase .ngv-showcase-detail>p{grid-column:1}}
@media(max-width:800px){.ngpf-project-layout>.ngv-project-showcase{grid-column:1 / -1}}
@media(max-width:620px){.ngv-project-showcase .ngv-showcase-grid{display:grid;grid-template-columns:1fr;gap:24px}.ngv-showcase-detail{display:grid;grid-template-columns:120px minmax(0,1fr);gap:0 16px;align-items:start}.ngv-showcase-art{grid-row:1 / span 2;margin:0}.ngv-showcase-detail>p{grid-column:2}}
@media(max-width:380px){.ngv-showcase-detail{grid-template-columns:1fr}.ngv-showcase-art{grid-row:auto;margin-bottom:12px}.ngv-showcase-detail>p{grid-column:1}}
@media(prefers-reduced-motion:no-preference){.ngv-showcase-drift{animation:ngv-showcase-drift 4s ease-in-out 2}.ngv-showcase-cursor{animation:ngv-showcase-point 4s ease-in-out 2}.ngv-showcase-pulse{animation:ngv-showcase-pulse 4s ease-in-out 2}}
@keyframes ngv-showcase-drift{50%{transform:translateY(-4px)}}
@keyframes ngv-showcase-point{50%{transform:translate(-12px,-5px)}}
@keyframes ngv-showcase-pulse{50%{fill:#84C041}} body .ngregion-process-timeline .ngill-scene{max-width:160px!important;margin:0 0 16px!important}
body .nga-service-grid>a>.ngill-scene{max-width:320px;margin-top:16px!important;margin-bottom:20px!important}
body .ngcity-steps li>.ngill-scene{max-width:170px;margin:16px 0!important}
body .ngcx-prep-steps article:has(>.ngill-scene){display:grid;grid-template-columns:30px 104px minmax(0,1fr);gap:18px;align-items:start}
body .ngcx-prep-steps article>.ngill-scene{width:104px!important;max-width:104px!important;margin:0!important}
body .ngq-process li:has(>.ngill-scene){display:grid;grid-template-columns:24px 68px minmax(0,1fr);gap:10px;align-items:start}
body .ngq-process li>.ngill-scene{width:68px!important;max-width:68px!important;margin:0!important}
body .ngb-next-links>a:has(>.ngill-scene){display:grid;grid-template-columns:100px minmax(0,1fr) 32px;column-gap:20px;align-items:center}
body .ngb-next-links>a>.ngill-scene{grid-column:1;grid-row:1 / 3;width:100px!important;max-width:100px!important;margin:0!important}
body .ngb-next-links>a>span:first-of-type{grid-column:2;grid-row:1}
body .ngb-next-links>a>strong{grid-column:2;grid-row:2}
body .ngb-next-links>a>.ngb-arrow{grid-column:3;grid-row:1 / 3}
body .ngsv-card>.ngill-scene{max-width:280px;margin:16px 0 20px!important}
body .ai-service-scene.ngill-paused *{animation-play-state:paused!important}
@media(max-width:650px){
body .ngcx-prep-steps article:has(>.ngill-scene){grid-template-columns:24px 82px minmax(0,1fr);gap:12px}
body .ngcx-prep-steps article>.ngill-scene{width:82px!important;max-width:82px!important}
body .ngb-next-links>a:has(>.ngill-scene){grid-template-columns:76px minmax(0,1fr) 24px;column-gap:12px}
body .ngb-next-links>a>.ngill-scene{width:76px!important;max-width:76px!important}
}
@media(max-width:380px){
body .ngcx-prep-steps article:has(>.ngill-scene){grid-template-columns:24px minmax(0,1fr)}
body .ngcx-prep-steps article>.ngill-scene{grid-column:2}
body .ngcx-prep-steps article>div:last-child{grid-column:2}
} body .ngw26-build__service:has(>.ngill-scene){display:grid;grid-template-columns:32px 108px minmax(0,1fr);gap:18px;align-items:start}
body .ngw26-build__service>.ngill-scene{width:108px!important;max-width:108px!important;margin:0!important}
body .ngw26-build__service-copy{min-width:0}
body .ngwp-build article>.ngill-scene{margin-top:16px!important;max-width:none}
body .ngwp-process article>.ngill-scene{margin-top:14px!important;max-width:220px}
body .ngav2-uses article>.ngill-scene{margin-top:16px!important;max-width:none}
body .ngav2-process li>.ngill-scene{margin-top:16px!important;margin-bottom:18px!important}
body .ngsm-platform>.ngill-scene{margin:16px 0 22px!important;max-width:none}
body .ngsx-deliverables article>.ngill-scene{margin:14px 0 18px!important;max-width:180px}
body .nseo-included__items li:has(>.ngill-scene){display:flex;align-items:center;gap:14px}
body .nseo-included__items li>.ngill-scene{width:86px!important;min-width:86px;max-width:86px!important;margin:0!important}
body .nseo-included__items li:has(>.ngill-scene)::before{display:none}
body .ng4d--hosting .ng4d__card>.ngill-scene{max-width:150px!important;margin:16px 0!important}
body .ngill-scene svg{pointer-events:none}
body article:nth-child(2n) .ngill-scene *,body li:nth-child(2n) .ngill-scene *{animation-delay:-1.3s}
body article:nth-child(3n) .ngill-scene *,body li:nth-child(3n) .ngill-scene *{animation-delay:-2.2s}
@media(max-width:700px){
body .ngw26-build__service:has(>.ngill-scene){grid-template-columns:28px minmax(0,1fr);gap:12px}
body .ngw26-build__service>.ngill-scene{grid-column:2;width:120px!important;max-width:120px!important}
body .ngw26-build__service-copy{grid-column:2}
body .ngsx-deliverables article>.ngill-scene{max-width:150px}
}
@media(prefers-reduced-motion:reduce){body .ngill-scene *{animation:none!important}} body .ngill-scene{display:block!important;width:100%!important;max-width:430px;aspect-ratio:32/19;height:auto!important;margin:0 0 22px!important;padding:0!important;overflow:hidden;border:1px solid #ECEEF0!important;border-radius:12px!important;background:#F7F8F9!important;flex-shrink:0;isolation:isolate;line-height:0}
body .ngill-scene>svg{display:block!important;width:100%!important;height:100%!important;max-width:none!important;overflow:visible;stroke:none}
body .ngill-scene svg text{font-family:Arial,sans-serif!important;font-size:11px!important;font-weight:700!important;letter-spacing:0!important;fill:#202124}
body .ngill-scene svg text.ngill-small{font-size:9px!important}
body .ngill-scene svg text.ngill-big{font-size:19px!important}
body .ngill-scene svg text.ngill-display{font-size:35px!important}
body .ngill-scene svg text.ngill-inverse{fill:#B5E66A!important}
body .ngill-scene--compact{max-width:180px!important;margin:0!important;border-radius:9px!important}
body .ngill-float{animation:ngill-float 4.4s ease-in-out infinite}
body .ngill-slide{animation:ngill-slide 4.4s ease-in-out infinite}
body .ngill-point{animation:ngill-point 4.4s ease-in-out infinite}
body .ngill-bars{transform-origin:center bottom;transform-box:fill-box;animation:ngill-bars 4.4s ease-in-out infinite}
body .ngill-draw{stroke-dasharray:240;animation:ngill-draw 4.4s ease-in-out infinite}
body .ngill-flow{animation:ngill-flow 1.8s linear infinite}
body .ngill-turn{transform-origin:center;transform-box:fill-box;animation:ngill-turn 6s ease-in-out infinite}
body .ngill-blink{animation:ngill-blink 3s ease-in-out infinite}
body .ngill-timeline{animation:ngill-timeline 4.4s ease-in-out infinite}
body .ngill-scene.ngill-paused *{animation-play-state:paused!important}
body .ngregion-guide-name>.ngill-scene{max-width:240px;margin-bottom:18px!important}
body .ngsm-outcomes>div:has(>.ngill-scene){display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;align-items:center;gap:20px!important}
body .ngsm-outcomes>div>.ngill-scene{width:120px!important;max-width:none!important}
body .ngsm-outcomes>div>.ngill-scene>svg{width:100%!important;height:100%!important}
body .nsu-graphic-step-top{margin-bottom:16px}
body .ngsm-offer>.ngill-scene{max-width:none;height:250px!important;aspect-ratio:auto}
body .ngsm-offer--ads>p,body .ngce-feature--ink>p{color:#ECEEF0!important}
body .ngce-feature--ink>h3{color:#FFFFFF!important}
body .nsf-fee-identity>.ngill-scene{width:130px!important;max-width:130px!important}
body .ngce-platform>.ngill-scene{margin-top:18px!important;max-width:none;height:190px!important;aspect-ratio:auto}
@media(max-width:550px){body .ngsm-offer>.ngill-scene{height:180px!important}}
body .nsu-steps--graphic>li>.ngill-scene,body .nsfh-process__step>.ngill-scene,body .ngce-feature>.ngill-scene{max-width:none}
body .nsu-scopes-grid>article>.ngill-scene{max-width:none;margin-bottom:22px!important}
@media(max-width:550px){body .ngsm-outcomes>div:has(>.ngill-scene){grid-template-columns:96px minmax(0,1fr)!important;gap:14px!important}body .ngsm-outcomes>div>.ngill-scene{width:96px!important}} body .ngcity-service-top:has(>.ngill-scene){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
body .ngcity-service-top>.ngill-scene{max-width:none;margin-bottom:0!important}
body .ngcity-more-link>.ngill-scene{max-width:none;margin-top:12px!important;height:clamp(180px,20vw,235px)!important;aspect-ratio:auto}
body .ng4d__card>.ngill-scene{max-width:none;margin-top:16px!important}
body .ng4d__card-top{justify-content:flex-start}
body .ngm-card>.ngill-scene,body .nsu-capabilities-grid>article>.ngill-scene,body .ngx-card>.ngill-scene{max-width:none}
body .nght-service-symbol:has(>.ngill-scene){display:block!important;width:100%!important;height:auto!important;background:none!important;border:0!important}
body .ngw-process__step-marker:has(>.ngill-scene){width:150px;min-width:150px}
body .ngw-process__steps li:has(.ngill-scene){grid-template-columns:150px minmax(0,1fr);gap:24px}
body .ngh-advantage-2026__feature:has(>.ngill-scene){display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;gap:20px!important;align-items:center}
body .ngh-advantage-2026__feature>.ngill-scene{width:132px!important}
body .ngce-process__grid>li:last-child:has(.ngill-scene) h3{color:#FFFFFF!important}
@media(max-width:550px){body .ngh-advantage-2026__feature:has(>.ngill-scene){grid-template-columns:100px minmax(0,1fr)!important;gap:15px!important}body .ngh-advantage-2026__feature>.ngill-scene{width:100px!important}}
body .nsu[data-nsu-kind="graphic"] .nsu-design-catalog__service:has(>.ngill-scene){grid-template-columns:100px minmax(0,1fr) 24px;gap:16px}
body .nsu-design-catalog__service>.ngill-scene{width:100px!important}
body .ngce-process__grid .ngill-scene{margin-top:18px!important}
body .nsp-lab-panel>.ngill-scene{max-width:430px}
@media(max-width:550px){body .nsu-design-catalog__service:has(>.ngill-scene){grid-template-columns:78px minmax(0,1fr) 20px;gap:12px}body .nsu-design-catalog__service>.ngill-scene{width:78px!important}}
@keyframes ngill-float{0%,100%{transform:translateY(3px)}50%{transform:translateY(-5px)}}
@keyframes ngill-slide{0%,100%{transform:translateX(-3px);opacity:.8}35%,75%{transform:translateX(2px);opacity:1}}
@keyframes ngill-point{0%,100%{transform:translate(8px,6px)}45%,65%{transform:translate(0,0)}}
@keyframes ngill-bars{0%,100%{transform:scaleY(.7)}40%,75%{transform:scaleY(1)}}
@keyframes ngill-draw{0%,100%{stroke-dashoffset:180}40%,80%{stroke-dashoffset:0}}
@keyframes ngill-flow{to{stroke-dashoffset:-26}}
@keyframes ngill-turn{0%,25%{transform:rotate(0deg)}75%,100%{transform:rotate(360deg)}}
@keyframes ngill-blink{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes ngill-timeline{0%,100%{transform:translateX(12px)}80%{transform:translateX(193px)}}
@media(max-width:600px){body .ngw-process__step-marker:has(>.ngill-scene){width:110px;min-width:110px}body .ngw-process__steps li:has(.ngill-scene){grid-template-columns:110px minmax(0,1fr);gap:16px}}
@media(max-width:420px){body .ngw-process__steps li:has(.ngill-scene){display:flex;flex-direction:column;gap:16px}body .ngw-process__step-marker:has(>.ngill-scene){width:160px;flex-direction:row;gap:14px}body .ngw-process__step-marker>.ngill-scene{min-width:132px}}
@media(prefers-reduced-motion:reduce){body .ngill-scene *{animation:none!important;transform:none!important;opacity:1!important;stroke-dashoffset:0!important}}