@media (width<=1000px) and (orientation:portrait){.scene-stage{--G05-x:30.8233cqw;--G05-y:101.892cqw;--G05-w:max(44px, 15.3414cqw);--G05-h:max(44px, 15.3414cqw);--G02-x:51.5341cqw;--G02-y:101.892cqw;--G02-w:max(44px, 18.4096cqw);--G02-h:max(44px, 18.4096cqw);--G01-x:40.0281cqw;--G01-y:51.4334cqw;--G01-w:max(44px, 4.60241cqw);--G01-h:max(44px, 6.13653cqw);--G07-x:56.1365cqw;--G07-y:52.9675cqw;--G07-w:max(44px, 6.13655cqw);--G07-h:max(44px, 15.3414cqw);--G03-x:50cqw;--G03-y:66.7748cqw;--G03-w:max(44px, 15.3414cqw);--G03-h:max(44px, 6.13655cqw);--G04-x:40.0281cqw;--G04-y:29.0226cqw;--G04-w:max(44px, 15.3414cqw);--G04-h:max(44px, 15.3414cqw);--G08-x:59.9719cqw;--G08-y:29.0226cqw;--G08-w:max(44px, 15.3414cqw);--G08-h:max(44px, 15.3414cqw);--G09-x:76.0803cqw;--G09-y:136.416cqw;--G09-w:max(44px, 15.3414cqw);--G09-h:max(44px, 15.3414cqw);--G10-x:21.6185cqw;--G10-y:32.858cqw;--G10-w:max(44px, 5.73767cqw);--G10-h:max(44px, 6.1349cqw);--G11-x:78.3815cqw;--G11-y:32.858cqw;--G11-w:max(44px, 6.13654cqw);--G11-h:max(44px, 5.3144cqw);--pair-x:max(0px, calc((var(--G01-w) + var(--G07-w)) / 2 + 4px - (var(--G07-x) - var(--G01-x))));--pair-y:max(0px, calc((var(--G07-h) + var(--G03-h)) / 2 + 4px - (var(--G03-y) - var(--G07-y))));--face-shift-y:min(0px, calc(var(--G07-y) - var(--G01-y) - var(--pair-y) * .62));--wide-x:calc(var(--G03-x) - min(20px, var(--pair-x) * .85));--wide-y:calc(var(--G03-y) + var(--pair-y) * .38);--studio-x:calc(var(--G05-x) + var(--pair-x) / 2);--studio-y:max(var(--G05-y), calc(var(--wide-y) + (var(--G03-h) + var(--G05-h)) / 2 + 4px))}#work-G01{--touch-left:calc(var(--G01-x) - var(--pair-x) * .85);--touch-top:calc(var(--G01-y) + var(--face-shift-y))}#work-G07{--touch-left:calc(var(--G07-x) + var(--pair-x) * .15);--touch-top:calc(var(--G07-y) - var(--pair-y) * .62)}#work-G03{--touch-left:var(--wide-x);--touch-top:var(--wide-y)}#work-G04{--touch-top:min(var(--G04-y), calc(var(--G01-y) + var(--face-shift-y) - (var(--G01-h) + var(--G04-h)) / 2 - 4px))}#work-G08{--touch-top:min(var(--G08-y), calc(var(--G07-y) - var(--pair-y) * .62 - (var(--G07-h) + var(--G08-h)) / 2 - 4px))}#work-G05{--touch-left:var(--studio-x);--touch-top:var(--studio-y)}#work-G10{--touch-left:min(var(--G10-x), calc(var(--G04-x) - (var(--G04-w) + var(--G10-w)) / 2 - 4px), calc(var(--G01-x) - var(--pair-x) * .85 - (var(--G01-w) + var(--G10-w)) / 2 - 4px))}#work-G11{--touch-left:max(var(--G11-x), calc(var(--G08-x) + (var(--G08-w) + var(--G11-w)) / 2 + 4px))}#work-G02{--touch-left:max(var(--G02-x), calc(var(--studio-x) + (var(--G05-w) + var(--G02-w)) / 2 + 4px));--touch-top:max(var(--G02-y), calc(var(--wide-y) + (var(--G03-h) + var(--G02-h)) / 2 + 4px))}}@font-face{font-family:Manrope;src:url(/fonts/manrope-400.ttf)format("truetype");font-weight:400;font-display:swap}:root{color:#343b43;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--ink:#343b43;--ground:#e9ebed;--ease:cubic-bezier(.16, 1, .3, 1);background:#e9ebed;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{place-items:center;height:100svh;margin:0;display:grid;overflow:hidden}h1,h2,p{margin:0}a{color:inherit;text-underline-offset:.25em;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid}::selection{color:#fff;background:#52616b}[hidden]{display:none!important}.skip-link{z-index:30;background:var(--ink);color:#fff;padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.not-found{text-align:center;padding:24px}.not-found h1{font-size:28px;font-weight:400}.not-found a{align-items:center;min-height:44px;margin-top:16px;text-decoration:underline;display:inline-flex}.atelier{isolation:isolate;width:min(100vw,160svh);height:min(100svh,62.5vw);position:relative}.scene-window{display:flex;position:absolute;inset:0;overflow:hidden}.scene-stage{isolation:isolate;flex:none;width:100%;height:100%;margin:auto;position:relative}.atelier-scene,.atelier-scene img{width:100%;height:100%;display:block}.atelier-scene{z-index:-1;position:absolute;inset:0}.atelier-scene img{object-fit:contain;-webkit-user-select:none;user-select:none}.site-header{z-index:2;justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;top:4.7%;left:3.6%;right:5.8%}.contact-link{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.contact-link svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:22px;height:22px;display:block}.contact-link:active{background:#dce0e3}.wordmark{letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(18px,1.625vw,26px);font-weight:400;line-height:1.2}.works-map{pointer-events:none;position:absolute;inset:0}.work-target{left:var(--x);top:var(--y);width:var(--w);height:var(--h);clip-path:var(--shape);pointer-events:auto;cursor:zoom-in;position:absolute}.work-target:active{background:#ffffff1f}.work-target:focus-visible{outline-offset:-3px;background:#ffffff2e;outline:3px solid #fff}.viewer{width:100%;height:100dvh;padding:env(safe-area-inset-top) max(24px, 3.6vw, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(24px, 3.6vw, env(safe-area-inset-left));color:var(--ink);background:var(--ground);grid-template-rows:80px minmax(0,1fr) 80px;margin:0;display:grid;overflow:hidden}.viewer-header,.viewer-footer{justify-content:space-between;align-items:center;gap:32px;display:flex}.viewer-header{font-size:16px}.work-author{align-items:center;min-height:44px;display:inline-flex}.viewer :is(button,.viewer-action){background:0 0;border:0;justify-content:center;align-items:center;gap:12px;min-width:44px;min-height:44px;padding:10px;display:inline-flex}.viewer :is(button,.viewer-action):active{background:#dce0e3}.work-body{grid-template-columns:minmax(0, min(900px, calc((100dvh - 160px) * var(--art-ratio)))) minmax(220px, 320px);justify-content:center;gap:clamp(24px,4vw,64px);width:min(100%,1440px);height:100%;min-height:0;margin-inline:auto;display:grid}.work-caption{align-self:center;min-width:0}.work-caption h1{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(20px,2vw,28px);font-weight:400;line-height:1.2}.work-caption p{gap:4px;margin-top:20px;font-size:16px;line-height:1.5;display:grid}.work-page:not(.is-interactive) .canvas{display:contents}.work-page:not(.is-interactive) .canvas-front{object-fit:contain;width:auto;max-width:94%;height:auto;max-height:94%;position:static;transform:none}.work-page:not(.is-interactive) .canvas-face:not(.canvas-front){display:none}.viewer svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:20px;height:20px;display:block}.viewer-stage{--art-width:.94;--art-height:.94;perspective:2000px;place-items:center;min-width:0;height:100%;min-height:0;display:grid}.viewer-stage:focus-visible{outline:none}.viewer-stage:focus-visible .canvas,.work-page:not(.is-interactive) .viewer-stage:focus-visible .viewer-art{outline:2px solid var(--ink);outline-offset:8px}.canvas{transform-style:preserve-3d;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;position:relative}.is-dragging .canvas{cursor:grabbing}.canvas-face{backface-visibility:hidden;position:absolute}.canvas-front,.canvas-back{width:100%;height:100%;inset:0}.canvas-front{object-fit:fill;transform:translateZ(calc(var(--depth) / 2));display:block;box-shadow:0 12px 36px #343b4324}.canvas-back{transform:rotateY(180deg) translateZ(calc(var(--depth) / 2));background:#c9c2af;border:16px solid #b9a78b}.canvas-left,.canvas-right{width:var(--depth);background:#bfb7a7;height:100%;top:0}.canvas-left{left:calc(var(--depth) / -2);transform:rotateY(-90deg)}.canvas-right{left:calc(100% - var(--depth) / 2);transform:rotateY(90deg)}.canvas-top,.canvas-bottom{width:100%;height:var(--depth);background:#d3cdbf;left:0}.canvas-top{top:calc(var(--depth) / -2);transform:rotateX(90deg)}.canvas-bottom{top:calc(100% - var(--depth) / 2);transform:rotateX(-90deg)}.canvas-hex-edge{background:#343536}.canvas[data-shape=hexagon] .canvas-front{box-shadow:none;filter:drop-shadow(0 8px 12px #343b4324)}.canvas[data-shape=hexagon] .canvas-back{clip-path:var(--frame);background:#292c2b;border:0}.canvas[data-shape=hexagon] :is(.canvas-left,.canvas-right,.canvas-top,.canvas-bottom){display:none}.viewer-status{font-size:16px}.viewer-recovery{align-items:center;gap:20px;display:flex}.viewer-tools{align-items:center;gap:12px;font-size:14px;display:flex}.viewer-navigation{flex-shrink:0;align-items:center;gap:12px;display:flex}.viewer-position{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;font-size:14px}@media (hover:hover){.contact-link:hover{background:#dce0e3}.work-target:hover{background:#ffffff1f}.viewer :is(button,.viewer-action):hover{background:#dce0e3}}@media (width<=1000px),(pointer:coarse){.work-target{left:calc(var(--x) + var(--w) / 2 + var(--hit-x,0px));top:calc(var(--y) + var(--h) / 2 + var(--hit-y,0px));width:max(var(--w), 44px);height:max(var(--h), 44px);clip-path:none;transform:translate(-50%,-50%)}}@media (width<=1000px){body,.atelier,.viewer{height:100dvh}.atelier{width:100%}.site-header{top:calc(12px + env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right));align-items:center;gap:16px}.wordmark{font-size:20px}.scene-window{top:calc(76px + env(safe-area-inset-top));bottom:calc(16px + env(safe-area-inset-bottom))}.viewer{padding-inline:max(20px, env(safe-area-inset-left)) max(20px, env(safe-area-inset-right));grid-template-rows:64px minmax(0,1fr) 64px}.viewer-header{gap:12px;font-size:14px}.viewer-header .viewer-action{gap:6px;padding-inline:0}.viewer-footer{gap:16px}.viewer-tools{gap:4px}.viewer-tools .tool-label{display:none}.viewer-navigation{gap:8px}.work-body{grid-template-columns:minmax(0, min(560px, calc((100dvh - 128px) * var(--art-ratio)))) minmax(180px, 260px);gap:24px}}@media (width<=1000px) and (orientation:portrait){.work-body{flex-direction:column;justify-content:center;gap:20px;padding-block:16px;display:flex}.viewer-stage{width:100%;height:calc((100vw - 40px) / var(--art-ratio));flex:0 auto}.work-caption{text-align:center;flex:none;width:100%}.work-caption p{flex-wrap:wrap;justify-content:center;gap:4px 12px;margin-top:12px;font-size:14px;display:flex}.scene-stage{width:min(100vw, calc((100dvh - 92px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * .5625));aspect-ratio:9/16;height:auto;container-type:inline-size}.work-target{left:var(--touch-left,calc(var(--mx) + var(--mw) / 2));top:var(--touch-top,calc(var(--my) + var(--mh) / 2));width:max(var(--mw), 44px);height:max(var(--mh), 44px)}}@media (width<=1000px) and (orientation:landscape){.site-header{top:env(safe-area-inset-top)}.scene-window{top:calc(52px + env(safe-area-inset-top));bottom:calc(16px + env(safe-area-inset-bottom));display:block}.scene-stage{width:100%;height:62.5vw;top:min(0px,28% - 17.5vw)}#work-G01{--hit-x:min(0px, calc(2.4695vw - 24px));--hit-y:min(0px, calc(2.349vw - 24px))}#work-G07{--hit-x:max(0px, calc(24px - 2.4695vw))}#work-G03{--hit-y:max(0px, calc(24px - 2.349vw))}#work-G09{--hit-x:min(0px, calc(3.2vw - 27px))}}@media (width<=1000px) and (height<=500px) and (orientation:landscape){.viewer{grid-template-rows:48px minmax(0,1fr) 52px}.work-body{grid-template-columns:minmax(0, min(560px, calc((100dvh - 100px) * var(--art-ratio)))) minmax(180px, 260px)}.work-caption h1{font-size:18px}.work-caption p{margin-top:12px;font-size:14px}}@media (prefers-reduced-motion:no-preference){.work-target{transition:background-color .16s var(--ease)}}