/* ===========================================================================
   DPW — Services scroll animation: palette + stroke treatment only.
   Layout (the 400vh pin, the sticky stage, the 730px centre box) is owned by
   style.css so the animation packs correctly inside the services section.
   Carried over unchanged from the approved prototype.
   =========================================================================== */
.dpw-anim{
  --dpw-anim-active:#6DBE45;   /* Brand/Green      */
  --dpw-anim-accent:#3C8A22;   /* Brand/Green Deep */
  --dpw-anim-guide:#2A2A2A;
  --dpw-anim-guide2:#3A3A3A;
}

.dpw-anim .path{
  fill:none;
  stroke:var(--dpw-anim-guide);
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.dpw-anim .guide-frame{stroke:var(--dpw-anim-guide2)}

.dpw-anim .dpw-scene{opacity:0}
.dpw-anim .dpw-scene.is-active .path{stroke:var(--dpw-anim-active)}
.dpw-anim .dpw-scene.is-active .accent{stroke:var(--dpw-anim-accent)}
.dpw-anim .dpw-scene.is-active .dot{fill:var(--dpw-anim-accent);stroke:none}

@media (max-width:767px){
  .dpw-anim .path{stroke-width:2}
}