html,body{height:100%;overflow:hidden}#canvas{position:fixed;inset:0;z-index:10;overflow:hidden;cursor:crosshair}.layer{position:absolute;top:0;left:0;width:0;height:0;will-change:transform}.tile{position:absolute;overflow:visible}.work{position:absolute;margin:0;padding:0;border:0;background:none;cursor:pointer;transition:scale .5s cubic-bezier(.16,1,.3,1)}.work img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}@media(hover:hover){.work:hover{scale:1.02}}.work:focus-visible{outline:2px solid var(--ink);outline-offset:6px}@media(prefers-reduced-motion:reduce){.work{transition:none}}.lens{position:fixed;left:0;top:0;z-index:2;width:var(--lens-size);height:var(--lens-size);margin:calc(var(--lens-size) / -2);pointer-events:none;backdrop-filter:blur(var(--lens-blur));-webkit-backdrop-filter:blur(var(--lens-blur));-webkit-mask-image:radial-gradient(closest-side,#000 0%,#000 34%,transparent 72%);mask-image:radial-gradient(closest-side,#000 0%,#000 34%,transparent 72%);opacity:0;transition:opacity .42s ease}.lens.is-live{opacity:1}body.is-detail-open .lens{opacity:0}.hover-label{position:fixed;top:0;left:0;z-index:40;padding:.35em .6em;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .22s ease;margin:14px 0 0 14px}.hover-label.is-visible{opacity:1}body.is-detail-open .hover-label{opacity:0}