/* Sitewide illustration standard: distinct subject, composition, supporting detail and meaningful motion. Never reuse a scene shell with only an icon or color swapped. */
.ngv-showcase-art--distinct{display:flex;align-items:center;justify-content:center;min-height:175px}
.ngv-showcase-art--distinct .ngw-card-scene{max-width:280px;margin:0}
.ngv-showcase-art--distinct .ngill-scene{width:100%;max-width:280px;margin:0}
.ngv-showcase-art--distinct .ngw-card-scene>svg{width:100%;height:auto}

.ngw-card-scene{display:block;width:100%;max-width:240px;margin:0 0 16px;color:#202124;line-height:0}
.ngtx-local-steps .ngw-card-scene{max-width:230px;margin:18px 0 14px}
.ngregion-card .ngill-scene{max-width:260px;margin:18px 0 14px}
.ngtx-local-steps article{min-width:0}
.ngw-card-scene>svg{display:block;width:100%;height:auto;overflow:visible}
.ngw-card-scene .ngv-detail-icon{width:42px;height:42px;stroke:#202124;color:#202124}
.ngw-scene-lift{animation:ngw-card-lift 4s ease-in-out infinite}
.ngw-scene-delay{animation-delay:-2s}
@keyframes ngw-card-lift{50%{transform:translateY(-3px)}}
.ngcp-audience .ngv-city-art{width:100%!important;height:auto!important;max-width:240px!important;background:none!important;border:0!important;border-radius:0!important;display:block!important}
.ngcp-audience .ngw-card-scene,.ngcity-fit-item .ngw-card-scene{max-width:210px}
.ngcity-fit-item .ngw-card-scene{margin-top:10px}
.ngv-archive-art.ngv-city-art:has(.ngw-card-scene){width:min(100%,300px)!important;height:auto!important;border:0!important;background:none!important}
.ngv-archive-art .ngw-card-scene{max-width:300px;margin:0}
.ngdp-related-grid .ngdp-related-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.ngdp-related-card .ngw-card-scene{max-width:180px;margin:0}
.ngdp-related-card .ngw-card-scene svg{width:100%!important;height:auto!important}
.nsu-brand-chapter__list .ngw-card-scene{max-width:205px;margin:0 0 12px}
.ngtx-playbook .ngill-scene{width:100%;max-width:240px;margin:16px 0}
.ngsx-ops-task .ngsx-ops-task__icon{width:76px!important;min-width:76px;height:48px!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;display:block!important}
.ngsx-ops-task__icon .ngw-card-scene{width:76px;margin:0}
.ngsx-ops-task__icon .ngw-card-scene>svg{height:48px;width:76px}
@media(max-width:600px){.ngcp-audience .ngw-card-scene{max-width:180px}.ngdp-related-card .ngw-card-scene{max-width:150px}.nsu-brand-chapter__list .ngw-card-scene{max-width:175px}.ngsx-ops-task .ngsx-ops-task__icon{width:60px!important;min-width:60px}.ngsx-ops-task__icon .ngw-card-scene,.ngsx-ops-task__icon .ngw-card-scene>svg{width:60px}}

/* Each subject has its own motion, driven by the illustrated activity. */
.ngw-scene-consult{animation:ngw-scene-consult 4s ease-in-out infinite}
.ngw-scene-sign{animation:ngw-scene-sign 3s ease-in-out infinite}
.ngw-scene-route{animation:ngw-scene-route 3s linear infinite}
.ngw-scene-order{animation:ngw-scene-order 4s ease-in-out infinite}
.ngw-scene-pulse{animation:ngw-scene-pulse 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.ngw-scene-steam{animation:ngw-scene-steam 3s ease-out infinite}
.ngw-scene-service{animation:ngw-scene-service 4s ease-in-out infinite}
.ngw-scene-draw{stroke-dasharray:260;animation:ngw-scene-draw 5s ease-in-out infinite}
.ngw-scene-pencil{animation:ngw-scene-pencil 3s ease-in-out infinite}
.ngw-scene-breathe{animation:ngw-scene-breathe 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.ngw-scene-build{animation:ngw-scene-build 4s ease-in-out infinite}
.ngw-scene-drive{animation:ngw-scene-drive 4s ease-in-out infinite}
.ngw-scene-machine{animation:ngw-scene-machine 4s ease-in-out infinite;transform-box:fill-box;transform-origin:30% 70%}
.ngw-scene-belt{animation:ngw-scene-belt 4s ease-in-out infinite}
.ngw-scene-community{animation:ngw-scene-community 5s ease-in-out infinite}
.ngw-scene-sprout{animation:ngw-scene-sprout 4s ease-in-out infinite;transform-box:fill-box;transform-origin:bottom}
.ngw-scene-water{animation:ngw-scene-water 2s ease-in infinite}
.ngw-scene-page{animation:ngw-scene-page 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.ngw-scene-code{animation:ngw-scene-code 4s ease-in-out infinite}
.ngw-scene-wave{animation:ngw-scene-wave 4s ease-in-out infinite}
.ngw-scene-sail{animation:ngw-scene-sail 5s ease-in-out infinite;transform-box:fill-box;transform-origin:bottom}
@keyframes ngw-scene-consult{50%{transform:translateX(3px)}}
@keyframes ngw-scene-sign{0%,100%{opacity:.5}50%{opacity:1;transform:translateX(-2px)}}
@keyframes ngw-scene-route{to{stroke-dashoffset:-36}}
@keyframes ngw-scene-order{50%{transform:translateY(-4px)}}
@keyframes ngw-scene-pulse{50%{transform:scale(1.07);opacity:.65}}
@keyframes ngw-scene-steam{0%{transform:translateY(4px);opacity:.1}50%{opacity:1}100%{transform:translateY(-6px);opacity:0}}
@keyframes ngw-scene-service{50%{transform:translateX(-4px)}}
@keyframes ngw-scene-draw{0%,10%{stroke-dashoffset:260}60%,100%{stroke-dashoffset:0}}
@keyframes ngw-scene-pencil{50%{transform:translate(-4px,-4px)}}
@keyframes ngw-scene-breathe{50%{transform:scale(1.025)}}
@keyframes ngw-scene-build{50%{transform:translateY(-3px)}}
@keyframes ngw-scene-drive{50%{transform:translateX(5px)}}
@keyframes ngw-scene-machine{50%{transform:rotate(-6deg)}}
@keyframes ngw-scene-belt{50%{transform:translateX(9px)}}
@keyframes ngw-scene-community{50%{transform:translateY(-2px)}}
@keyframes ngw-scene-sprout{50%{transform:scaleY(1.06)}}
@keyframes ngw-scene-water{0%{opacity:0}50%{opacity:1}100%{opacity:0;transform:translate(-4px,5px)}}
@keyframes ngw-scene-page{50%{transform:rotate(-2deg)}}
@keyframes ngw-scene-code{50%{opacity:.4}}
@keyframes ngw-scene-wave{50%{transform:translateX(5px)}}
@keyframes ngw-scene-sail{50%{transform:rotate(2deg)}}
.ngw-card-scene.ngill-paused *{animation-play-state:paused!important}
.ngcp-audience .ngw-card-scene{max-width:260px;margin:0 0 12px}
.ngcp-audience .ngv-city-art{max-width:280px!important}
@media(prefers-reduced-motion:reduce){.ngw-card-scene *{animation:none!important;stroke-dashoffset:0!important}}

