.page-hero { position: relative; overflow: hidden; }
  .about-hero-wm {
    position: absolute;
    top: 0; right: 0; bottom: 0;
    width: clamp(220px, 30vw, 460px);
    pointer-events: none;
    z-index: 0;
    opacity: 0.16;
  }
  .about-hero-wm svg { width: 100%; height: 100%; display: block; }
  .about-hero-wm path {
    fill: none;
    stroke: var(--page-text, #14171f);
    stroke-width: 1.05;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
    stroke-dasharray: 2600;
    stroke-dashoffset: 2600;
    transition: stroke-dashoffset 2.4s cubic-bezier(.22,.9,.24,1);
  }
  .about-hero-wm.in path { stroke-dashoffset: 0; }
  .about-hero-wm.in path:nth-child(2) { transition-delay: .1s; }
  .about-hero-wm.in path:nth-child(3) { transition-delay: .2s; }
  .about-hero-wm.in path:nth-child(4) { transition-delay: .3s; }
  .about-hero-wm.in path:nth-child(5) { transition-delay: .4s; }
  .page-hero .section-inner { position: relative; z-index: 1; }
  @media (max-width: 900px) { .about-hero-wm { display: none; } }
  @media (prefers-reduced-motion: reduce) {
    .about-hero-wm path { transition: none !important; stroke-dashoffset: 0 !important; }
  }