:root{--paper:#f2f1ed;--ink:#151513;--muted:#74746d;--rule:#cfcec7;--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}.experiments-home{background:var(--paper);min-height:100svh;padding:0 clamp(18px,3.5vw,56px)}.site-header{border-bottom:1px solid var(--ink);grid-template-columns:1fr auto;align-items:center;gap:24px;min-height:88px;display:grid}.site-header h1,.site-header nav{margin:0;font-size:15px;font-weight:500;line-height:1}.site-header nav{color:var(--muted);align-items:center;gap:clamp(18px,2.2vw,34px);font-weight:400;display:flex}.site-header nav a{color:var(--ink);border-bottom:1px solid #0000;padding:4px 0;transition:border-color .16s}.site-header nav a:hover{border-color:currentColor}.experiments-index{grid-auto-rows:minmax(150px,1fr);min-height:calc(100svh - 88px);margin:0;padding:0;list-style:none;display:grid}.experiment-row{--row-background:var(--ink);--row-color:#fff;--row-muted:#ffffffa8;border-bottom:1px solid var(--rule);grid-template-columns:52px minmax(260px,1fr) minmax(250px,420px) 24px;align-items:center;gap:clamp(18px,2.8vw,46px);height:100%;min-height:0;margin:0 -12px;padding:28px 12px;transition:background-color .18s,color .18s,padding .18s;display:grid}.experiment-row[data-project=resonance]{--row-background:#dce4f4;--row-color:#17191d;--row-muted:#626975}.experiment-row[data-project=lupa]{--row-background:#ded6c8;--row-color:#1d1913;--row-muted:#6e665a}.experiment-row[data-project=mirror]{--row-background:#d6d7d6;--row-color:#161716;--row-muted:#666866}.experiment-row[data-project=other-side]{--row-background:#171a22}.experiment-number{color:var(--muted);font-variant-numeric:tabular-nums;align-self:start;padding-top:8px;font-size:13px}.experiment-row h2,.experiment-row p{margin:0}.experiment-row h2{letter-spacing:-.06em;font-size:clamp(42px,6vw,86px);font-weight:500;line-height:.94}.experiment-row p{max-width:36ch;color:var(--muted);font-size:clamp(15px,1.35vw,18px);line-height:1.45}.experiment-arrow{justify-self:end;font-size:22px;line-height:1;transition:transform .18s}@media (hover:hover){.experiment-row:hover{color:var(--row-color);background:var(--row-background);padding-left:18px;padding-right:18px}.experiment-row:hover .experiment-number,.experiment-row:hover p{color:var(--row-muted)}.experiment-row:hover .experiment-arrow{transform:translate(3px,-3px)}}.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:760px){.experiments-home{padding-left:18px;padding-right:18px}.site-header{min-height:72px}.site-header h1,.site-header nav{font-size:14px}.site-header nav{gap:16px}.experiments-index{min-height:auto;display:block}.experiment-row{grid-template-rows:auto auto;grid-template-columns:32px minmax(0,1fr) 20px;align-content:center;gap:12px 14px;min-height:176px}.experiment-number{grid-row:1/span 2;padding-top:5px;font-size:12px}.experiment-row h2{grid-column:2;font-size:clamp(38px,13vw,64px)}.experiment-row p{grid-column:2;max-width:32ch;font-size:14px}.experiment-arrow{grid-area:1/3;font-size:18px}}@media (prefers-reduced-motion:reduce){.experiment-row,.experiment-arrow,.site-back:before{transition:none}}