.truth .perspectives{width:min(100%,1000px,calc((100vh - 180px) * 1672 / 941));width:min(100%,1000px,calc((100svh - 180px) * 1672 / 941));margin-inline:auto}
.perspective-stage{position:relative;isolation:isolate;overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;background:#17201e;--reveal:50%;--control-inset:27px;--control-position:clamp(var(--control-inset),var(--reveal),calc(100% - var(--control-inset)))}
.perspective-stage img{pointer-events:none;-webkit-user-drag:none;max-width:none}
.perspective-base{position:relative;display:block;width:100%;height:auto}
.perspective-overlay{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0);pointer-events:none}
.perspective-overlay img{display:block;width:100%;height:100%;object-fit:fill;clip-path:polygon(34.45% 69.93%,61.06% 73.43%,63.76% 90.01%,29.31% 90.01%)}
.perspective-divider{position:absolute;left:var(--control-position);top:0;bottom:0;width:2px;transform:translateX(-50%);background:#f0e9dd;box-shadow:0 0 0 1px #07131a99;pointer-events:none}
.perspective-handle{position:absolute;top:55%;left:var(--control-position);transform:translate(-50%,-50%);width:52px;height:52px;border:1px solid #f0e9ddbb;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0b131be8;color:#f0e9dd;box-shadow:0 2px 15px #0005;cursor:ew-resize;touch-action:pan-y;transition:background .18s,border-color .18s}
.perspective-handle svg{width:34px;height:20px;pointer-events:none}
.perspective-handle:hover,.is-dragging .perspective-handle{background:#18262df5;border-color:#f0e9dd}
.perspective-handle:focus-visible{outline:2px solid #cfb18c;outline-offset:4px}
.perspective-state{position:absolute;top:22px;padding:8px 13px;background:#0b131bd9;color:#eee9df;font:400 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.1em;pointer-events:none}
.perspective-state.left{left:22px}.perspective-state.right{right:22px}
.perspective-caption{margin:22px 0 0;font:400 15px/1.7 Inter,Arial,sans-serif;color:#aeb9bb;text-align:center}
.perspective-caption strong{color:#e9e4db;font-weight:400}
@media(max-width:680px){.perspective-stage{--control-inset:23px}.perspective-state{top:11px;font-size:9px;padding:5px 8px;letter-spacing:.06em}.perspective-state.left{left:11px}.perspective-state.right{right:11px}.perspective-handle{width:44px;height:44px}.perspective-handle svg{width:30px;height:18px}.perspective-caption{font-size:13px;margin-top:17px}}