/* Design | Build process: copy left, selected illustrations right.
   Keep figure-first DOM: the existing controller resolves its caption first. */
#view-design-build .bco-process-intro{max-width:960px}
#view-design-build .bco-process-intro .bco{letter-spacing:0;text-transform:none}
#view-design-build .bco-process-mobile{aspect-ratio:auto;object-fit:contain}
#view-design-build .bco-process-source{font-size:14px;max-width:760px}

@media(min-width:1100px) and (min-height:760px){
  #view-design-build .bco-process:not(.is-static){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  #view-design-build .bco-process:not(.is-static) > .bco-process-stage,
  #view-design-build .bco-process:not(.is-static) > .pin-spacer{grid-column:2;grid-row:1}
  #view-design-build .bco-process:not(.is-static) > .bco-process-steps{grid-column:1;grid-row:1}
  /* Reserve the image and caption height in the final chapter so the existing
     bounded pin can remain alongside Reveal without clipping its upper edge. */
  #view-design-build .bco-process:not(.is-static) > .bco-process-steps > li:last-child{
    min-height:calc(min((min(2048px,100vw) - 2 * var(--gutter) - clamp(48px,7vw,110px)) * .3666667, 100svh - 300px) + 120px);
  }
}