/* LAB: the two placements. Site tokens only (site2027.css). */
.kb-pre{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}

/* A: under the hero, one compact row: text + controls left, the machine right. No empty stage. */
.kbA{padding-block:clamp(48px,6vw,96px) clamp(24px,3vw,48px);background:var(--paper)}
.kbA-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"copy stage" "ctl stage";column-gap:clamp(24px,3vw,56px);align-items:center}
.kbA-copy{grid-area:copy;align-self:end;max-width:30rem}
.kbA-copy h2{margin:0}
.kbA-copy p{margin:.8em 0 0;color:var(--ink-2);line-height:1.6;font-size:clamp(16px,1.1vw,17px)}
.kbA-ctl{grid-area:ctl;align-self:start;margin-top:clamp(18px,2vw,28px)}
.kbA-stage{grid-area:stage;height:clamp(440px,36vw,640px)}
@media (max-width:900px){
  .kbA-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "stage" "ctl"}
  /* the machine gets the full screen width and a near-square box: no empty band above or below */
  .kbA-stage{height:auto;aspect-ratio:1/0.92;margin-inline:calc(-1 * var(--pad-x));margin-top:8px}
  .kbA-ctl{margin-top:4px}
}