.work-art{isolation:isolate;background:#102a2d;position:relative;overflow:hidden}.work-art__system,.work-art__system svg{width:100%;height:100%;display:block}.work-art__system svg{object-fit:cover}.work-art:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#071d2288 0%,#0000 27% 60%,#071d22ab 100%);position:absolute;inset:0}.work-art__top,.work-art__bottom{z-index:1;color:#f6f4ee;letter-spacing:.16em;justify-content:space-between;align-items:center;gap:1rem;font-size:clamp(.56rem,.75vw,.7rem);font-weight:750;line-height:1.3;display:flex;position:absolute;left:clamp(1rem,2vw,1.5rem);right:clamp(1rem,2vw,1.5rem)}.work-art__top{top:1rem}.work-art__bottom{bottom:1rem}.work-art__cross{color:var(--coral);font-size:1rem;line-height:1}.work-art__track{background:#f6f4ee7a;flex:none;width:3.4rem;height:2px;position:relative;overflow:hidden}.work-art__track i{background:var(--coral);width:38%;height:100%;display:block}.work-card.is-visible .work-art__track i,.case-card.is-visible .work-art__track i{animation:3.6s ease-in-out infinite alternate work-track}.work-card.is-visible .zw-review-packet,.case-card.is-visible .zw-review-packet{animation:3.6s ease-in-out infinite zw-packet}.work-card.is-visible .zw-review-flow,.case-card.is-visible .zw-review-flow{animation:3.6s linear infinite zw-flow}.work-card.is-visible .zw-lens,.case-card.is-visible .zw-lens{transform-box:fill-box;transform-origin:50%;animation:3.6s ease-in-out infinite zw-lens}.work-card.is-visible .zw-review-result,.case-card.is-visible .zw-review-result,.work-card.is-visible .zw-hiring-dot,.case-card.is-visible .zw-hiring-dot,.work-card.is-visible .zw-server-light,.case-card.is-visible .zw-server-light{animation:3.6s ease-in-out infinite system-pulse}.work-card.is-visible .tl-order-packet,.case-card.is-visible .tl-order-packet{animation:3.6s ease-in-out infinite tl-packet}.work-card.is-visible .tl-order-trail,.case-card.is-visible .tl-order-trail{animation:3.6s linear infinite tl-trail}.work-card.is-visible .tl-created,.case-card.is-visible .tl-created{animation:3.6s ease-in-out infinite system-pulse}.work-card.is-visible .tl-conveyor,.case-card.is-visible .tl-conveyor{animation:1.1s linear infinite tl-roll}.work-card.is-visible .tl-signal,.case-card.is-visible .tl-signal{animation:2.2s ease-in-out infinite system-pulse}.work-card.is-visible .tl-kpi-bar,.case-card.is-visible .tl-kpi-bar{transform-box:fill-box;transform-origin:bottom;animation:3.2s ease-in-out infinite alternate tl-bars}.work-card.is-visible .dv-packet,.case-card.is-visible .dv-packet{animation:3.5s ease-in-out infinite dv-packet}.work-card.is-visible .dv-flow,.case-card.is-visible .dv-flow{animation:3.5s linear infinite dv-flow}.work-card.is-visible .dv-site-card,.case-card.is-visible .dv-site-card{animation:3.5s ease-in-out infinite dv-site}.case-card__image .work-art{aspect-ratio:5/3;width:100%;height:auto}@keyframes work-track{0%{transform:translate(0)}to{transform:translate(165%)}}@keyframes zw-packet{0%,9%{opacity:0;transform:translate(387px,279px)}18%{opacity:1}70%{opacity:1;transform:translate(455px,279px)}82%,to{opacity:0;transform:translate(455px,279px)}}@keyframes zw-flow{to{stroke-dashoffset:-155px}}@keyframes zw-lens{0%,30%,to{transform:scale(1)}60%{transform:scale(1.1)}}@keyframes tl-packet{0%,9%{opacity:0;transform:translate(0)}16%{opacity:1}75%{opacity:1;transform:translate(325px)}85%,to{opacity:0;transform:translate(325px)}}@keyframes tl-trail{to{stroke-dashoffset:-358px}}@keyframes tl-roll{to{stroke-dashoffset:-54px}}@keyframes tl-bars{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}@keyframes system-pulse{0%,60%,to{opacity:.6}72%{opacity:1}}@keyframes dv-packet{0%,8%{opacity:0;transform:translate(470px,347px)}16%{opacity:1}74%{opacity:1;transform:translate(635px,347px)}86%,to{opacity:0;transform:translate(635px,347px)}}@keyframes dv-flow{to{stroke-dashoffset:-306px}}@keyframes dv-site{0%,55%,to{fill:#d2e3db}68%,82%{fill:#ffab8e}}@media (prefers-reduced-motion:reduce){.work-card.is-visible .work-art__track i,.case-card.is-visible .work-art__track i,.work-art__system svg *{animation:none!important}}.work-details__meta{justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;display:flex}.work-details__meta>span{color:var(--teal);letter-spacing:.1em;font-size:.7rem;font-weight:800}.client-mark{flex:none;place-items:center;width:2.75rem;height:2.75rem;display:grid}.client-mark--tech-link{width:4rem}.client-mark img{object-fit:contain;width:100%;height:100%;display:block}.case-card__meta{margin-bottom:1.5rem}.client-logo-full{align-items:center;max-width:100%;height:2rem;display:inline-flex}.client-logo-full img{object-fit:contain;width:auto;max-width:100%;height:100%;display:block}.client-logo-full--zwilling{gap:.5rem}.client-logo-full--zwilling .client-logo-full__wordmark{height:1.1rem}.case-card__logo{margin-bottom:1.4rem}@media (width<=640px){.client-mark{width:2.5rem;height:2.5rem}.client-mark--tech-link{width:3.625rem}.case-card__logo{height:1.5rem}.client-logo-full--zwilling .client-logo-full__wordmark{height:.85rem}}
