html,body{height:100%;overflow:hidden}#canvas{position:fixed;inset:0;overflow:hidden;background:var(--canvas);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}.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}@media(prefers-reduced-motion:reduce){.work{transition:none}}.hud{position:fixed;inset:0;z-index:20;font-size:var(--hud-size);font-weight:700;line-height:1.19;letter-spacing:-.005em;pointer-events:none}.hud__line{position:absolute;display:flex;align-items:center;justify-content:center}.hud__line p{flex:none;margin:0;overflow-wrap:break-word}.hud__name{left:2.342em;top:2.216em;width:7.097em;height:7.097em}.hud__name p{width:8.866em;rotate:45deg}.hud__role{left:8.789em;top:8.663em;width:11.918em;height:11.918em}.hud__role p{width:15.683em;rotate:45deg}.hud__statement{left:50%;top:50%;width:20.436em;height:20.436em;translate:-50% -50%;margin-left:7.666em;margin-top:6.161em}.hud__statement p{width:26.518em;rotate:-45deg}body.is-detail-open .hud{z-index:36;color:var(--hud-ink-open)}@media(max-width:640px){.hud__statement{display:none}}