/* One measured composition, like Design | Build's Five movements.
   Inline galleries remain the default until assets and the full layout fit. */
.bco-project.is-process-pinned .lp-story-grid{
  display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  grid-template-rows:auto auto auto auto auto auto;column-gap:clamp(30px,4vw,72px);row-gap:12px;
  align-items:center;padding:18px 0 24px;
}
.bco-project.is-process-pinned .lp-project-stage{display:contents}
.bco-project.is-process-pinned .lp-stage-topline{grid-column:2;grid-row:1;margin:0;padding-top:12px}
.bco-project.is-process-pinned .lp-visual-wrap{grid-column:2;grid-row:2;min-width:0}
.bco-project.is-process-pinned .lp-visual-frame{width:100%;aspect-ratio:1672/941;max-height:none}
.bco-project.is-process-pinned .lp-stage-caption{grid-column:2;grid-row:3;margin:0;min-height:44px;align-items:start}
.bco-project.is-process-pinned .lp-project-chapters{display:grid;grid-template-columns:1fr;grid-column:1;grid-row:1 / 4;align-self:center}
.bco-project.is-process-pinned .lp-chapter,
.bco-project.is-process-pinned .lp-chapter[data-chapter="1"],
.bco-project.is-process-pinned .lp-chapter:last-child{display:block;grid-area:1 / 1;min-height:0;padding:0;margin:0}
.bco-project.is-process-pinned .lp-chapter-copy{max-width:440px;width:100%;padding-left:22px;margin:0}
.bco-project.is-process-pinned :is(.lp-mobile-visual,.lp-mobile-document){display:none}
.bco-project.is-process-pinned .lp-chapter-progress{grid-column:1 / -1;grid-row:4;margin:8px 0 0}
.bco-project.is-process-pinned .lp-stage-nav{grid-column:1 / -1;grid-row:5;gap:20px;padding:0}
.bco-project.is-process-pinned .lp-stage-nav a{min-height:52px;font-size:15px}
.bco-project.is-process-pinned .lp-stage-bottom{grid-column:1 / -1;grid-row:6;min-height:52px}
.bco-project.is-process-pinned .lp-stage-note{display:block;max-width:none}
.bco-project.is-process-pinned .lp-scene-layer{transition:none}
@media(max-width:1000px){
  .bco-project.is-process-pinned .lp-story-grid{column-gap:24px;row-gap:10px;padding:10px 0 16px}
  .bco-project.is-process-pinned .lp-chapter-copy{padding-left:16px}
  .bco-project.is-process-pinned .lp-chapter h3{font-size:34px;line-height:1.1;margin-bottom:12px}
  .bco-project.is-process-pinned .lp-chapter-owner{margin-bottom:12px}
  .bco-project.is-process-pinned .lp-chapter-copy>p{font-size:16px;line-height:1.5}
  .bco-project.is-process-pinned .lp-chapter-copy .lp-chapter-secondary{font-size:14px;line-height:1.5;margin-top:10px}
  .bco-project.is-process-pinned .lp-chapter-copy .lp-chapter-scope{font-size:13px;line-height:1.5;margin-top:16px}
}
/* Short desktop windows keep the same complete images and readable copy.
   Bound width, never height, so drawing registration and aspect stay exact.
   The runtime still measures the whole grid before allowing a pin. */
@media(min-width:701px) and (max-height:850px){
  .bco-project.is-process-pinned .lp-story-grid{row-gap:6px;padding:6px 0 12px}
  .bco-project.is-process-pinned .lp-stage-topline{min-height:32px;padding-top:4px}
  .bco-project.is-process-pinned .lp-stage-project{font-size:22px;line-height:1.2}
  .bco-project.is-process-pinned .lp-visual-frame{width:min(100%,max(280px,calc((100svh - 390px)*1.776833)));margin-inline:auto;aspect-ratio:1672/941;height:auto;max-height:none}
  .bco-project.is-process-pinned .lp-chapter-progress{margin-top:2px}
  .bco-project.is-process-pinned .lp-stage-nav a{min-height:44px}
  .bco-project.is-process-pinned .lp-stage-bottom{min-height:44px}
}
@media(max-width:700px){
  .bco-project.is-process-pinned .lp-story-grid{grid-template-columns:minmax(0,1fr);row-gap:8px;padding:0 0 8px}
  .bco-project.is-process-pinned .lp-stage-topline{display:none}
  .bco-project.is-process-pinned .lp-stage-project{font-size:22px}
  .bco-project.is-process-pinned .lp-visual-wrap{grid-column:1;grid-row:1}
  .bco-project.is-process-pinned .lp-visual-frame{width:min(100%,max(280px,calc((100svh - 588px)*1.776833)));margin-inline:auto;aspect-ratio:1672/941;height:auto;max-height:none}
  .bco-project.is-process-pinned .lp-stage-caption{grid-column:1;grid-row:2;font-size:13px;line-height:1.5;min-height:39px}
  .bco-project.is-process-pinned .lp-project-chapters{grid-column:1;grid-row:3}
  .bco-project.is-process-pinned .lp-chapter-copy{padding-left:14px;max-width:none}
  .bco-project.is-process-pinned .lp-chapter-owner{font-size:12px;line-height:1.4;margin-bottom:8px}
  .bco-project.is-process-pinned .lp-chapter-index{font-size:19px}
  .bco-project.is-process-pinned .lp-chapter h3{font-size:30px;line-height:1.05;margin-bottom:10px}
  .bco-project.is-process-pinned .lp-chapter-copy>p{font-size:15px;line-height:1.45}
  .bco-project.is-process-pinned .lp-chapter-copy .lp-chapter-secondary{font-size:14px;line-height:1.45;margin-top:8px}
  .bco-project.is-process-pinned .lp-chapter-copy .lp-chapter-scope{font-size:13px;letter-spacing:.6px;line-height:1.5;margin-top:12px}
  .bco-project.is-process-pinned .lp-chapter-progress{grid-column:1;grid-row:4;margin:2px 0 0}
  .bco-project.is-process-pinned .lp-stage-nav{grid-column:1;grid-row:5;gap:8px}
  .bco-project.is-process-pinned .lp-stage-nav a{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;font-size:12px;line-height:1.25;min-height:48px}
  .bco-project.is-process-pinned .lp-stage-nav a span{font-size:18px}
  .bco-project.is-process-pinned .lp-stage-bottom{grid-column:1;grid-row:6;gap:10px;min-height:50px}
  .bco-project.is-process-pinned .lp-stage-note{font-size:13px;line-height:1.4;max-width:170px}
}
@media print{
  .bco-project.is-process-pinned .lp-story-grid{display:block!important;transform:none!important}
  .bco-project.is-process-pinned .lp-project-stage{display:none}
  .bco-project.is-process-pinned .lp-project-chapters{display:block}
  .bco-project.is-process-pinned .lp-chapter{opacity:1!important;visibility:visible!important;margin:24px 0}
  .bco-project.is-process-pinned .lp-mobile-visual{display:block}
}