.nw-lab {
  position:absolute;
  inset:0;
  overflow:hidden;
  isolation:isolate;
  container-type:size;
  background:#080908;
  color:#f4ecda;
  font-family:Arial,Helvetica,sans-serif;
  --lab-w:520px;
  --lab-h:288px;
}
.nw-lab *,
.nw-lab *::before { box-sizing:border-box; }
.nw-lab-room,.nw-lab-optics,.nw-lab-enter,.nw-lab-exit { position:absolute; inset:0; pointer-events:none; }
.nw-lab-room {
  background:
    radial-gradient(ellipse at 78% 65%,#49301b66 0%,#261d1530 30%,transparent 56%),
    radial-gradient(ellipse at 48% 0%,#302e222c,transparent 60%),
    #080908;
}
.nw-lab-optics { perspective:1750px; }
.nw-lab-rig,.nw-lab-layer,.nw-lab-bridge,.nw-lab-points {
  position:absolute;
  transform-style:preserve-3d;
}
.nw-lab-rig {
  left:0; top:0;
  width:0; height:0;
  transform-origin:0 0;
}
.nw-lab-layer {
  width:var(--lab-w); height:var(--lab-h);
  left:calc(var(--lab-w) / -2); top:calc(var(--lab-h) / -2);
}
.nw-lab-face,.nw-lab-back,.nw-lab-edge { position:absolute; display:block; }
.nw-lab-face,.nw-lab-back {
  inset:0;
  width:100%; height:100%;
  backface-visibility:hidden;
}
.nw-lab-face { border-radius:3px; }
.nw-lab-back { background:#1a1813; border:1px solid #7b653f; }
.nw-lab-edge { transform-origin:0 0; backface-visibility:visible; }
.nw-lab-edge.nw-lab-x {
  left:0; width:100%; height:var(--lab-thickness);
  background:linear-gradient(to bottom,#ac8d54 0%,#44382c 17%,#221e19 73%,#766449 95%,#25211e 100%);
  transform:rotateX(-90deg);
}
.nw-lab-edge.nw-lab-y {
  top:0; height:100%; width:var(--lab-thickness);
  background:linear-gradient(to right,#baa278 0%,#51473a 20%,#2c2821 55%,#75644b 90%,#28251f 100%);
  transform:rotateY(90deg);
}
.nw-lab-pcb .nw-lab-edge { filter:sepia(.46) brightness(.76); }
.nw-lab-filter .nw-lab-edge { filter:brightness(1.38); }
.nw-lab-bridge { inset:0; }
.nw-lab-wire {
  position:absolute;
  transform-origin:50% 0;
  border-radius:2px;
  background:linear-gradient(90deg,#49351d,#e8c282 48%,#6f4821 80%);
}
.nw-lab-wire.nw-lab-fiber { background:#de7e31; }
.nw-lab-points { inset:0; }
.nw-lab-spark {
  position:absolute;
  width:3px; height:3px;
  margin:-1.5px;
  border-radius:50%;
  background:#ffda8a; box-shadow:0 0 4px #ff9f2a,0 0 10px #f27615;
}
.nw-lab-copy {
  position:absolute;
  left:6.5%; width:min(38%,600px); top:50%;
  pointer-events:none;
}
.nw-lab-title {
  padding:0; margin:0 0 .35em;
  color:#f3ecdb;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(36px,5.1cqw,89px);
  font-weight:520;
  line-height:.96; letter-spacing:-.068em;
}
.nw-lab-title span { display:block; }
.nw-lab-title span:last-child { color:#e69d4d; }
.nw-lab-body {
  padding:0; margin:0;
  max-width:35ch;
  color:#d5cdbb;
  font-size:clamp(14px,1.27cqw,23px);
  font-weight:400;
  line-height:1.48; letter-spacing:-.017em;
  text-wrap:pretty;
}
.nw-lab-enter { background:#080908; overflow:hidden; }
.nw-lab-emitter {
  width:36px; height:36px; position:absolute; left:70%; top:47%;
  border-radius:50%; transform:translate(-50%,-50%);
  background:radial-gradient(ellipse at 42% 41%,#ffe3a2 0%,#ffd087 24%,#feb052 43%,#f28a31 62%,#a84f1f 74%,#742f13 86%,#3d1d0f 97%);
  box-shadow:0 0 12px 1px #f29b3b80,0 0 55px 10px #ba54263b;
}
.nw-lab-exit { width:100%; height:100%; }
@container (max-aspect-ratio:1/1), (max-width:680px) {
  .nw-lab-room { background:radial-gradient(ellipse at 62% 30%,#382b1d80,transparent 59%),#080908; }
  .nw-lab-copy { left:7%; width:86%; top:61%; }
  .nw-lab-title { font-size:clamp(31px,7.7cqw,61px); margin:0 0 .35em; line-height:1.02; }
  .nw-lab-title span { display:inline; }
  .nw-lab-title span:last-child::before { content:" "; }
  .nw-lab-body { font-size:clamp(13.5px,3.65cqw,21px); max-width:47ch; line-height:1.4; }
}
@container (max-height:585px) and (min-aspect-ratio:1/1) {
  .nw-lab-title { font-size:clamp(31px,4cqw,58px); }
  .nw-lab-body { font-size:clamp(12px,1.6cqw,17px); line-height:1.25; }
}