@font-face{font-family:Space Mono;font-style:italic;font-weight:400;font-display:swap;src:url(../media/417912ede2e82152-s.1ihuv373rsy_n.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:italic;font-weight:400;font-display:swap;src:url(../media/51f2519120a6b711-s.3hfqh1w9tnab5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:italic;font-weight:400;font-display:swap;src:url(../media/1ae2575eb5be4118-s.p.3g9w_76k_fqxd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:italic;font-weight:700;font-display:swap;src:url(../media/2c4e8b1b42841af7-s.35v5lp9wrayf3.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:italic;font-weight:700;font-display:swap;src:url(../media/7663dec790de7af8-s.28enegzbkglsv.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:italic;font-weight:700;font-display:swap;src:url(../media/17b0f6a4f906cc39-s.p.1qq4k96vrppsz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4ba802ed8e67eac5-s.341_rbs6dql3t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d7a0600e467cf0bd-s.40d3ll7mho212.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/dc0d9adbac686440-s.p.3-4lwpipb4a4k.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b8f2b92a9960dd69-s.37aqrzupgb8zi.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28e60ca39c9ae554-s.0e_5-ojqbtsw9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8d05cfa5faa8406c-s.p.2p-978ij53_v6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono Fallback;src:local(Arial);ascent-override:81.58%;descent-override:26.3%;line-gap-override:0.0%;size-adjust:137.28%}._7f8UvG_className{font-family:Space Mono,Space Mono Fallback}._7f8UvG_variable{--font-space-mono:"Space Mono", "Space Mono Fallback"}
@property --t-shift{syntax:"<length>";inherits:true;initial-value:0}.tactile{--crimson:#d61842;--cerulean:#11b5e4;--powder:#a7dfe6;--text:var(--ink);--text-soft:var(--ink-soft);--mono:var(--font-space-mono), "Space Mono", monospace;--ease:cubic-bezier(.19, 1, .22, 1);--pad:clamp(20px, 7vw, 100px);--reach:clamp(40px, 8vw, 120px);background:var(--ground);color:var(--text)}.t-step{min-height:100svh;padding:clamp(96px, 14vh, 140px) var(--pad) 130px;position:relative;overflow:hidden}.t-crimson{--text:#fff6ee;--text-soft:#fff6eebf;background:var(--crimson);color:var(--text)}.t-home{z-index:3;color:var(--text-soft);font-size:14px;line-height:20px;text-decoration:none;position:absolute;top:16px;left:16px}.t-home:hover,.t-home:focus-visible{color:var(--accent)}.t-crimson .t-home:hover,.t-crimson .t-home:focus-visible{color:#fff}@media (min-width:768px){.t-home{top:20px;left:28px}}.t-progress{z-index:3;background:#ffffff14;height:2px;position:absolute;inset:0 0 auto}.t-progress>span{background:var(--crimson);transform-origin:0;view-transition-name:tactile-progress;height:100%;display:block}.t-crimson .t-progress>span{background:#fff6ee}@keyframes t-rise{0%{opacity:0;transform:translateY(16px)}}@keyframes t-fade{0%{opacity:0}}@keyframes t-draw{0%{transform:scaleX(0)}}.t-counter,.t-title,.t-text,.t-game-readout,.t-moti-text,.t-moti-buttons,.t-device-cols,.t-flow{animation:t-rise .9s var(--ease) both}.t-title{animation-delay:80ms}.t-text,.t-moti-text,.t-device-cols,.t-game-readout{animation-delay:.3s}.t-moti-buttons,.t-flow{animation-delay:.45s}.t-rule{transform-origin:0;animation:t-draw .9s var(--ease) .2s both}.t-rulerow>.t-btn,.t-orb>.t-btn,.t-orb>.t-story,.t-rulerow>.t-device,.t-art,.t-game-stage,.t-game-action,.t-back,.t-back-inline{animation:.9s ease-in-out .5s both t-fade}.t-counter{font:400 15px / 1 var(--mono);color:var(--text-soft)}.t-title{font:400 clamp(30px, 3.9vw, 56px) / 1.04 var(--mono);letter-spacing:-.01em;color:var(--text);margin-top:10px}.t-title b{font-weight:700}.t-title em{font-style:italic;font-weight:700}.t-title--small{font-size:clamp(24px,2.25vw,32px);line-height:1.5}.t-lead{font-size:clamp(18px,1.5vw,22px);line-height:1.36}.t-body{font-size:clamp(15px,1.1vw,17px);line-height:1.55}.t-body p+p,.t-lead+.t-body{margin-top:1.1em}.t-text{max-width:min(32rem,100%);margin-top:46px;position:relative}.t-text--slim{max-width:min(24rem,100%)}.t-red{color:var(--crimson)}.t-cyan{color:var(--cerulean)}.t-powder{color:var(--powder)}.t-white{color:var(--text)}.t-soft{color:var(--text-soft)}.tactile mark{color:var(--powder);background:0 0}.t-head{position:relative}.t-rulerow{align-items:center;height:1px;margin-top:18px;display:flex}.t-rulerow--reach{margin-left:calc(-1 * var(--reach) - 24px)}.t-rule{background:var(--text);flex:1;height:1px}.t-rule--short{flex:0 0 clamp(60px,10vw,150px)}.t-btn{z-index:2;width:72px;height:72px;font:italic 700 11.5px / 1.08 var(--mono);text-align:center;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;text-decoration:none;transition:scale .2s ease-in-out;display:grid;position:relative}.t-btn:hover,.t-btn:focus-visible{scale:1.1}.t-btn--white{background:var(--text);color:var(--ground)}.t-crimson .t-btn--white{color:var(--crimson)}.t-btn--teal{background:var(--powder);color:var(--ground)}.t-btn--outline{border:1.5px solid var(--text);width:44px;height:44px;color:var(--text);background:0 0;font-size:9.5px}.t-back{right:var(--pad);position:absolute;bottom:44px}.t-back-inline{margin-top:40px}.t-orb{aspect-ratio:1;touch-action:pan-y;flex:none;position:relative}.t-orb-media{width:100%;height:100%;translate:var(--mx,0px) var(--my,0px);border-radius:50%;transition:translate .2s ease-in-out,rotate .3s ease-in-out;position:relative;overflow:hidden}.t-orb-media>img,.t-orb-media>canvas{object-fit:cover;width:100%;height:100%}.t-orb-media>img{animation:38s ease-in-out infinite alternate t-drift;scale:1.16}@keyframes t-drift{0%{translate:-3% -2%;rotate:-3deg}to{translate:3% 2.5%;rotate:4deg}}.t-orb-media>canvas{opacity:0;position:absolute;inset:0}.t-orb-media>canvas[data-live]{opacity:1}.t-orb--ring:after{content:"";translate:calc(-2.5% + var(--hx,0px) + var(--rx,0px)) calc(2% + var(--ry,0px));border:1px solid color-mix(in srgb, var(--text) 85%, transparent);pointer-events:none;transition:translate .5s var(--ease);border-radius:50%;position:absolute;inset:-1.5%}.t-orb--up:hover{--my:-10px;--hx:-10px}.t-orb--down:hover{--my:10px;--hx:10px}.t-orb--turn:hover .t-orb-media{rotate:15deg}.t-orb>.t-btn{margin:-36px 0 0 -36px;position:absolute;top:50%;left:50%}.t-orb--m{width:clamp(130px,14.5vw,210px)}.t-orb--l{z-index:1;width:clamp(220px,29vw,410px)}.t-hang{min-height:max(100svh,46vw + 200px)}.t-hang .t-orb{width:clamp(260px,41vw,600px);margin-right:-3vw;translate:0 23%}.t-hang .t-orb>.t-btn{top:27%;left:47%}.t-hang .t-text{max-width:min(30rem,40vw)}.t-hang .t-orb--time{width:clamp(240px,30vw,430px);margin-right:2vw;translate:0 30%}.t-hang .t-orb--time>.t-orb-corner{margin:0;inset:auto 0 4% auto}.t-narrow{max-width:780px;margin-inline:auto}.t-narrow--wide{max-width:860px}.t-title--clear{padding-right:clamp(140px,16vw,230px)}.t-split{grid-template-columns:auto minmax(0,1fr);align-items:start;max-width:1080px;margin-inline:auto;display:grid}.t-split-main{padding:3vh 0 0 var(--reach)}.t-art{--r:34vw;transition:--t-shift .2s ease-in-out;position:absolute;inset-block:0;overflow:hidden}.t-art>img{object-fit:cover;width:100%;height:100%;-webkit-mask-image:radial-gradient(circle var(--r) at calc(var(--cx) + var(--t-shift)) 46%, transparent calc(100% - 1px), #000 100%);mask-image:radial-gradient(circle var(--r) at calc(var(--cx) + var(--t-shift)) 46%, transparent calc(100% - 1px), #000 100%)}.t-art-ring{left:calc(var(--cx) - var(--r) - 1.2vw);top:calc(46% - var(--r) - 1.2vw);width:calc(2 * (var(--r) + 1.2vw));aspect-ratio:1;border:1px solid #fffc;border-radius:50%;transition:translate .2s ease-in-out;position:absolute}.t-art--right{--cx:-9vw;width:62%;right:0}.t-art--left{--cx:calc(100% + 9vw);width:56%;left:0}.t-art--right:hover{--t-shift:10px}.t-art--left:hover{--t-shift:-10px}.t-art--left:hover .t-art-ring{translate:0 10px}.t-art-content{max-width:min(24rem,34vw);position:relative}.t-art-content--right{margin-left:calc(57% - var(--pad))}.t-art-content .t-rulerow--long{width:calc(100% + 24vw)}.t-art-content .t-title{width:max-content;max-width:46vw}.t-flow{transition:translate .2s ease-in-out,filter .2s ease-in-out}.t-flow:hover{filter:drop-shadow(0 12px 6px #00000040);translate:0 -5px}.t-flow{left:var(--pad);color:#fff;width:min(31rem,40vw);font-size:clamp(11px,.85vw,12.5px);line-height:1.25;position:absolute;top:clamp(84px,13vh,130px)}.t-flow-box{border:1.5px solid #ffffffe6;border-radius:4px;width:fit-content;min-width:55%;padding:7px 9px;position:relative}.t-flow-box+.t-flow-box{margin-top:20px}.t-flow-box+.t-flow-box:before{content:"↓";font-size:14px;position:absolute;top:-19px;left:8px}.t-flow-box ul{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.t-flow-box ul li{background:#fff3;border-radius:3px;max-width:10em;padding:6px 9px}.t-device{flex:none;width:clamp(70px,7.5vw,104px);height:auto;transition:scale .3s ease-in}.t-device:hover{scale:.9}.t-device-cols{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:clamp(28px,9vw,150px);margin-top:46px;display:grid}.t-device-cols .t-lead{margin-bottom:26px}.t-story{transition:translate .2s ease-in-out,filter .2s ease-in-out}.t-story:hover{filter:drop-shadow(0 12px 6px #0000004d);translate:0 -5px}.t-story{color:#fff;width:46%;font-size:clamp(10px,1.08vw,15.5px);line-height:1.25;position:absolute;top:14%;left:30%}.t-story-arrow{position:absolute;top:.55em;left:-.9em}.t-box{border:1.5px solid #fff;border-radius:4px;margin-top:.55em;padding:.3em .45em .55em}.t-box--open{border-bottom:0;border-radius:4px 4px 0 0;height:2.2em}.t-game{grid-template-columns:minmax(0,16rem) auto minmax(0,1fr);grid-template-areas:"info stage action""readout readout.";align-items:start;row-gap:18px;max-width:1000px;margin-inline:auto;display:grid}.t-game-info{grid-area:info;padding-top:5vh}.t-rulerow--flat{margin-right:-24px}.t-source{color:var(--text-soft);margin-top:14px;font-size:13px}.t-game-stage{z-index:1;aspect-ratio:1;cursor:crosshair;touch-action:none;border-radius:50%;grid-area:stage;width:clamp(240px,30vw,420px);position:relative}.t-game-stage[data-locked]{cursor:pointer}.t-game-stage>img,.t-game-solution{border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.t-game-solution{border:2px solid var(--cerulean);background:color-mix(in srgb, var(--cerulean) 72%, transparent);transition:transform .6s cubic-bezier(.19,1,.22,1),opacity .3s}.t-game-action{grid-area:action;justify-self:end;padding-top:4vh}.t-game-readout{flex-wrap:wrap;grid-area:readout;align-items:flex-start;gap:14px 22px;display:flex}.t-game-readout input{width:150px;accent-color:var(--crimson);margin-top:8px;display:block}.t-figure{font:italic 700 clamp(40px, 3.9vw, 56px) / 1.1 var(--mono);color:var(--text)}.t-figure.t-cyan{color:var(--cerulean)}.t-coarse{display:none}@media (hover:none),(pointer:coarse){.t-fine{display:none}.t-coarse{display:inline}}.t-moti{gap:var(--reach);grid-template-columns:minmax(0,27rem) minmax(0,1fr);align-items:start;max-width:1000px;margin-inline:auto;display:grid}.t-moti-text{color:color-mix(in srgb, var(--ink) 34%, transparent);position:relative}.t-moti-text span{transition:color .2s ease-in-out}.t-moti-text .t-moti-marker{background:var(--crimson);opacity:0;width:3px;height:1.4em;transition:top .45s var(--ease), height .45s var(--ease), opacity .25s ease-in-out;border-radius:2px;position:absolute;top:0;left:-18px}.t-moti-side{width:fit-content;margin-left:auto;padding:6vh 84px 0 0}.t-moti-side .t-rulerow{margin-right:-84px}.t-moti-buttons{gap:14px;width:190px;margin:46px auto 0;display:grid}.t-moti-buttons button{background:color-mix(in srgb, var(--ink) 16%, transparent);width:100%;color:var(--text);font:inherit;cursor:pointer;border-radius:3px;padding:8px 10px;font-size:15px;transition:background .2s ease-in-out}.t-moti-buttons button[aria-pressed=true]{background:var(--crimson)}@media (max-width:900px){.t-further,.t-research{flex-direction:column;display:flex}.t-art{width:auto;margin:36px calc(-1 * var(--pad)) 0;order:2;min-height:220px;position:relative}.t-art>img{position:absolute;inset:0;-webkit-mask-image:none;mask-image:none}.t-art-ring{display:none}.t-art-content,.t-art-content--right{max-width:none;margin-left:0}.t-art-content .t-rulerow--long{width:auto}.t-art-content .t-title{width:auto;max-width:none}.t-flow{width:auto;padding:24px var(--pad);font-size:12px;position:relative;top:auto;left:auto}}@media (max-width:759px){.t-step{padding-top:68px;padding-bottom:120px}.t-title{font-size:clamp(28px,8.6vw,40px)}.t-title--clear{padding-right:0}.t-rulerow{height:auto;margin-left:0}.t-hang .t-rulerow{flex-wrap:wrap}.t-rule--short{flex:0 0 20px}.t-rulerow--reach,.t-rulerow--flat{margin-inline:0}.t-hang .t-rule{flex:1 0 30%}.t-hang{min-height:100svh}.t-hang .t-orb{width:150px;margin-right:0;translate:none}.t-hang .t-orb>.t-btn{top:50%;left:50%}.t-hang .t-text{max-width:none}.t-hang .t-orb--time{flex-basis:100%;width:auto;max-width:340px;margin:28px auto 0;translate:none}.t-hang .t-orb--time>.t-orb-corner{top:auto;left:auto}.t-story{font-size:clamp(11px,3.6vw,15px)}.t-split{grid-template-columns:minmax(0,1fr)}.t-split>.t-orb{order:2;width:min(74vw,320px);margin:36px auto 0}.t-split-main{padding:0}.t-device-cols{grid-template-columns:minmax(0,1fr);gap:1.4em}.t-game{grid-template-columns:minmax(0,1fr);grid-template-areas:"info""stage""readout""action";row-gap:28px}.t-game-info{padding-top:0}.t-game-stage{width:min(78vw,340px);margin-inline:auto}.t-game-action{padding-top:0}.t-moti{grid-template-columns:minmax(0,1fr);gap:36px}.t-moti-side{order:-1;width:auto;margin-left:0;padding:0}.t-moti-side .t-rulerow{margin-right:0}.t-moti-buttons{width:220px;margin:30px 0 0}.t-moti-text .t-moti-marker{left:-10px}}::view-transition-group(.t-morph){animation-duration:.7s;animation-timing-function:cubic-bezier(.19,1,.22,1)}::view-transition-old(.t-morph){object-fit:cover;border-radius:50%;height:100%}::view-transition-new(.t-morph){object-fit:cover;border-radius:50%;height:100%}@media (prefers-reduced-motion:reduce){.tactile *,.tactile :before,.tactile :after{transition:none!important;animation:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}