*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101416;color:#eee9dc;font-family:Arial,Helvetica,sans-serif;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f5d684;outline-offset:5px}button:disabled{opacity:.35;cursor:default}.experience{width:min(1440px,100%);margin:auto;padding:0 28px 20px}.toolbar{min-height:66px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{font-size:12px;letter-spacing:2.2px;font-weight:700;display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{font-size:24px;color:#ebce82}.edition{font-size:9px;letter-spacing:1.5px;color:#929791;border-left:1px solid #44443e;padding-left:16px;margin-left:6px}.tools{display:flex;gap:18px}.quiet-button{border:0;background:transparent;color:#d6d6cc;padding:10px 0;font-size:12px;cursor:pointer;white-space:nowrap}.quiet-button span{font-size:18px;margin-right:6px}.quiet-button:not(:disabled):hover{color:#f4d985}.artwork{display:flex;justify-content:center}.stage{position:relative;container-type:inline-size;width:min(100%,calc((100svh - 205px)*1.5));aspect-ratio:3/2;isolation:isolate;box-shadow:0 20px 65px #0007;border:1px solid #68625344;overflow:hidden;background:#181d22}.original{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.magic-key{position:absolute;z-index:4;left:92.8%;top:19%;width:13%;height:10%;transform:translate(-50%,-50%) rotate(-23deg);border:0;background:transparent;color:#fff0bd;cursor:grab;touch-action:none;user-select:none;padding:0;filter:drop-shadow(0 2px 3px #000);transition:filter .2s}.key-art{display:block;width:100%;height:auto;filter:drop-shadow(0 0 12px #e6ba5caa)}.key-label{display:block;font-size:.68cqw;font-weight:bold;letter-spacing:.09cqw;transform:rotate(23deg);white-space:nowrap;margin-top:.2cqw;text-shadow:0 1px 3px #000,0 1px 5px #000}.magic-key:hover,.magic-key.selected{filter:drop-shadow(0 0 14px #ffdd82)}.magic-key.dragging{cursor:grabbing}.magic-key.dragging .key-label{opacity:0}.magic-key.returning{transition:left .35s ease,top .35s ease,transform .35s ease}.magic-key.inserting{transition:left .45s ease,top .45s ease,transform .45s ease;transform:translate(-50%,-50%) rotate(6deg)}.magic-key.turning{transition:transform .45s ease,opacity .35s;transform:translate(-50%,-50%) rotate(75deg)}.lock-target{position:absolute;left:89.7%;top:58.4%;width:6.5%;height:12%;transform:translate(-50%,-50%);background:none;border:0;cursor:pointer;z-index:3;touch-action:manipulation}.target-ring{position:absolute;inset:-10%;border:2px solid #ffe5a3aa;border-radius:50%;box-shadow:0 0 18px #e2bd5d88,inset 0 0 15px #e2bd5d44;animation:lock-pulse 2.4s ease-in-out infinite}.lock-tip{position:absolute;left:50%;bottom:-25%;transform:translateX(-50%);color:#ffefbc;font-size:.72cqw;font-weight:bold;letter-spacing:.08cqw;white-space:nowrap;text-shadow:0 1px 4px #000;opacity:0;transition:opacity .2s}.stage.key-selected .lock-tip,.lock-target.hot .lock-tip{opacity:1}.lock-target.hot .target-ring{border-color:#fff1af;background:#ffe99922;box-shadow:0 0 40px #f6dc85cc}.reveal{position:absolute;z-index:5;top:0;left:63.2%;width:33%;height:80%;background:linear-gradient(120deg,#fff9e9 0%,#f2ead7 55%,#d7e3df 100%);color:#1e3235;border-left:2px solid #cfad61;border-right:1px solid #dbccab;box-shadow:-14px 0 45px #16272c66,0 12px 40px #121c2255;border-radius:0 4cqw 4cqw 0;opacity:0;transform:translateX(10px);transition:opacity .65s ease,transform .65s ease;overflow:auto;scrollbar-width:thin;scrollbar-color:#b7ac94 transparent;scrollbar-gutter:stable}.reveal[hidden]{display:none}.stage.unlocked .reveal{opacity:1;transform:none}.reveal-inner{padding:2cqw 2.1cqw 1.5cqw}.unlocked-label{color:#85703f;font-size:.8cqw;font-weight:700;letter-spacing:.2cqw;display:flex;gap:.7cqw;align-items:center}.unlocked-label span{font-size:1.5cqw}.conscious-title{font:700 2.7cqw/1.1 Georgia,'Times New Roman',serif;margin:.65cqw 0 1.1cqw}.divider{height:1px;background:#b8a37577;width:100%;margin-bottom:1.6cqw}#quote-heading{font:800 3.1cqw/.98 Arial,Helvetica,sans-serif;letter-spacing:-.13cqw;margin:0 0 1.55cqw;color:#18373b}#quote-heading:focus{outline:none}.context{font-size:1.12cqw;line-height:1.5;margin:0 0 1.4cqw;color:#3a4a4b}.challenge{font:700 1.6cqw/1.2 Georgia,'Times New Roman',serif;margin:0 0 .65cqw}.invitation{font-size:1.14cqw;line-height:1.55;margin:0 0 1.5cqw;color:#3a4a4b}.video-link{display:flex;justify-content:center;gap:.7cqw;align-items:center;background:#1d3e43;color:#fff5df;border:1px solid #31585c;border-radius:5px;padding:1.05cqw .65cqw;text-decoration:none;font-size:1.04cqw;font-weight:700;box-shadow:0 3px 0 #10282c;transition:background .2s,transform .2s}.video-link:hover{background:#2e555a;transform:translateY(-1px)}.play-icon{font-size:.95cqw;color:#efd695}.external-arrow{margin-left:auto;margin-right:.25cqw;font-size:1.2cqw}.source{font-size:.75cqw;line-height:1.55;color:#63716f;margin:.8cqw 0}.context-note{font-size:.8cqw;line-height:1.5;color:#526361;border-top:1px solid #b6b6a777;padding-top:.65cqw}.context-note summary{cursor:pointer}.context-note p{margin:.6cqw 0}.caption{display:flex;gap:22px;align-items:center;margin:0 auto;width:min(100%,calc((100svh - 205px)*1.5));padding:22px 0 0;min-height:110px}.caption-step{font-size:26px;color:#e5c779;display:flex;align-items:center;gap:10px;font-family:Georgia,serif;white-space:nowrap}.caption-step span{font:9px Arial,sans-serif;letter-spacing:1.8px;writing-mode:vertical-rl;color:#999e97}.caption-main{max-width:810px}#prompt{font-size:clamp(13px,1.15vw,16px);line-height:1.5;margin:0;color:#c3c7be}#prompt strong{font-weight:600;color:#f4e4bc}.interaction-help{font-size:11px;color:#858e88;margin:7px 0 0}.editorial-label{font-size:8px;letter-spacing:1.3px;line-height:1.6;color:#717c76;white-space:nowrap;margin-left:auto;padding-left:12px;border-left:1px solid #3c4540}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.experience:fullscreen{width:100%;height:100%;background:#101416;padding:0 28px 20px;overflow:auto}.experience:fullscreen .stage{width:min(100%,calc((100svh - 205px)*1.5))}@keyframes lock-pulse{0%,100%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}@media(min-width:1800px){.stage,.caption{width:min(100%,calc((100svh - 205px)*1.5))}}@media(max-width:800px){.experience{padding:0 14px 20px}.edition{display:none}.toolbar{min-height:58px}.tools{gap:16px}.stage,.caption{width:100%}.caption{gap:14px;padding-top:18px}.editorial-label{display:none}.caption-step{font-size:22px}.key-label{font-size:1cqw}.lock-tip{font-size:1.1cqw}}@media(max-width:580px){.brand{font-size:10px;letter-spacing:1.5px;gap:7px}.brand-mark{font-size:20px}.tools{gap:10px}.quiet-button{font-size:10px}.quiet-button span{font-size:15px;margin-right:3px}.stage.unlocked{aspect-ratio:auto;overflow:visible;container-type:normal}.stage.unlocked .original{height:auto}.reveal{left:0;top:auto;bottom:0;width:100%;height:auto;max-height:none;position:relative;border-radius:0;border:0;border-top:2px solid #c8a85f;overflow:visible;scrollbar-gutter:auto;transform:none}.reveal-inner{padding:26px 24px}.unlocked-label{font-size:10px;letter-spacing:2px;gap:8px}.unlocked-label span{font-size:18px}.conscious-title{font-size:32px;margin:8px 0 16px}.divider{margin-bottom:22px}#quote-heading{font-size:clamp(32px,9.6vw,46px);letter-spacing:-1.4px;margin-bottom:18px}.context{font-size:14px;line-height:1.6;margin-bottom:18px}.challenge{font-size:22px;margin-bottom:10px}.invitation{font-size:14px;line-height:1.7;margin-bottom:22px}.video-link{font-size:14px;padding:16px 12px;gap:12px}.play-icon{font-size:12px}.external-arrow{font-size:18px}.source{font-size:10px;margin:12px 0}.context-note{font-size:12px;padding-top:12px}.context-note p{margin:10px 0}.caption{align-items:flex-start}.interaction-help{line-height:1.5}.magic-key{width:16%;left:91%}.key-label{font-size:1.3cqw}.lock-target{width:9%;height:15%}.stage.unlocked .magic-key,.stage.unlocked .lock-target{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* TimKelZone identity: preserve the illustration and the interaction layout. */
.introduction{text-align:center;margin:6px auto 24px;max-width:980px}
.introduction h1{font:700 clamp(25px,3vw,38px)/1.18 Georgia,'Times New Roman',serif;color:#f2e5c4;margin:0 0 14px;text-wrap:balance}
.introduction p{font-size:clamp(16px,1.6vw,21px);font-weight:600;line-height:1.45;color:#eee9dc;margin:0;text-wrap:balance}
.key-label{line-height:1.3;letter-spacing:.02cqw;font-size:1cqw}
@media(max-width:580px){.introduction{margin:10px auto 20px}.key-label{font-size:1.5cqw}}
.brand-name{font-size:20px;letter-spacing:-.5px;font-weight:750;color:#f2e5c4}
.artwork-signature{position:absolute;z-index:2;top:1.8%;left:1.8%;font-size:clamp(10px,1.6cqw,22px);font-weight:750;letter-spacing:-.03em;color:#fff3d2;text-shadow:0 1px 3px #000,0 0 10px #0009;pointer-events:none;user-select:none}
.no-script{padding:16px;border:1px solid #716744;line-height:1.6}.no-script a{color:#f2d98e}
@media(max-width:580px){.brand-name{font-size:17px}.brand{letter-spacing:0}.toolbar{gap:8px}.tools{gap:9px}}