/* One booking, both phones: the site's scene layout (headline left, sentence right) over one Three.js stage, where the
   phones and the pieces lifted out of their screens tell the rest. */
.runway { height:calc(var(--n) * 100vh); }
.part { position:fixed; inset:0; z-index:6; pointer-events:none; opacity:0; }
.part .head { width:330px; }
/* The names over the phones while both are on stage; story.js places them. */
.who { position:fixed; left:0; top:0; z-index:5; opacity:0; pointer-events:none; white-space:nowrap;
       font:600 12px Inter; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); }