:root{--paper:#f3efe5;--ink:#11120f;--muted:#74746d;--rule:#11120f47;--font-ui:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--paper);width:100%;min-height:100%;margin:0}body{color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:16px}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:4px;outline:2px solid}.site-shell{background:repeating-linear-gradient(90deg,transparent 0,transparent 53px,#4a422f0b 54px,transparent 55px),var(--paper);min-height:100svh;padding:20px 22px 16px;overflow:hidden}.site-header,.site-shell footer{z-index:20;letter-spacing:-.01em;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:relative}.site-header{height:35px}.wordmark{letter-spacing:-.055em;font-size:20px;font-weight:750}.site-header nav{align-items:center;gap:24px;display:flex}.site-header nav a{position:relative}.site-header nav a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .18s;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.object-stage{--stage-x:50%;--stage-y:45%;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:radial-gradient(circle at var(--stage-x)var(--stage-y),#ffffff5c,transparent 35%);min-height:calc(100svh - 106px);margin-top:5px;position:relative}.composition{aspect-ratio:16/9;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.project{--base-rotate:0deg;z-index:2;perspective:800px;pointer-events:none;outline:none;display:block;position:absolute}.project-object{isolation:isolate;transform:rotate(var(--base-rotate));pointer-events:none;place-items:center;display:grid;position:relative}.object-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:auto;display:block}.project-hitbox{z-index:2;cursor:pointer;pointer-events:auto;display:block;position:absolute;inset:0}.project-tag{z-index:20;border:2px solid var(--ink);color:var(--ink);letter-spacing:-.065em;white-space:nowrap;pointer-events:none;opacity:0;transform-origin:100% 100%;background:#d7ff00;padding:clamp(6px,.9vw,13px) clamp(10px,1.45vw,21px) clamp(7px,1.05vw,15px);font-size:clamp(18px,4.5vw,72px);font-weight:900;line-height:.86;display:block;position:absolute;top:4%;right:-8%;transform:translateY(-55%)}.project:hover .project-tag,.project:focus-visible .project-tag{opacity:1}.project--resonance{--base-rotate:-3deg;z-index:2;width:40%;top:10%;left:-1%}.project--resonance .project-tag{transform-origin:0 100%;background:#c7ff00;top:4%;left:3%;right:auto}.project--resonance .project-hitbox{clip-path:polygon(0 21%,12% 4%,64% 0,100% 20%,91% 92%,56% 100%,13% 89%)}.project--lupa{--base-rotate:2deg;z-index:1;width:38%;top:-1%;left:18%}.project--lupa .project-object{aspect-ratio:1353/1163}.lupa-photo-layer{z-index:1;position:absolute;inset:0}.lupa-photo-layer--lens{clip-path:ellipse(28% 32% at 49.4% 32%)}.lupa-photo-layer--handle{clip-path:polygon(61% 57%,67% 52%,96% 89%,94% 96%,89% 97%,62% 60%)}.lupa-manifesto{z-index:0;color:#111;letter-spacing:.01em;white-space:nowrap;pointer-events:none;font-family:Courier New,Courier,monospace;font-size:clamp(6px,1vw,14px);font-weight:400;line-height:1;display:block;position:absolute;inset:0}.lupa-manifesto span{display:block;position:absolute}.lupa-manifesto span:first-child{top:27%;left:5%}.lupa-manifesto span:nth-child(2){top:40%;left:8%}.lupa-manifesto span:nth-child(3){top:52%;left:11%}.lupa-manifesto span:nth-child(4){top:64%;left:16%}.project--lupa .project-tag{background:#ff5bd1;top:2%;right:-5%}.project--lupa .project-hitbox{clip-path:polygon(5% 5%,91% 0,100% 71%,75% 100%,5% 93%,0 22%)}.project--mirror{--base-rotate:-4deg;z-index:3;width:48%;top:12%;right:4%}.project--mirror .project-tag{transform-origin:0 100%;background:#58efff;top:2%;left:0;right:auto}.project--mirror .project-hitbox{clip-path:polygon(19% 17%,39% 28%,48% 5%,61% 22%,86% 34%,77% 55%,73% 91%,55% 71%,38% 94%,28% 62%,8% 50%)}.project--other-side{--base-rotate:-1deg;z-index:5;width:38%;bottom:-3%;left:32%}.project--other-side .project-tag{transform-origin:0 100%;background:#ff7a21;top:4%;left:-1%;right:auto}.project--other-side .project-hitbox{clip-path:polygon(4% 14%,87% 0,100% 84%,12% 100%,0 27%)}.project--smiley{--base-rotate:4deg;z-index:4;width:21%;bottom:-3%;left:4%}.project--smiley .project-tag{transform-origin:0 100%;background:#70f5ff;top:0;left:-4%;right:auto}.project--smiley .project-hitbox{clip-path:circle(48%)}.project--notouch{--base-rotate:-2deg;z-index:6;width:39%;bottom:3%;right:-1%}.project--notouch .project-tag{background:#eaff00;top:3%;right:-4%}.project--notouch .project-hitbox{clip-path:polygon(0 28%,16% 18%,43% 38%,56% 38%,80% 16%,100% 28%,100% 76%,82% 87%,56% 61%,43% 61%,19% 84%,0 73%)}.site-shell footer{text-transform:uppercase;letter-spacing:.07em;justify-content:flex-end;height:30px;padding-top:10px;font-size:10px}.site-back{top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));z-index:20;color:#fff;mix-blend-mode:difference;font-size:13px;font-weight:500;line-height:1;position:fixed}.site-back:before{content:"←";margin-right:8px;transition:transform .16s;display:inline-block}.site-back:hover:before{transform:translate(-3px)}.experience-hint{left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));z-index:3;color:#ffffffa8;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:13px;line-height:1.35;position:fixed}.resonance-page{cursor:none;background:#050505;width:100vw;height:100vh;position:relative;overflow:hidden}.resonance-page .site-back{cursor:pointer}.resonance-canvas{cursor:none;width:100%;height:100%;display:block;position:fixed;inset:0}.mirror-page{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.mirror-canvas,.mirror-debug-canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.mirror-debug-canvas{pointer-events:none}.mirror-debug{color:#ffffffd6;font-family:var(--font-ui);-webkit-user-select:none;user-select:none;pointer-events:none;background:#0000006b;border:1px solid #ffffff29;margin:0;padding:11px 12px 10px;position:fixed;bottom:clamp(14px,2.2vw,24px);left:clamp(14px,2.2vw,24px)}.mirror-debug__title,.mirror-debug__line,.mirror-debug__hint,.mirror-debug__notice{margin:0}.mirror-debug__title{font-size:11px;font-weight:600}.mirror-debug__line{color:#ffffffb3;margin-top:5px;font-size:10px}.mirror-debug__hint{color:#ffffff9e;max-width:360px;margin-top:8px;font-size:10px;line-height:1.4}.mirror-debug__notice{color:#ffd9b8e6;max-width:280px;margin-top:8px;font-size:10px;line-height:1.45}.other-side-page{background:#07090b;width:100vw;height:100dvh;min-height:100vh;position:relative;overflow:hidden}.other-side-canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.other-side-instruction,.other-side-notice{z-index:3;color:#ffffffd1;max-width:min(80vw,440px);font-family:var(--font-ui);text-align:center;text-shadow:0 1px 16px #000000e6;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:13px;line-height:1.45;position:fixed;left:50%;transform:translate(-50%)}.other-side-instruction{bottom:clamp(28px,6vh,64px)}.other-side-notice{color:#ffe1cde6;top:clamp(54px,8vh,84px)}.lupa-page{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#e7e1d3;width:100vw;height:100dvh;min-height:100vh;position:relative;overflow:hidden}.lupa-experience{width:100%;height:100%;position:relative}.lupa-paper,.lupa-lens{width:100%;height:100%;display:block;position:fixed;inset:0}.lupa-paper{z-index:0}.lupa-lens{z-index:2;pointer-events:none}.lupa-hint,.lupa-status{z-index:3;color:#20190eb8;max-width:min(80vw,440px);font-family:var(--font-ui);text-align:center;text-shadow:0 1px 12px #efe7d9e6;-webkit-user-select:none;user-select:none;pointer-events:none;margin:0;font-size:13px;line-height:1.4;position:fixed;left:50%;transform:translate(-50%)}.lupa-hint{bottom:calc(clamp(18px,3vw,28px) + env(safe-area-inset-bottom))}.lupa-status{bottom:calc(clamp(54px,8vw,76px) + env(safe-area-inset-bottom));color:#5a1c12db}@media (hover:hover) and (pointer:fine){.lupa-page{cursor:none}.lupa-page .site-back{cursor:pointer}}@media (max-width:650px){.site-shell{padding:14px 14px 12px;overflow:visible}.site-header{align-items:flex-start;height:73px}.site-header nav{justify-items:end;gap:7px;font-size:11px;display:grid}.object-stage{min-height:calc(100svh - 129px)}}@media (prefers-reduced-motion:reduce){.site-header nav a:after,.site-back:before{transition:none}}