/* The artwork is the original PH bitmap, shared with the homepage. */
.ph-build{width:100%;max-width:460px;margin-top:20px;color:#111;pointer-events:none}
.ph-build-scene{display:block;width:100%;height:auto;overflow:visible;font-family:var(--sans);contain:layout style}
.ph-build-serif{font-family:var(--serif);letter-spacing:-.65px}
.ph-build .ph-wire{fill:#f6f6f4;stroke:#d2d2cd;stroke-width:.7}
.ph-webs .ph-process-intro>p:not(.section-index){font:15px/1.5 var(--display);color:var(--muted);max-width:260px;margin-top:23px}
.ph-webs .process-section{align-items:start}
.ph-webs .process-heading{position:sticky;top:105px;align-self:start}
.ph-webs .process-list li{position:relative;min-height:38vh;box-sizing:border-box;transition:border-color .2s}
.ph-webs .process-list li:last-child{min-height:48vh}
.ph-webs .process-list li:before{content:'';position:absolute;left:0;top:-1px;height:1px;background:currentColor;width:100%;transform:scaleX(var(--step-progress,0));transform-origin:left}
.ph-webs .process-list li[data-active="true"] .step-number{background:#111;color:#fff;border-color:#111}
.ph-webs .process-list .step-number{transition:background .2s,color .2s}
@media(min-width:761px) and (max-height:750px){
  .ph-webs .process-heading{top:95px}
  .ph-webs .ph-process-intro h2{font-size:29px}
  .ph-webs .ph-process-intro .section-index{margin-bottom:14px}
  .ph-webs .ph-process-intro>p:not(.section-index){margin-top:16px}
  .ph-webs .ph-process-intro .text-link{margin-top:18px}
  .ph-build{max-width:380px;margin-top:10px}
}
@media(max-width:760px){
  .ph-webs .process-section{row-gap:25px}
  .ph-webs .process-heading{display:contents}
  .ph-webs .ph-process-intro{grid-column:1}
  .ph-build{position:sticky;top:74px;z-index:3;max-width:none;margin:0;padding:8px 0 12px;background:#fff;border-bottom:1px solid #dedede}
  .ph-build-scene{width:min(100%,350px);max-height:26svh;margin:0}
  .ph-webs .process-list li{min-height:40svh;padding-top:25px;scroll-margin-top:340px}
  .ph-webs .process-list li:last-child{min-height:46svh}
}
@media(prefers-reduced-motion:reduce){.ph-webs .process-list li,.ph-webs .process-list .step-number{transition:none}}