.zoom-back.on{opacity:1;pointer-events:auto;cursor:var(--magnifier-out);transition:none}
.zoom-holder{position:fixed;z-index:71;overflow:hidden;background:#000;
  cursor:var(--magnifier-out);box-shadow:0 40px 120px rgba(0,0,0,.6);transform-origin:0 0}
.zoom-holder.running{will-change:transform}
.zoom-holder video,.zoom-holder img{width:100%;height:100%;object-fit:contain;display:block}
.zoom-holder .stub{position:absolute;inset:0;width:100%;height:100%}
.zoom-holder video{position:relative;transition:opacity .15s ease}
.zoom-holder video.waiting{opacity:0}
.zoom-back.on,.zoom-holder{touch-action:none}
.lbnav,.lbclose,.zoom-x,.mock.zoomed .rail-slot{cursor:default}
.zoom-x{position:fixed;top:var(--frame);right:var(--frame);z-index:72;
  width:38px;height:38px;border:0;border-radius:50%;padding:0;cursor:pointer;
  background:var(--s2);color:var(--ink);display:grid;place-items:center;
  transition:background .2s ease}
.zoom-x:hover{background:var(--s3)}
.zoom-on .lbclose,.zoom-on .lbnav,.zoom-on .lbcount,.zoom-on .lbcap{opacity:0;pointer-events:none}
.zoom-on .sheet{opacity:0;pointer-events:none}
.zoom-x svg{width:16px;height:16px}
.lightbox{position:fixed;inset:0;height:100vh;height:100dvh;z-index:60;background:none;
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity .18s ease}
.lightbox.on{opacity:1;pointer-events:auto;transition:none}
.lightbox.leaving{pointer-events:none}
.lightbox.leaving .lbblur,.lightbox.leaving .lbnav,.lightbox.leaving .lbclose,.lightbox.leaving .lbcount,
.lightbox.leaving .lbcap{opacity:0;transition:opacity .3s ease}
.lbblur{position:absolute;inset:0;z-index:0;
  -webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}
.lbstage{position:absolute;inset:0;overflow:hidden;z-index:1;touch-action:none;cursor:var(--magnifier-out)}
.lbtrack{will-change:transform;transform:translateZ(0)}
.lbtrack{display:flex;width:100%;height:100%;transform:translateX(-100%)}
.lbtrack.anim{transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.lbslide{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center;
  padding-bottom:7vh;padding-bottom:7dvh}
.lbfig{position:relative;line-height:0;max-width:94vw;max-height:78vh;max-height:78dvh}
.lbfig img{display:block;max-width:94vw;max-height:78vh;max-height:78dvh;width:auto;height:auto;
  border-radius:var(--r);user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.lbnav,.lbclose,.lbcount,.lbcap{z-index:2}
.lbnav{position:absolute;top:50%;margin-top:-19px;width:38px;height:38px;
  border:0;border-radius:50%;background:var(--s2);color:var(--ink);cursor:pointer;
  display:grid;place-items:center;transition:background .2s ease}
.lbnav:hover{background:var(--s3)}
.lbnav svg{width:8px;height:12px}
.lbnav.prev{left:var(--frame)}
.lbnav.next{right:var(--frame)}
.lbclose{position:absolute;top:var(--frame);right:var(--frame);
  width:38px;height:38px;border:0;border-radius:50%;padding:0;cursor:pointer;
  background:var(--s2);color:var(--ink);display:grid;place-items:center;
  transition:background .2s ease}
.lbclose svg{width:18px;height:18px}
.lbclose:hover{background:var(--s3)}
.lbcap{position:absolute;left:0;right:0;top:100%;margin:14px 0 0;text-align:center;
  color:var(--ink);font-size:clamp(12px,.95vw,15px);line-height:1.5;
  pointer-events:none}
.lbcap b{color:var(--ink);font-weight:500}
.lbcap{opacity:.92}
.lbcount{position:absolute;bottom:var(--frame);left:50%;transform:translateX(-50%);
  color:var(--ink);font:500 var(--fs-mark) ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.08em}
.show-on .sheet{opacity:0;pointer-events:none;transition:opacity .2s ease}
.story-mark{margin:0 0 clamp(14px,1.4vw,20px);color:var(--s5);
  font:500 var(--fs-mark) ui-monospace,monospace;letter-spacing:.08em;
  text-transform:uppercase}