/* Full drawings are the default, including when scripting is unavailable. */
.story-visual .service-drawing {display:block;width:100%;height:100%;}
.story-mobile-visual .service-drawing {display:block;width:100%;height:auto;max-height:340px;}
.craft-drawing[data-build="waiting"] .craft-part {opacity:0;}
.craft-drawing[data-build="playing"] .craft-part {
  stroke-dasharray:100;
  animation:craft-draw 900ms ease-out var(--draw-delay) both;
}
@keyframes craft-draw {
  0% {opacity:0;stroke-dashoffset:100;fill-opacity:0;}
  12% {opacity:var(--part-opacity,1);fill-opacity:0;}
  65% {stroke-dashoffset:0;fill-opacity:0;}
  100% {opacity:var(--part-opacity,1);stroke-dashoffset:0;fill-opacity:1;}
}
@media(prefers-reduced-motion:reduce) {
  .craft-drawing[data-build] .craft-part {animation:none;opacity:var(--part-opacity,1);}
}
@media print {
  .craft-drawing[data-build] .craft-part {animation:none;opacity:var(--part-opacity,1);}
}
/* Match the white illustration surfaces on the homepage in light mode. */
:root:not([data-theme="dark"]) .services-page .story-visuals,
:root:not([data-theme="dark"]) .services-page .story-mobile-visual{background:#fff}