/* ==========================================================================
   Section: Work With Us — shared by the Career and Contact pages via
   template-parts/section-work-with-us.php. Only the dark band's blue curve
   (template-parts/work-with-us-curve) is shared here; each page keeps its own
   inner layout in its page CSS (.career-work* / .contact-workwithus*).
   ========================================================================== */

/* Shared blue curve (Figma "wwu"): centered + rotated, scroll-drawn by main.js
   (scrollCurves → .work-with-us__curve-path). Its offset parent is the section
   (.career-work / .contact-workwithus, both position:relative). */
.work-with-us__curve {
  position: absolute;
  left: calc(50% + 4.38px);   /* Figma: horizontally centered */
  top: 272.49px;              /* vertical centre of the Figma wrapper box */
  width: 100vw;
  transform: translate(-50%, -50%) rotate(-26.9deg);
  pointer-events: none;
  z-index: 0;
}
/* JS sets stroke-dasharray / -dashoffset for the scroll-draw. */
.work-with-us__curve-path {
  transition: stroke-dashoffset 0.1s linear;
}