.gap-track{height:170vh;position:relative}.gap-transformation{--move:0;--line:0;--complete:0;--origin:0;--resolve:0;width:100%;color:var(--paper);position:sticky;top:max(5rem,50vh - 15rem)}.gap-stage{aspect-ratio:1000/440;width:100%;position:relative;container-type:inline-size}.gap-space{perspective:1400px;perspective-origin:45%;transform-style:preserve-3d;position:absolute;inset:0}.gap-meta{font-family:var(--font-mono);letter-spacing:.2em;color:var(--paper);font-size:11px;line-height:1.6;position:absolute}.gap-meta span{color:var(--mid);display:block}.gap-meta-origin{opacity:calc(1 - .75 * var(--origin));top:0;left:0}.gap-meta-formed{opacity:calc(.25 + .75 * var(--resolve));top:0;left:56%}.gap-rule{height:1px;position:absolute;top:50%;left:0}.gap-rule-guide{background:var(--mid);opacity:.25;width:100%}.gap-rule-green{background:var(--green);transform-origin:0;width:52%;transform:scaleX(var(--line))}.gap-grid-guides{border-left:1px dashed var(--mid);border-right:1px dashed var(--mid);width:34%;height:65.9%;opacity:calc(.08 + .3 * var(--resolve));position:absolute;top:18.2%;left:56%}.gap-mod{--i:calc(1 - var(--move));left:var(--dx);top:var(--dy);width:var(--dw);height:var(--dh);transform:translate3d(calc(var(--dfx) * var(--i)), calc(var(--dfy) * var(--i)), calc(var(--dz) * var(--i))) rotateX(calc(var(--drx) * var(--i))) rotateY(calc(var(--dry) * var(--i)));will-change:transform;position:absolute}.gap-solid{background:var(--paper);opacity:calc(.78 + .2 * var(--move))}.gap-outline{border:1px solid var(--paper);opacity:calc(.7 + .3 * var(--move))}.gap-frame{border:1px solid var(--paper);border-right-color:color-mix(in oklab, var(--paper) calc(var(--complete) * 100%), transparent);border-bottom-color:color-mix(in oklab, var(--paper) calc(var(--complete) * 100%), transparent);opacity:calc(.6 + .4 * var(--move))}.gap-green{background:var(--green)}@media (width<48rem){.gap-track{height:130vh}.gap-transformation{top:5rem}.gap-stage{aspect-ratio:340/400}.gap-space{perspective:900px;perspective-origin:50%}.gap-desktop-only{display:none}.gap-mod{left:var(--mx);top:var(--my);width:var(--mw);height:var(--mh);transform:translate3d(calc(var(--mfx) * var(--i)), calc(var(--mfy) * var(--i)), calc(var(--mz) * var(--i))) rotateX(calc(var(--mrx) * var(--i))) rotateY(calc(var(--mry) * var(--i)))}.gap-meta{font-size:10px}.gap-meta-formed{text-align:right;left:auto;right:0}.gap-rule{top:20%}.gap-rule-green{width:100%}.gap-grid-guides{width:76.5%;height:60%;top:30%;left:11.8%}}@media (prefers-reduced-motion:reduce){.gap-track{height:auto}.gap-transformation{--move:1;--line:1;--complete:1;--origin:1;--resolve:1;position:static}}.think-track{height:185vh;position:relative;overflow:clip visible}.think-art{--retreat:0;--select:0;--edit:0;--trace:0;--l1:1;--l2:0;--l3:0;--mx:22%;--my:30%;--depth:1;width:100%;color:var(--ink);position:sticky;top:max(5rem,50vh - 14rem)}.think-stage{aspect-ratio:16/11;width:100%;position:relative;container-type:inline-size}.think-meta{z-index:2;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;gap:1.5rem;font-size:11px;display:flex;position:absolute;top:0;left:0}.think-meta span{color:var(--ink);opacity:calc(.28 + .72 * var(--l))}.think-space{perspective:1500px;perspective-origin:50% 45%;transform-style:preserve-3d;position:absolute;inset:12% 0 0}.think-plane{border:1px solid var(--ink);background:var(--paper);width:72%;height:78%;transform:translate3d(calc(var(--px) + var(--psx) * var(--retreat)), var(--py), calc(var(--pz) * var(--depth) - 260px * var(--depth) * var(--retreat))) rotateX(var(--prx)) rotateY(var(--pry));opacity:calc(.85 * (1 - var(--retreat)));will-change:transform, opacity;position:absolute;top:8%;left:14%}.think-plane.is-selected{--i:calc(1 - var(--select));z-index:1;transform:translate3d(calc(var(--px) * var(--i)), calc(var(--py) * var(--i)), calc(var(--pz) * var(--depth) * var(--i))) rotateX(calc(var(--prx) * var(--i))) rotateY(calc(var(--pry) * var(--i)));opacity:calc(.85 + .15 * var(--select))}.think-layout{position:absolute;inset:7%}.think-layout i{display:block;position:absolute}.t-img{background:var(--ink);opacity:.9}.t-rule{background:var(--ink);height:1px}.t-col{border:1px solid var(--ink)}.t-extra{border:1px dashed var(--mid)}.is-selected .t-extra{opacity:calc(1 - var(--edit))}.think-a .t-img{width:100%;height:40%;top:0;left:0}.think-a .r1{width:70%;top:50%;left:0}.think-a .r2{width:50%;top:58%;left:0}.think-a .r3{width:60%;top:66%;left:0}.think-a .c1{width:30%;height:24%;top:76%;left:0}.think-a .c2{width:30%;height:24%;top:76%;left:35%}.think-a .x1{width:30%;height:24%;top:76%;left:70%}.think-a .x2{display:none}.think-b .t-img{width:50%;height:100%;top:0;left:50%}.think-b .r1{width:42%;top:10%;left:0}.think-b .r2{width:30%;top:18%;left:0}.think-b .r3{width:42%;top:90%;left:0}.think-b .c1{width:42%;height:50%;top:30%;left:0}.think-b .c2{display:none}.think-b .x1{width:30%;height:30%;top:40%;left:6%}.think-b .x2{display:none}.think-c .t-img{width:62%;height:56%;top:0;left:0}.think-c .r1{width:32%;top:4%;left:68%}.think-c .r2{width:24%;top:12%;left:68%}.think-c .r3{width:100%;top:66%;left:0}.think-c .c1{width:47%;height:26%;top:74%;left:0}.think-c .c2{width:47%;height:26%;top:74%;left:53%}.think-c .x1{width:28%;height:26%;top:24%;left:72%}.think-c .x2{width:26%;height:22%;top:20%;left:20%}.think-d .t-img{width:30%;height:30%;top:0;left:0}.think-d .r1{width:64%;top:6%;left:36%}.think-d .r2{width:64%;top:16%;left:36%}.think-d .r3{width:40%;top:26%;left:36%}.think-d .c1{width:100%;height:26%;top:40%;left:0}.think-d .c2{width:64%;height:28%;top:72%;left:0}.think-d .x1{width:30%;height:28%;top:72%;left:70%}.think-d .x2{display:none}.think-e .t-img{width:60%;height:44%;top:18%;left:20%}.think-e .r1{width:60%;top:6%;left:20%}.think-e .r2{width:40%;top:72%;left:30%}.think-e .r3{width:32%;top:80%;left:34%}.think-e .c1,.think-e .c2{display:none}.think-e .x1{width:100%;height:100%;top:0;left:0}.think-e .x2{display:none}.think-marker{left:var(--mx);top:var(--my);background:var(--green);z-index:3;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute}.think-trace{background:var(--green);z-index:3;transform-origin:0;width:72%;height:1px;transform:scaleX(var(--trace));position:absolute;top:62.8049%;left:14%}@media (width<48rem){.think-track{height:140vh}.think-art{--depth:.5;top:5rem}.think-stage{aspect-ratio:1/1.05}.think-space{perspective:1000px}.think-meta{letter-spacing:.18em;gap:.9rem;font-size:10px}.think-desktop-only{display:none}.think-plane{width:80%;height:74%;left:10%;rotate:none}.think-trace{width:80%;top:60.5605%;left:10%}}@media (prefers-reduced-motion:reduce){.think-track{height:auto}.think-art{position:static}}.think-plane:not(.is-selected) .t-img{opacity:.3}.fio-track{height:210vh;position:relative;overflow:clip visible}.fio-art{--a:0;--b:0;--c:0;--d:0;--e:0;--f:0;--round:0;--meta:0;--gx:90cqw;--gy:6cqw;--depth:1;--tilt:1;width:100%;color:var(--ink);position:sticky;top:max(5rem,50vh - 18rem)}.fio-stage{aspect-ratio:100/44;width:100%;position:relative;container-type:inline-size}.fio-space{perspective:1600px;perspective-origin:40% 45%;transform-style:preserve-3d;position:absolute;inset:0}.fio-part{--i:calc(1 - var(--k));transform-origin:50%;transform:translate3d(calc(var(--x0) * var(--i)), calc(var(--y0) * var(--i)), calc(var(--z0) * var(--depth) * var(--i))) rotateX(calc(var(--rx0) * var(--tilt) * var(--i))) rotateY(calc(var(--ry0) * var(--tilt) * var(--i))) scale(calc(1 + (var(--sx0) - 1) * var(--i)), calc(1 + (var(--sy0) - 1) * var(--i)));opacity:calc(var(--o0) + (1 - var(--o0)) * var(--k));will-change:transform, opacity;display:block;position:absolute}.fio-bar{background:var(--ink)}.fio-ring{box-sizing:border-box;border:calc(1px + (5cqw - 1px) * var(--round)) solid var(--ink);border-radius:calc(50% * var(--round));background:0 0}.fio-green{background:var(--green);width:2.4cqw;height:2.4cqw;transform:translate(var(--gx), var(--gy));position:absolute;top:0;left:0}.fio-meta{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mid);opacity:var(--meta);gap:.5rem;font-size:11px;line-height:1.6;display:grid;position:absolute;top:30cqw;left:80cqw}.fio-meta span:last-child{color:var(--ink)}@media (width<=767px){.fio-track{height:150vh}.fio-art{--depth:.4;--tilt:.5;top:max(5rem,50vh - 10rem)}.fio-stage{aspect-ratio:100/62}.fio-meta{letter-spacing:.18em;grid-auto-flow:column;gap:1.5rem;font-size:10px;top:46cqw;left:0}}@media (prefers-reduced-motion:reduce){.fio-track{height:auto}.fio-art{position:relative;top:0}}