/* Nenya at work (local preview, 2026-10-11): optional layer for js/nenya-b-workers.js. Remove both files'
   links in tools/build_b.py to take it out. */
.nb-worker-host{position:relative}
.nb-worker{position:absolute;right:var(--gut);z-index:2;image-rendering:pixelated}
.nb-worker-dev{bottom:-10px;width:480px;height:150px}
.nb-worker-build{top:-12px;width:500px;height:150px}
.nb-worker-present{top:-40px;width:500px;height:150px}
/* the architecture heading row: lasso scene left, heading and intro right */
.nb-lasso-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;gap:clamp(16px,3vw,48px)}
.nb-head-text{justify-self:end;text-align:right}
.nb-head-text .h2,.nb-head-text .nb-lede{margin-left:auto}
.nb-lasso{position:relative;width:100%;max-width:750px}
.nb-worker.nb-worker-lasso{position:static;width:100%;height:auto;aspect-ratio:150/34}
.nb-logo{position:absolute;left:0;top:0;display:grid;place-items:center;border-radius:6px;background:#fff;box-shadow:0 0 0 1px rgba(35,31,43,.14);pointer-events:none;will-change:transform}
.nb-logo img{display:block;width:60%;height:60%}
@media (max-width:1100px){
  .nb-worker-dev{width:384px;height:120px}
  .nb-worker-build,.nb-worker-present{width:400px;height:120px}
}
@media (max-width:900px){
  .nb-worker{position:static;display:block;margin:18px 0 0}
  .nb-worker-dev{width:100%;max-width:360px;height:auto;aspect-ratio:96/30}
  .nb-worker-build,.nb-worker-present{width:100%;max-width:370px;height:auto;aspect-ratio:100/30}
  .nb-lasso-head{grid-template-columns:1fr}
  .nb-head-text{justify-self:start;text-align:left;order:-1}
  .nb-head-text .h2,.nb-head-text .nb-lede{margin-left:0}
}
/* the install scene sits centred above the Install heading */
.nb-install .nb-worker.nb-worker-install{position:static;display:block;width:min(100%,520px);height:auto;aspect-ratio:110/34;margin:0 auto clamp(10px,1.4vw,18px)}
/* the swap crew's temporary canvas over the app area */
.nb-crew{position:absolute;left:0;top:0;z-index:6;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}
