@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.1ypl14jhz9yyw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.2g9li78_0_it5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.00u3xrku2lqty.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.2vepgg3wcdr2q.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:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.2ttjmmx-9gnz1.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:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.3259ncl47-hqj.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:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_c49300b3-module__nZn3Vq__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_c49300b3-module__nZn3Vq__variable{--sans:"Manrope", "Manrope Fallback"}
:root{--ink:#0c0b0a;--ink-2:#131110;--paper:#efe9df;--paper-2:#e3dbcd;--grey:#8f887e;--accent:#5b8cff;--cool:#7fa8a1;--pad:clamp(20px, 4.5vw, 72px);--ease:cubic-bezier(.2, .7, .1, 1)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped,html.is-focused{overflow:hidden}body{font-family:var(--sans), system-ui, sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul{list-style:none}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:1.5px solid var(--accent);outline-offset:4px}main{z-index:1;position:relative;overflow-x:clip}.stage{z-index:0;pointer-events:none;transition:opacity .6s;position:fixed;inset:0;overflow:hidden}@keyframes blink{50%{visibility:hidden}}.hi{opacity:calc(var(--hifi) * var(--w));font-family:var(--sans), sans-serif;color:#17140f;white-space:nowrap;letter-spacing:-.03em;border-radius:.5cqw;align-items:center;display:flex;position:absolute;inset:0}.k-card[data-i="9"] .hi:before{background:linear-gradient(135deg,#cfe0da,#7fa8a1)}.k-card[data-i="11"] .hi:before{background:linear-gradient(135deg,#3d5e55,#1f3a34)}.grain{z-index:45;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes load{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.nav{z-index:40;padding:22px var(--pad);mix-blend-mode:difference;color:#fff;font-family:var(--mono), monospace;letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.7rem;display:flex;position:fixed;top:0;left:0;right:0}.nav nav{align-items:center;gap:clamp(14px,2.2vw,34px);display:flex}.nav a,.nav button{letter-spacing:inherit;text-transform:inherit;opacity:.72;padding:6px 0;transition:opacity .3s;position:relative}.nav a:hover,.nav button:hover{opacity:1}.nav nav a:after{content:"";transform-origin:100%;height:1px;transition:transform .5s var(--ease);background:currentColor;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.nav nav a:hover:after{transform-origin:0;transform:scaleX(1)}.nav button{opacity:1;border:1px solid;border-radius:99px;padding:7px 14px}.nav-name{opacity:1!important}.nav-name .short{display:none}.chapter{left:var(--pad);z-index:40;mix-blend-mode:difference;color:#fff;font-family:var(--mono), monospace;letter-spacing:.18em;align-items:center;gap:10px;font-size:.68rem;display:flex;position:fixed;bottom:22px}@keyframes swap{0%{opacity:0;transform:translateY(8px)}}.contact-panel{top:66px;right:var(--pad);z-index:50;width:min(300px, calc(100vw - var(--pad) * 2));background:var(--paper);color:var(--ink);transform-origin:100% 0;opacity:0;visibility:hidden;transition:opacity .35s var(--ease), transform .5s var(--ease), visibility .35s;border-radius:4px;padding:24px 24px 10px;position:fixed;transform:translateY(-10px)scale(.97);box-shadow:0 30px 80px -20px #0009}.contact-panel.is-open{opacity:1;visibility:visible;transform:none}.contact-title{font-family:var(--serif), serif;margin-bottom:14px;font-size:2rem;line-height:1}.contact-rows li{border-top:1px solid color-mix(in srgb, currentColor 16%, transparent);justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:4px 0;display:flex}.contact-link{letter-spacing:-.02em;transition:color .3s, padding .4s var(--ease);flex:1;justify-content:space-between;align-self:stretch;align-items:center;font-size:1.15rem;font-weight:500;display:flex}.contact-link span{opacity:.5;transition:transform .4s var(--ease), opacity .3s;font-size:.9em}.contact-link:hover{color:#2f5fe0;padding-left:4px}.contact-link:hover span{opacity:1;transform:translate(3px,-3px)}.contact-panel .contact-rows li{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:translateY(8px)}.contact-panel.is-open .contact-rows li{opacity:1;transform:none}.contact-panel.is-open .contact-rows li:nth-child(2){transition-delay:60ms}.contact-panel.is-open .contact-rows li:nth-child(3){transition-delay:.12s}.chip-btn{font-family:var(--mono), monospace;letter-spacing:.14em;text-transform:uppercase;text-align:center;border:1px solid;border-radius:99px;min-width:76px;padding:7px 13px;font-size:.66rem;transition:background .3s,color .3s}.chip-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}.chip-btn.is-off{opacity:.4;pointer-events:none}.hero{height:100vh;min-height:540px;padding:0 var(--pad);position:relative}@keyframes drip{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.now{background:var(--ink);z-index:2}[data-reveal]{opacity:0;transition:opacity 1s var(--ease), transform 1.2s var(--ease);transform:translateY(28px)}[data-reveal].in{opacity:1;transform:none}.work{z-index:2;background:var(--paper);color:var(--ink);padding:24vh var(--pad) 16vh;position:relative}.projects{gap:clamp(90px,20vh,220px);max-width:1500px;margin:0 auto;display:grid}.project{grid-template-columns:repeat(12,1fr);align-items:end;gap:clamp(20px,3vw,56px);display:grid}.browser{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease), box-shadow .6s var(--ease);background:#1b1917;border-radius:9px;overflow:hidden;box-shadow:0 50px 90px -40px #321e0a8c,0 0 0 1px #0000001a}.status{align-items:center;gap:8px;display:inline-flex}.status:before{content:"";border:1px solid;border-radius:50%;width:7px;height:7px}.status.both:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.cta{font-family:var(--mono), monospace;letter-spacing:.14em;text-transform:uppercase;transition:background .35s var(--ease), color .35s var(--ease), border-color .35s;border:1px solid;border-radius:99px;align-items:center;gap:10px;padding:14px 20px;font-size:.72rem;display:inline-flex}.cta span{transition:transform .4s var(--ease)}.cta:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}.cta:hover span{transform:translate(5px)}.cta.is-off{opacity:.42;pointer-events:none;border-style:dashed}.focus{z-index:60;color:var(--paper);position:fixed;inset:0;overflow-y:auto}@keyframes fade{0%{opacity:0}}@keyframes forward{0%{opacity:0;transform:scale(.82)translateY(40px)}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.pv{font-size:1.7cqw;position:absolute;inset:0;overflow:hidden}.pv-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pv-bappa{--mx:50%;--my:55%;background:#070b16}.pv-glow{background:radial-gradient(circle at var(--mx) var(--my), #5b8cff8c, #5b8cff14 38%, transparent 62%);transition:background .2s;position:absolute;inset:0}.pv-bappa svg{width:100%;height:100%;position:absolute;inset:0}.pv-bappa-copy{color:#dce6ff;gap:.5em;display:grid;position:absolute;top:8%;left:5%}.pv-bappa-copy span{font-family:var(--mono), monospace;letter-spacing:.16em;text-transform:uppercase;opacity:.7;font-size:.8em}.pv-bappa-copy strong{font-size:2.4em;font-weight:500;line-height:1.2}.pv-petals i{opacity:.8;background:#7ea6ff;border-radius:80% 0;width:1.1em;height:.7em;animation:linear infinite fall;position:absolute;top:-6%}.pv-petals i:nth-child(3n){background:#3d6df2}.pv-petals i:nth-child(4n){background:#c9d8ff;width:.8em}@keyframes fall{to{transform:translate(4em,70cqw)rotate(420deg)}}.pv-tracely{color:#1c1a18;background:#f5f2ec;grid-template-columns:19% 1fr;display:grid}.pv-tracely aside{background:#1c1a18;align-content:start;gap:1.2em;padding:1.6em 1.2em;display:grid}.pv-tracely aside b{background:var(--cool);border-radius:.4em;width:1.8em;height:1.8em;margin-bottom:1em}.pv-tracely aside span{background:#4a4641;border-radius:1em;height:.55em}.pv-tracely aside span.on{background:#f5f2ec}.pv-main{padding:1.6em 2em}.pv-main header{align-items:center;gap:.8em;margin-bottom:1.8em;display:flex}.pv-main header strong{font-family:var(--serif), serif;margin-right:auto;font-size:2em;font-weight:400}.pill{font-family:var(--mono), monospace;color:#f5f2ec;background:#1c1a18;border-radius:9em;padding:.5em 1em;font-size:.72em}.pill.ghost{color:inherit;background:0 0;box-shadow:inset 0 0 0 1px #0003}.pv-tracks{gap:1.05em;display:grid}.pv-track{grid-template-columns:22% 1fr;align-items:center;gap:1.4em;display:grid}.pv-track .lbl{background:#cfc8bc;border-radius:1em;height:.55em}.rail{background:#e9e4da;border-radius:.3em;height:1.5em;position:relative}.rail i{transform-origin:0;transition:transform .8s var(--ease);background:#1c1a18;border-radius:.3em;position:absolute;top:0;bottom:0}.pv-maha{color:#17201d;background:#f1eee7;grid-template-rows:auto 1fr;display:grid}.pv-maha header{color:#f1eee7;background:#1f3a34;align-items:center;gap:1em;padding:1em 1.6em;display:flex}.pv-maha header b{background:#d9a441;border-radius:50%;width:1.6em;height:1.6em}.pv-maha header strong{margin-right:auto;font-size:1.1em;font-weight:500}.pv-maha header span{background:#f1eee759;border-radius:1em;width:4em;height:.5em}.pv-maha-body{grid-template-rows:auto 1fr;gap:1.2em;min-height:0;padding:1.4em 1.6em;display:grid}.pv-stats{grid-template-columns:repeat(4,1fr);gap:1em;display:grid}.pv-stats div{background:#fff;border-radius:.4em;gap:.7em;padding:1em;display:grid;box-shadow:0 0 0 1px #0000000f}.pv-stats span{background:#cfc9bd;border-radius:1em;height:.45em}.pv-stats strong{background:#1f3a34;border-radius:.2em;height:1.1em}.pv-grid{grid-template-columns:1.6fr 1fr;gap:1em;min-height:0;display:grid}.pv-table{background:#fff;border-radius:.4em;align-content:stretch;display:grid;box-shadow:0 0 0 1px #0000000f}.pv-table div{border-bottom:1px solid #0000000f;align-items:center;gap:1em;padding:0 1em;display:flex}.pv-table div.head{background:#e6e2d8}.pv-table span{background:#17201d;border-radius:1em;flex-shrink:1;height:.5em}.pv-table i{background:#cfe3d6;border-radius:1em;flex-shrink:0;width:2.6em;height:1em;margin-left:auto}.pv-table i.warn{background:#f3d2b6}.pv-map{background:#dfe6dc;border-radius:.4em;position:relative;overflow:hidden}.pv-map svg{width:100%;height:100%;position:absolute;inset:0}.pv-map i{background:var(--accent);border-radius:50%;width:1em;height:1em;position:absolute;box-shadow:0 0 0 .4em #5b8cff40}.lab{z-index:2;background:var(--ink-2);padding:20vh 0 12vh;position:relative}.chip{background:var(--ink-2);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;border:1px solid #efe9df66;gap:10px;min-width:190px;padding:16px 18px 14px;display:grid;position:absolute;top:0;left:0}.chip strong{font-family:var(--serif), serif;max-width:11ch;font-size:1.55rem;font-weight:400;line-height:1.05}.chip.is-held{cursor:grabbing;z-index:5;box-shadow:0 30px 60px -20px #000c}.beyond{z-index:2;color:var(--paper);padding:26vh var(--pad) 30vh;background:radial-gradient(70% 60% at 85% 0,#5b8cff57,#0000 70%),linear-gradient(#0b1020,#111a33 60%,#182550);position:relative;overflow:hidden}.ridge{fill:#5b8cff;width:100%;height:34vh;position:absolute;bottom:0;left:0;right:0}.sing{max-width:620px;margin-left:auto}.player{align-items:center;gap:26px;display:flex}.play{border:1px solid var(--paper);width:92px;height:92px;font-family:var(--mono), monospace;letter-spacing:.18em;text-transform:uppercase;transition:background .4s var(--ease), color .4s var(--ease), transform .4s var(--ease);border-radius:50%;flex:none;font-size:.68rem}.play:hover:not(:disabled){background:var(--paper);color:#111a33;transform:scale(1.05)}.play.playing{background:var(--accent);border-color:var(--accent);color:#111a33}.play:disabled{opacity:.45;cursor:default}.wave{flex:1;align-items:center;gap:4px;height:72px;display:flex}.wave i{background:var(--paper);opacity:.55;border-radius:4px;flex:1;max-width:4px;transition:transform .12s linear;animation:3.6s ease-in-out infinite breathe;transform:scaleY(.4)}.wave.playing i{opacity:.95;background:#cfe0ff;animation:none}.wave.missing i{opacity:.25;animation:none}@keyframes breathe{50%{transform:scaleY(.75)}}.also{font-family:var(--serif), serif;flex-wrap:wrap;align-items:baseline;gap:10px 34px;margin-top:16vh;font-size:clamp(1.3rem,2.1vw,2rem);display:flex}:root{--serif:var(--sans);--mono:var(--sans)}em{font-style:normal}.nav,.chapter,.chip-btn,.cta,.play{letter-spacing:.14em;font-weight:600}.contact-title{letter-spacing:-.04em;font-size:1.7rem;font-weight:500}.chip strong{letter-spacing:-.03em;font-size:1.3rem;font-weight:500;line-height:1.12}.also{letter-spacing:-.03em;font-size:clamp(1.15rem,1.7vw,1.6rem);font-weight:500}.pv-main header strong{letter-spacing:-.04em;font-size:1.7em;font-weight:600}.hero{height:100vh;min-height:620px;padding:104px var(--pad) 84px}.story{--line:100%;--blend:0;position:relative}.story-view{height:100vh;position:sticky;top:0;overflow:hidden}.world{isolation:isolate;position:absolute;inset:0}.st{text-align:center;padding:120px var(--pad) 110px;opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.st[data-i="0"]{opacity:1;visibility:visible}.vs{font-family:var(--sans), sans-serif;letter-spacing:-.07em;text-transform:uppercase;pointer-events:none;font-size:clamp(5rem,21vw,24rem);font-weight:700;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.divider-knob{background:var(--accent);width:26px;height:26px;color:var(--ink);pointer-events:auto;cursor:var(--cur,default);touch-action:none;transform:translateX(calc(var(--edge,0) * -15px));transition:transform .3s var(--ease), scale .3s var(--ease);border-radius:50%;place-items:center;margin:-13px 0 0 -13px;display:grid;position:absolute;top:86%;left:0;box-shadow:0 10px 30px -8px #0009}.divider-knob:hover{scale:1.12}.nav nav a.is-here{opacity:1}.nav nav a.is-here:after{transform:scaleX(1)}.fig{background:#1a1614;border-radius:3px;position:relative;overflow:hidden}.fig img{object-fit:cover;width:100%;height:100%;display:block}.fig figcaption{color:var(--paper);text-shadow:0 1px 8px #0009;font-size:.6rem;position:absolute;bottom:10px;left:12px}.fig[data-reveal]{opacity:1;clip-path:inset(0 0 100%);transition:clip-path 1.5s var(--ease);transform:none}.fig[data-reveal] img{transition:transform 1.9s var(--ease);transform:scale(1.18)}.fig[data-reveal].in{clip-path:inset(0)}.fig[data-reveal].in img{transform:none}.still{aspect-ratio:4/3;width:min(300px,62%);margin-bottom:3.4vh}.chip.has-img{width:210px;min-width:0;padding:8px 8px 14px}.chip.has-img img{aspect-ratio:4/3;object-fit:cover;pointer-events:none;width:100%;margin-bottom:4px;display:block}.chip.has-img>span,.chip.has-img>strong{padding:0 8px}.sing{margin-left:0}.also{margin-top:0}@keyframes nudge{0%,to{transform:translateY(-1px)}50%{transform:translateY(3px)}}.nav-name{align-items:center;display:inline-flex;padding:2px 0!important}.logo{display:block;overflow:visible}.logo-bracket{transition:transform .45s var(--ease)}.nav-name:hover .logo-bracket{transform:translate(-2.5px)}.art{opacity:0;visibility:hidden;width:min(800px,88vw);height:min(46vh,410px);transition:opacity .6s var(--ease), translate .8s var(--ease), visibility .6s;transform-origin:50% 100%;pointer-events:none;z-index:2;position:absolute;bottom:7vh;left:50%;transform:translate(-50%)translateY(28px);container-type:size}.story[data-art=on] .art-b,.story[data-art=on] .art-d{opacity:1;visibility:visible;translate:0}.story[data-live="1"] .art-x{opacity:1;visibility:visible;pointer-events:auto;translate:0}.st.has-art{justify-content:flex-start;padding-top:15vh}.story[data-art=on] .mega{font-size:clamp(2.4rem,min(6.4vw,11vh),6.6rem)}.story[data-v="1"] .v2,.story[data-v="2"] .v1{display:none}@keyframes art-in{0%{opacity:0;transform:translateY(8px)}}.out{background:#131110;border:1px solid #efe9df1a;border-radius:2cqh;flex-direction:column;min-width:0;display:flex;overflow:hidden}.code{counter-reset:ln;white-space:pre;color:#d9d2c6;padding:3cqh 3cqh 3cqh 0;font-size:3.05cqh;line-height:1.62;list-style:none;overflow:hidden}.story[data-art=on] .cl{opacity:1;transform:none}.out .note{display:none}.note{color:#e5484d;opacity:0;max-width:34cqh;transition:opacity .5s var(--ease), transform .5s var(--ease);text-align:right;font-family:Segoe Print,Bradley Hand,Comic Sans MS,cursive;font-size:3.5cqh;line-height:1.25;position:absolute;right:4cqh;transform:rotate(-2deg)translateY(6px)}.story[data-notes="3"] .art-d .n3{opacity:1;transform:rotate(-2deg)}.story[data-notes="3"] .art-d .r1-list li{outline-offset:.6cqh;outline:1px dashed #e5484db3}.story[data-spec="1"] .art-d .spec{opacity:1}.live li{padding-top:.9cqh;padding-bottom:.9cqh;font-size:3.3cqh}.live li button{cursor:pointer}.live li:hover{background:#f6f2ec}.loader2{z-index:100;background:var(--ink);clip-path:inset(0);place-items:center;transition:clip-path .9s cubic-bezier(.7,0,.2,1);display:grid;position:fixed;inset:0}.loader2.is-out{clip-path:inset(0 0 0 100%)}.ld-stage{place-items:center;width:96px;height:96px;display:grid;position:relative}.ld-code{color:var(--paper);white-space:nowrap;animation:ld-code-out .45s .95s var(--ease) forwards;align-items:center;font-family:ui-monospace,Cascadia Code,Consolas,Menlo,monospace;font-size:1.15rem;display:inline-flex;position:absolute}.ld-code span{width:0;animation:.6s steps(6,end) .15s forwards ld-type;display:inline-block;overflow:hidden}.ld-code i{background:var(--accent);width:.55ch;height:1.15em;margin-left:2px;animation:.8s step-end infinite blink;display:inline-block}@keyframes ld-type{to{width:6ch}}@keyframes ld-code-out{to{opacity:0;filter:blur(6px);transform:translateY(-14px)}}.ld-logo{width:96px;height:96px;overflow:visible}.ld-logo .p{stroke:var(--paper);stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;animation:ld-on 10ms forwards, ld-draw .55s var(--ease) forwards}@keyframes ld-on{to{opacity:1}}.ld-logo .p1{animation-delay:1s}.ld-logo .p2{animation-delay:1.25s}.ld-logo .p3{animation-delay:1.35s}.ld-logo .p4{stroke:var(--accent);animation-delay:1.45s}@keyframes ld-draw{to{stroke-dashoffset:0}}.ld-node{fill:var(--ink);stroke:#2f7bf6;stroke-width:.35px;opacity:0;animation:ld-node 1.1s var(--ease) forwards}@keyframes ld-node{15%{opacity:1}70%{opacity:1}to{opacity:0}}.ld-caption{letter-spacing:.2em;text-transform:uppercase;color:var(--grey);white-space:nowrap;opacity:0;font-size:.62rem;font-weight:600;animation:.6s 1.35s forwards ld-fade;position:absolute;top:calc(100% + 22px)}.ld-caption b:first-child{letter-spacing:.06em;text-transform:none;font-family:ui-monospace,Consolas,monospace;font-weight:400}.ld-caption b:last-child{color:var(--paper)}@keyframes ld-fade{to{opacity:1}}.ld-sweep{background:var(--accent);opacity:0;width:2px;position:fixed;top:0;bottom:0;left:0}.loader2.is-out .ld-sweep{animation:.9s cubic-bezier(.7,0,.2,1) forwards ld-sweep}@keyframes ld-sweep{0%{opacity:1;left:0}to{opacity:1;left:100%}}.story[data-hideb="1"] .w-build .st,.story[data-hided="1"] .w-design .st{filter:opacity(0)}.story[data-hideb="1"] .art-b,.story[data-hided="1"] .art-d{opacity:0!important}.story[data-solo="0"] .art-b{grid-template-columns:1fr;width:min(560px,88vw)}.story[data-solo="0"] .art-b .out{display:none}.sing-video{aspect-ratio:9/16;background:#000;border-radius:6px;width:100%;max-width:340px;position:relative}.sing-video video{object-fit:cover;width:100%;height:100%;display:block}.sing-cover{cursor:pointer;background:linear-gradient(#0000 55%,#00000073);transition:opacity .4s;position:absolute;inset:0}.sing-video[data-state=playing] .sing-cover{opacity:0}.places-strip{scroll-snap-type:x mandatory;margin:0 calc(var(--pad) * -1);padding-bottom:14px;padding-left:var(--pad);padding-right:var(--pad);scrollbar-width:thin;scrollbar-color:#efe9df40 transparent;gap:16px;display:flex;overflow-x:auto}.place{aspect-ratio:3/4;scroll-snap-align:start;background:#111a33;border-radius:4px;flex:none;width:clamp(220px,24vw,340px);overflow:hidden}.place:nth-child(2n){margin-top:48px}.place img,.place video{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease);display:block}.place:hover img,.place:hover video{transform:scale(1.04)}.beyond .also{margin-top:12vh}.beyond{padding-bottom:20vh}@keyframes tip{0%{translate:0}to{translate:0 -4px}}.story[data-kind=me] .art-x{opacity:0!important;visibility:hidden!important}.story-view.has-you,.story-view.has-you .st{cursor:none}.story-view.has-you :is(a,button,input,label){cursor:pointer}.story-view.has-you input{cursor:text}.you{z-index:30;pointer-events:none;opacity:0;transition:opacity .25s;position:fixed;top:0;left:0}.you.is-on{opacity:1}.you.is-off{opacity:0}.you>*{transition:opacity .2s, transform .25s var(--ease);position:absolute}.you[data-side=build] .you-tag{color:var(--accent);background:#1b1917;border:1px solid #5b8cff66;border-radius:2px;font-family:ui-monospace,Consolas,monospace;font-weight:400;top:14px;left:8px}.chapter.is-hidden{opacity:0;transition:opacity .4s}@media (max-width:860px){.nav-name .full{display:none}.nav-name .short{display:inline}.nav{padding:16px var(--pad);font-size:.62rem}.contact-panel{top:56px}.chapter{font-size:.6rem;bottom:14px}.hero{height:auto;min-height:100vh;padding:88px var(--pad) 70px}.work{padding-top:16vh}.project{display:block}.chip{min-width:150px;padding:12px 14px}.chip strong{font-size:1.2rem}.beyond{padding:18vh var(--pad) 0}.player{gap:16px}.play{width:76px;height:76px}.nav nav a{padding:12px 0}.nav button{padding:9px 12px}.sing-video{max-width:62%}.place{width:68vw}.place:nth-child(2n){margin-top:0}.art{width:92vw;height:42vh;bottom:9vh}.st.has-art{padding-top:13vh}.note{max-width:28cqh;font-size:3.2cqh}.st{padding:110px var(--pad) 150px}.still{width:46%;margin-bottom:2.4vh}.chip.has-img{width:150px}}:root{--ink:#0b0b0c;--ink-2:#111113;--paper:#f1eee8;--grey:#8b877f;--accent:#5b8cff;--accent-l:#2f5fe0;--mono2:ui-monospace, "Cascadia Code", "SF Mono", Consolas, Menlo, monospace;--r:6px;--ease:cubic-bezier(.22, .61, .21, 1)}.grain{opacity:.05}.idx{font-family:var(--mono2);letter-spacing:.02em;color:var(--grey);font-size:.74rem;font-weight:400}.lnk{letter-spacing:-.01em;transition:color .3s, background-size .5s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;align-items:baseline;gap:10px;padding-bottom:5px;font-size:1rem;font-weight:600;display:inline-flex}.lnk span{transition:transform .4s var(--ease);display:inline-block}.lnk:hover{color:var(--accent);background-position:100% 100%;background-size:0 1px}.lnk:hover span{transform:translate(5px)}.pg{z-index:2;background:var(--paper);color:var(--ink);position:relative}.pg-head{max-width:1500px;padding:24vh var(--pad) 12vh;grid-template-columns:minmax(110px,1fr) minmax(0,5fr);align-items:baseline;gap:20px clamp(20px,4vw,70px);margin:0 auto;display:grid}.pg-head h1,.about-text h1{letter-spacing:-.05em;text-wrap:balance;max-width:15ch;font-size:clamp(2.3rem,5.6vw,5.6rem);font-weight:500;line-height:1.02}.pg-head h1 em,.about-text h1 em,.row h2 em{color:var(--accent-l);font-style:normal}.pg-foot{max-width:1500px;padding:8vh var(--pad) 12vh;margin:0 auto}.row{--split:50%;grid-template-columns:var(--split) minmax(0, 1fr);border-top:1px solid #0b0b0c1a;min-height:86vh;display:grid;position:relative}.row:after{content:"";top:0;bottom:0;left:var(--split);background:var(--accent);width:1px;position:absolute}.row h2{letter-spacing:-.055em;font-size:clamp(2.4rem,5.2vw,5.2rem);font-weight:500;line-height:1}.row .browser{transform-origin:50% 100%;border-radius:10px 10px 0 0;margin-top:auto;transform:none;box-shadow:0 -10px 70px -30px #14142873,0 0 0 1px #00000014}.pg-lab{background:var(--ink);color:var(--paper)}.pg-lab .pg-head h1 em{color:var(--accent)}.sheet{max-width:1500px;padding:0 var(--pad);grid-template-columns:repeat(4,1fr);gap:clamp(28px,5vh,56px) clamp(14px,1.6vw,24px);margin:0 auto;display:grid}.about-split{max-width:1500px;padding:24vh var(--pad) 14vh;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:clamp(32px,7vw,130px);margin:0 auto;display:grid;position:relative}.about-split:after{content:"";background:var(--accent);width:1px;position:absolute;top:24vh;bottom:14vh;left:calc(57.5% - .5px)}.about-text h1{margin:22px 0 36px}.about-copy{color:#45413b;max-width:46ch;font-size:clamp(1.02rem,1.3vw,1.2rem);line-height:1.6}.about-photo{aspect-ratio:4/5;border-radius:var(--r);margin:0;overflow:hidden}.about-photo img{object-fit:cover;width:100%;height:100%}.fig[data-reveal],.about-photo[data-reveal]{clip-path:inset(0 0 100%);opacity:1;transition:clip-path 1.4s var(--ease);transform:none}.fig[data-reveal].in,.about-photo[data-reveal].in{clip-path:inset(0)}.pg-beyond{z-index:2;background:var(--ink);color:var(--paper);position:relative}.sing-row{max-width:1500px;padding:18vh var(--pad);grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:center;gap:clamp(32px,8vw,150px);margin:0 auto;display:grid}.sing-video{aspect-ratio:9/16;border-radius:var(--r);background:#000;justify-self:end;width:100%;max-width:340px;position:relative;overflow:hidden}.sing-copy h2,.places-row h2{letter-spacing:-.05em;margin:18px 0 14px;font-size:clamp(2.3rem,5vw,5rem);font-weight:500;line-height:1.02}.sing-copy h2 em,.places-row h2 em{color:var(--accent);font-style:normal}.sing-sub{color:#f1eee89e;max-width:30ch;margin-bottom:44px;font-size:1.1rem}.sing-copy .player{max-width:520px;margin-bottom:20px}.places-row{padding:6vh 0 18vh}.places-row header{max-width:1500px;padding:0 var(--pad);margin:0 auto 44px}.places-strip{padding:0 var(--pad) 14px;margin:0}.place{border-radius:var(--r);background:#17171a;position:relative}.place figcaption{color:#fff;text-shadow:0 1px 8px #000000b3;position:absolute;bottom:8px;left:10px}.story[data-kind=final] .final-art{opacity:.3}.story[data-kind=final] .final-art img{transform:scale(1)}@media (max-width:860px){.pg-head{padding:18vh var(--pad) 8vh;grid-template-columns:1fr}.row{grid-template-columns:1fr;min-height:0}.row:after{display:none}.sheet{grid-template-columns:1fr 1fr}.about-split{padding:18vh var(--pad) 10vh;grid-template-columns:1fr}.about-split:after{display:none}.about-photo{max-width:78%}.sing-row{padding:12vh var(--pad);grid-template-columns:1fr}.sing-video{justify-self:start;max-width:62%}}.you.is-touch{transition:opacity .6s}.pg{background:var(--ink);color:var(--paper)}.pg-head h1 em,.about-text h1 em{color:var(--accent)}.about-copy{color:#f1eee8a8}.contact-panel{color:var(--paper);background:#17171a;box-shadow:0 0 0 1px #ffffff14,0 30px 80px -20px #000}.contact-link:hover{color:var(--accent)}.cards{max-width:1500px;padding:0 var(--pad) 16vh;grid-template-columns:1fr 1fr;gap:clamp(56px,10vh,110px) clamp(20px,2.6vw,44px);margin:0 auto;display:grid}.card-media{aspect-ratio:16/9;width:100%;transition:box-shadow .5s var(--ease), transform .7s var(--ease);background:#111113;border-radius:8px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14;container-type:inline-size}.card-media video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-media .pv{transition:transform 1.2s var(--ease)}.card:hover .card-media{transform:translateY(-4px);box-shadow:0 0 0 1px #5b8cff8c,0 30px 80px -30px #5b8cff59}.card-media video{transition:transform 1.2s var(--ease)}.card h2{letter-spacing:-.045em;margin-top:18px;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500;line-height:1.05}@media (max-width:860px){.cards{grid-template-columns:1fr;gap:56px}}:root{--pad:clamp(20px, 8.34vw, 160px)}.pg-head,.pg-foot,.cards,.sheet,.about-split,.sing-row,.places-row header{max-width:none}.cards{gap:clamp(44px,7vh,80px) clamp(18px,1.6vw,30px)}.card{display:block}.card-media{aspect-ratio:auto;box-shadow:none;transition:border-color .5s var(--ease), background .5s var(--ease);background:#101012;border:1px solid #f1eee817;border-radius:22px;padding:clamp(14px,1.7vw,30px);container-type:normal}.card-screen{aspect-ratio:16/9;transition:transform .8s var(--ease);background:#000;border-radius:10px;position:relative;overflow:hidden;container-type:inline-size}.card-screen video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card:hover .card-media{box-shadow:none;background:#141417;border-color:#f1eee842;transform:none}.card:hover .card-media .pv,.card:hover .card-media video{transform:none}.card:hover .card-screen{transform:scale(1.015)}.card-cap{justify-content:space-between;align-items:baseline;gap:16px;padding:16px 4px 0;display:flex}.card-cap strong{letter-spacing:-.02em;font-size:1.05rem;font-weight:500}.card-cap span{font-family:var(--mono2);color:var(--grey);white-space:nowrap;font-size:.74rem}.card-cap span.both{color:var(--accent)}@media (max-width:860px){.card-media{border-radius:16px}}.pg-head{grid-template-columns:1fr;gap:22px;padding-bottom:9vh}.sing-video{justify-self:start}.card-cap{padding-top:14px}.card-cap strong{color:#f1eee8db;font-size:.95rem;font-weight:500}.card{position:relative}.card.is-static{cursor:default}.card-nda{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--mono2);letter-spacing:.08em;color:var(--paper);background:#0b0b0cc7;border:1px solid #f1eee838;border-radius:5px;padding:5px 10px;font-size:.68rem;position:absolute;top:clamp(26px,2.7vw,46px);left:clamp(26px,2.7vw,46px)}.card-hover{z-index:3;background:var(--accent);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(calc(var(--cx,0px) + 14px), calc(var(--cy,0px) + 16px)) scale(.8);transform-origin:0 0;border-radius:99px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:opacity .25s,scale .25s;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){.card.has-hover,.card.has-hover *{cursor:none}.card.has-hover:hover .card-hover{opacity:1;transform:translate(calc(var(--cx,0px) + 14px), calc(var(--cy,0px) + 16px))}}.feature{padding:0 var(--pad) clamp(56px, 10vh, 110px);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:clamp(24px,4vw,72px);display:grid}@media (max-width:860px){.feature{grid-template-columns:1fr}}.st.has-art .vs{top:max(34%,300px)}.story[data-edited="1"] .ed-hint{display:none!important}.live li{position:relative}.live li .tick{place-items:center;display:grid}.live li .tick svg{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:62%;height:62%}.live li .tick path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .35s var(--ease) 80ms}.live li.done .tick{box-shadow:none;animation:tick-pop .45s var(--ease)}.live li.done .tick path{stroke-dashoffset:0}@keyframes tick-pop{0%{scale:.7}55%{scale:1.22}to{scale:1}}.live li,.live li.done{text-decoration:none}@media (hover:hover) and (pointer:fine){.story[data-art=on]:not([data-hideb="1"]) .tok-edit{pointer-events:auto;cursor:text}.story[data-art=on] .ed-hint{display:block}.story[data-art=on][data-v="2"]:not([data-hided="1"]) .art-d .r2-card.can-drag{pointer-events:auto;cursor:grab}.story[data-spec="1"] .art-d .r2-card.was-moved .spec,.story[data-spec="1"] .art-d .r2-card:hover .spec{opacity:0}}.card-cap{flex-direction:column;align-items:flex-start;gap:10px;padding-top:16px}.card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.card-cap .card-chip{font-family:var(--sans), sans-serif;letter-spacing:0;color:#f1eee8b8;white-space:nowrap;border:1px solid #f1eee82e;border-radius:99px;padding:5px 11px;font-size:.72rem;font-weight:500}.card-cap .card-year{font-family:var(--mono2), monospace;letter-spacing:.05em;color:#f1eee870;font-size:.76rem;font-weight:400}.card-cap strong{letter-spacing:-.025em;color:var(--paper);font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.25}.card-hover{align-items:center;gap:8px;display:inline-flex}.card-hover i{font-size:1.05em;font-style:normal}.card-nda{align-items:center;gap:6px;display:inline-flex}.card-nda svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px}.card-nda svg rect{fill:currentColor;stroke:none}@media (max-width:860px){.nav{mix-blend-mode:normal;color:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:10px var(--pad);background:#0b0b0ce0;border-bottom:1px solid #f1eee812}.nav nav{gap:clamp(10px,3.4vw,18px)}.nav nav a{padding:10px 0}.contact-panel{top:60px}.story-view{height:100svh}.art{height:min(42svh,360px);bottom:62px}.st.has-art{padding-top:84px}.pg-head{padding-top:112px}.pg-head h1,.about-text h1{font-size:clamp(2rem,9.4vw,3.4rem)}.about-split{padding-top:112px}.feature{padding-bottom:48px}.card-cap strong{font-size:1.05rem}}@media (max-width:860px) and (max-height:700px){.art{height:min(38svh,300px)}}.st-final[data-picked=designer] .pick-word.b,.st-final[data-picked=builder] .pick-word.d{animation:pick-join .9s var(--ease)}@keyframes pick-join{0%{opacity:.28;color:var(--accent)}60%{color:var(--accent)}to{opacity:1}}.slim{z-index:2;padding:26px var(--pad) 30px;background:var(--ink);color:var(--paper);border-top:1px solid #f1eee81a;grid-template-columns:1fr auto auto;align-items:center;gap:16px clamp(20px,3vw,48px);display:grid;position:relative}@media (max-width:860px){.slim{padding:22px var(--pad) 26px;grid-template-columns:1fr auto}}.nav{transition:transform .45s var(--ease), opacity .35s var(--ease);will-change:transform}.nav.is-hidden{opacity:0;pointer-events:none;transform:translateY(-110%)}.nav.is-hidden:focus-within{opacity:1;pointer-events:auto;transform:none}.nav{font-family:var(--sans), sans-serif;letter-spacing:-.015em;text-transform:none;font-size:.92rem;font-weight:500}.nav nav{gap:clamp(18px,2.1vw,34px)}.nav nav a,.nav nav button{opacity:.62;letter-spacing:inherit;text-transform:none;font-weight:inherit;transition:opacity .35s var(--ease);background:0 0;border:0;border-radius:0;padding:8px 0;position:relative}.nav nav a:hover,.nav nav button:hover,.nav nav a:focus-visible,.nav nav button:focus-visible,.nav nav a.is-here{opacity:1}.nav nav a:after{display:none}.nav nav a.is-here:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;margin-top:-2px;position:absolute;top:50%;left:-11px}.roll{vertical-align:top;line-height:1.35;display:inline-grid;overflow:hidden}.roll>span{transition:transform .5s var(--ease), opacity .35s var(--ease);grid-area:1/1}.roll>span:last-child{font-family:var(--mono2);letter-spacing:-.02em;color:var(--accent);opacity:0;place-self:center;font-size:.86em;transform:translateY(110%)}@media (hover:hover){.nav nav a:hover .roll>span:first-child,.nav nav button:hover .roll>span:first-child{opacity:0;transform:translateY(-110%)}.nav nav a:hover .roll>span:last-child,.nav nav button:hover .roll>span:last-child{opacity:1;transform:none}}@media (max-width:860px){.nav{font-size:.8rem}.nav nav{gap:clamp(11px,3.6vw,18px)}.nav nav a,.nav nav button{padding:11px 0}.nav nav a.is-here:before{width:4px;height:4px;margin:0 0 0 -2px;top:auto;bottom:3px;left:50%}}.cs-progress{z-index:60;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.cs-progress span{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.cs-head{padding:22vh var(--pad) 8vh}.cs-back{font-family:var(--mono2);color:var(--grey);gap:8px;margin-bottom:7vh;padding:6px 0;font-size:.78rem;transition:color .3s;display:inline-flex}.cs-back span{transition:transform .4s var(--ease)}.cs-back:hover{color:var(--paper)}.cs-back:hover span{transform:translate(-4px)}.cs-head h1{letter-spacing:-.05em;text-wrap:balance;max-width:17ch;margin:22px 0 30px;font-size:clamp(2.2rem,5.4vw,5.4rem);font-weight:500;line-height:1.03}.cs-head h1 em{color:var(--accent);font-style:normal}.cs-lead{color:#f1eee8b8;max-width:50ch;font-size:clamp(1.1rem,1.55vw,1.4rem);line-height:1.5}.cs-hero{margin:0 var(--pad) 12vh;background:#111113;border-radius:10px;overflow:hidden}.cs-hero img{object-fit:cover;width:100%;height:auto;max-height:82vh;display:block}.cs-grid{padding:0 var(--pad);grid-template-columns:minmax(170px,250px) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,110px);display:grid}.cs-toc{scrollbar-width:none;max-height:calc(100vh - 130px);position:sticky;top:96px;overflow-y:auto}.cs-toc::-webkit-scrollbar{display:none}.cs-toc ol{border-left:1px solid #f1eee81f;gap:2px;margin-top:16px;list-style:none;display:grid}.cs-toc button{text-align:left;width:100%;color:var(--grey);border-left:1px solid #0000;margin-left:-1px;padding:6px 0 6px 16px;font-size:.84rem;line-height:1.35;transition:color .3s,border-color .3s;display:block}.cs-toc button:hover{color:var(--paper)}.cs-toc button.is-on{color:var(--paper);border-left-color:var(--accent)}.cs-body{color:#f1eee8cc;max-width:720px;font-size:clamp(1.03rem,1.2vw,1.16rem);line-height:1.72}.cs-body>*+*{margin-top:1.15em}.cs-body h2{letter-spacing:-.045em;color:var(--paper);text-wrap:balance;margin-top:2.9em;scroll-margin-top:96px;font-size:clamp(1.7rem,2.9vw,2.6rem);font-weight:500;line-height:1.1}.cs-body h2:first-child{margin-top:0}.cs-body h3{letter-spacing:-.02em;color:var(--paper);margin-top:2em;font-size:1.14em;font-weight:600}.cs-body h3+*{margin-top:.5em}.cs-body strong{color:var(--paper);font-weight:600}.cs-body ul{gap:.5em;list-style:none;display:grid}.cs-body li{padding-left:1.4em;position:relative}.cs-body li:before{content:"";background:var(--accent);width:6px;height:1.5px;position:absolute;top:.72em;left:.1em}.cs-body blockquote{border-left:2px solid var(--accent);letter-spacing:-.04em;color:var(--paper);text-wrap:balance;margin:2em 0;padding-left:clamp(18px,2.4vw,32px);font-size:clamp(1.4rem,2.4vw,2.1rem);font-weight:500;line-height:1.22}.cs-body figure{margin:3em 0}.cs-body figure img{background:#111113;border-radius:10px;width:100%;height:auto;display:block}.cs-body figure img+img{margin-top:14px}.cs-body figcaption{font-family:var(--mono2);color:var(--grey);margin-top:12px;font-size:.76rem}@media (min-width:1200px){.cs-body figure{margin-right:clamp(-260px,-14vw,0px)}}.cs-body h2.dec{border-top:1px solid #f1eee81f;margin-top:3.4em;padding-top:1.6em}.cs-body h2.dec span{font-family:var(--mono2);letter-spacing:.02em;color:var(--accent);margin-bottom:14px;font-size:.78rem;font-weight:400;display:block}.cs-end{margin:14vh var(--pad) 0;border-top:1px solid #f1eee81f;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:18px 30px;padding:30px 0 12vh;display:flex}.cs-end a.idx{transition:color .3s}.cs-end a.idx:hover{color:var(--paper)}.cs-end .lnk span{display:inline-block}.cs-end .lnk:hover span{transform:translate(-5px)}@media (max-width:860px){.cs-head{padding:112px var(--pad) 40px}.cs-back{margin-bottom:36px}.cs-hero{margin-bottom:56px}.cs-grid{grid-template-columns:1fr}.cs-toc{display:none}.cs-end{margin-top:72px;padding-bottom:72px}.nav{padding:8px var(--pad);gap:18px}.nav-name{flex:none}.nav-name .logo{width:24px;height:24px}.nav nav{white-space:nowrap;flex:1;justify-content:flex-end;gap:clamp(9px,3.3vw,18px);font-size:clamp(.7rem,3.25vw,.82rem)}.nav nav a,.nav nav button{opacity:.66;padding:12px 0}}.menu-btn,.menu-sheet{display:none}@media (max-width:860px){.nav{z-index:56}.nav nav{display:none}.nav.menu-on{background:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:#0000}.nav .menu-btn{opacity:1;border:0;place-content:center;gap:6px;width:44px;height:44px;margin-right:-10px;padding:0;display:grid}.menu-btn i{background:var(--paper);width:22px;height:1.5px;transition:transform .4s var(--ease);border-radius:2px;display:block}.menu-on .menu-btn i:first-child{transform:translateY(3.75px)rotate(45deg)}.menu-on .menu-btn i:last-child{transform:translateY(-3.75px)rotate(-45deg)}.menu-sheet{z-index:55;padding:96px var(--pad) 30px;background:var(--ink);color:var(--paper);opacity:0;visibility:hidden;transition:opacity .35s var(--ease), visibility .35s;flex-direction:column;justify-content:space-between;gap:32px;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-sheet.is-open{opacity:1;visibility:visible}.menu-sheet nav{display:grid}.menu-sheet nav a{letter-spacing:-.045em;opacity:0;transition:opacity .5s var(--ease), transform .6s var(--ease), color .3s;border-bottom:1px solid #f1eee81a;align-items:baseline;gap:16px;padding:15px 0;font-size:clamp(2rem,10.5vw,2.9rem);font-weight:500;line-height:1.05;display:flex;transform:translateY(18px)}.menu-sheet.is-open nav a{opacity:1;transform:none}.menu-sheet:not(.is-open) nav a{transition-delay:0s!important}.menu-sheet nav a.is-here{color:var(--accent)}.menu-sheet nav a .idx{flex:none;width:22px}.menu-contact{opacity:0;transition:opacity .5s var(--ease) .3s}.menu-sheet.is-open .menu-contact{opacity:1}.menu-contact .contact-rows li{border-top-color:#f1eee81a;min-height:52px}.menu-contact .contact-link{font-size:1.05rem}.menu-contact .chip-btn{color:var(--paper);border-color:#f1eee84d}html.menu-open{overflow:hidden}}@supports not (container-type:size){.art{display:none!important}.st.has-art{justify-content:center;padding-top:120px}.card-screen .pv{display:none}}@supports (padding:env(safe-area-inset-bottom)){.menu-sheet{padding-bottom:max(30px, env(safe-area-inset-bottom))}}.nf{min-height:100vh;padding:120px var(--pad) 80px;flex-direction:column;justify-content:center;gap:22px;display:flex}.nf h1{letter-spacing:-.05em;text-wrap:balance;max-width:14ch;font-size:clamp(2.2rem,5.6vw,5.4rem);font-weight:500;line-height:1.03}.nf h1 em{color:var(--accent);font-style:normal}.nf-code{font-family:var(--mono2);color:var(--grey);font-size:.9rem}.nf-links{flex-wrap:wrap;gap:14px 34px;margin-top:18px;display:flex}.pg-lab .feature{padding-bottom:4vh}@media (max-width:860px){.idx{font-size:.82rem}.nav-name{justify-content:flex-start;min-width:44px;min-height:44px}.code{padding:2.6cqw 2cqw 2.6cqw 0;font-size:2.85cqw;line-height:1.6}.note{max-width:38cqw;font-size:3.5cqw;right:3cqw}.live li{padding:1.5cqw .8cqw;font-size:4.1cqw}.live li .tick{position:relative}.live li .tick:after{content:"";position:absolute;inset:-12px}.menu-sheet nav a .idx{font-size:.8rem}.menu-contact .contact-rows li,.contact-panel .contact-rows li{min-height:58px}.contact-link{min-height:48px;font-size:1.12rem}.chip-btn{letter-spacing:.08em;min-width:84px;padding:11px 18px;font-size:.84rem}.card-nda{padding:6px 11px;font-size:.78rem}.card-nda svg{width:12px;height:12px}.card-cap .card-chip{padding:6px 12px;font-size:.84rem}.card-cap .card-year{font-size:.82rem}.card-cap strong{font-size:1.22rem}.cs-back{align-items:center;min-height:44px;margin-bottom:26px;padding:0;font-size:.92rem}.cs-body h2.dec span{font-size:.86rem}.cs-body figcaption{font-size:.84rem}.about-copy,.sing-sub{font-size:1.08rem}.play{font-size:.86rem}.lnk{padding:12px 0 8px;font-size:1.08rem}.cta{min-height:46px;font-size:.86rem}.nf-code{font-size:.95rem}}@media (pointer:coarse){.art{transition:opacity .4s var(--ease), visibility .4s;translate:none!important}.story-view{contain:layout paint}html{-webkit-text-size-adjust:100%}.story,.pg{overscroll-behavior-y:none}}@media (max-width:860px){.story[data-solo="0"] .art-b{width:92vw}}.card-screen{background-position:50%;background-size:cover}.story[data-sw="1"] .sw-track:after{animation:sw-ring .9s var(--ease) 1 both}@keyframes sw-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}@media (pointer:coarse){.grain{display:none}.nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--ink)}[data-reveal]{transition:opacity .6s var(--ease);transform:none}.fig[data-reveal],.about-photo[data-reveal]{clip-path:none;transition:opacity .6s var(--ease);opacity:0}.fig[data-reveal].in,.about-photo[data-reveal].in{opacity:1}.fig[data-reveal] img{transition:none;transform:none}.st{will-change:auto}.card-media,.card-screen,.place img,.place video{transition:none}}.resume em{font-style:normal;font-family:var(--mono2);letter-spacing:.02em;opacity:.75;border:1px solid;border-radius:99px;margin-left:10px;padding:3px 8px;font-size:.7rem;font-weight:400}.resume.is-soon{opacity:.5;cursor:default;pointer-events:none}.contact-link.resume.is-soon{justify-content:flex-start}.lnk.resume.is-soon{background:0 0}.about-actions{margin-top:34px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.slim{padding:22px var(--pad) 26px;grid-template-columns:1fr auto 1fr}.slim-left{align-items:center;gap:14px;min-width:0;display:flex}.slim-logo{width:44px;height:44px;color:var(--paper);place-items:center;margin-left:-9px;transition:opacity .3s;display:grid}.slim-logo:hover{opacity:.7}.slim-chip{letter-spacing:-.01em;color:#f1eee8b8;white-space:nowrap;border:1px solid #f1eee829;border-radius:99px;align-items:center;gap:7px;padding:7px 14px;font-size:.82rem;font-weight:500;display:inline-flex}.slim-chip>span[aria-hidden]{animation:beat 1.9s var(--ease) infinite;display:inline-block}@keyframes beat{0%,60%,to{transform:scale(1)}30%{transform:scale(1.22)}}.slim-social{align-items:center;gap:6px;list-style:none;display:flex}.slim-social a{color:#f1eee8a8;width:44px;height:44px;transition:color .3s, background .3s, transform .4s var(--ease);border-radius:50%;place-items:center;display:grid}.slim-social a:hover{color:var(--paper);background:#f1eee814;transform:translateY(-2px)}.slim-social svg{fill:currentColor;width:19px;height:19px}.slim-social svg.is-line{fill:none;stroke:currentColor;stroke-width:1.8px}.slim-social svg .is-dot{fill:currentColor}.slim-up{width:44px;height:44px;color:var(--paper);border:1px solid #f1eee83d;border-radius:50%;justify-self:end;place-items:center;transition:background .3s,border-color .3s,color .3s;display:grid}.slim-up svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;transition:transform .4s var(--ease)}.slim-up:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}.slim-up:hover svg{transform:translateY(-3px)}@media (max-width:860px){.slim{padding:18px var(--pad) 22px;grid-template-columns:1fr auto;row-gap:10px}.slim-social{grid-area:2/1/auto/-1;justify-content:flex-start;margin-left:-12px}.slim-chip{padding:7px 12px;font-size:.8rem}}.slim-social button{color:#f1eee8a8;width:44px;height:44px;transition:color .3s, background .3s, transform .4s var(--ease);border-radius:50%;place-items:center;display:grid;position:relative}.slim-social button:hover{color:var(--paper);background:#f1eee814;transform:translateY(-2px)}.slim-social button.is-copied{color:var(--accent)}.slim-social svg.is-line{stroke-linecap:round;stroke-linejoin:round}.slim-tip{background:var(--paper);color:var(--ink);white-space:nowrap;opacity:0;transition:opacity .25s, transform .35s var(--ease);pointer-events:none;border-radius:99px;padding:6px 11px;font-size:.74rem;font-weight:600;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,6px)}.slim-tip:empty{display:none}.is-copied .slim-tip{opacity:1;transform:translate(-50%)}@media (max-width:860px){.slim-tip{top:50%;bottom:auto;left:calc(100% + 8px);transform:translate(-6px,-50%)}.is-copied .slim-tip{transform:translateY(-50%)}}@keyframes settle{0%{rotate:-1.4deg;scale:1.05;box-shadow:0 70px 120px -34px #0009,0 0 0 1px #0000000f}45%{rotate:.5deg;scale:.975;box-shadow:0 10px 22px -14px #00000080,0 0 0 1px #0000000f}72%{rotate:-.15deg;scale:1.008}to{rotate:none;scale:1;box-shadow:0 30px 70px -30px #00000059,0 0 0 1px #0000000f}}@media (hover:hover) and (pointer:fine){[data-tilt]{transform-style:preserve-3d;will-change:transform;position:relative;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))!important;transition:transform .7s var(--ease), clip-path 1.4s var(--ease), opacity .9s var(--ease), border-color .5s var(--ease), background .5s var(--ease), box-shadow .5s var(--ease)!important}[data-tilt].is-tilting{transition:transform .12s linear, clip-path 1.4s var(--ease), opacity .9s var(--ease), border-color .5s var(--ease), background .5s var(--ease), box-shadow .5s var(--ease)!important}:is(div,a,figure)[data-tilt]:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%), #ffffff29, transparent 46%);transition:opacity .4s;position:absolute;inset:0}:is(div,a,figure)[data-tilt].is-tilting:after{opacity:1}.card-media[data-tilt].is-tilting,.feature-media[data-tilt].is-tilting{box-shadow:0 36px 70px -34px #5b8cff66}img[data-tilt].is-tilting,.about-photo[data-tilt].is-tilting,.cs-hero[data-tilt].is-tilting{box-shadow:0 40px 80px -36px #000c}}.cs-body{min-width:0;max-width:none}.cs-body>:not(figure){max-width:720px}.cs-body figure{max-width:980px;margin:3em 0}.cs-body figure img,.cs-hero img{max-width:100%;height:auto}@media (min-width:1200px){.cs-body figure{margin-right:0}}.cs-grid{min-width:0}.places-row header{grid-template-columns:1fr auto;align-items:end;column-gap:24px;display:grid}.places-row header .idx,.places-row header h2{grid-column:1}.places-row header h2{margin-bottom:0}.places-nav{grid-area:2/2;gap:10px;padding-bottom:8px;display:flex}.places-nav button{width:48px;height:48px;color:var(--paper);border:1px solid #f1eee842;border-radius:50%;place-items:center;transition:background .3s,border-color .3s,color .3s,opacity .3s;display:grid}.places-nav svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .4s var(--ease)}.places-nav button:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--ink)}.places-nav button:first-child:hover:not(:disabled) svg{transform:translate(-3px)}.places-nav button:last-child:hover:not(:disabled) svg{transform:translate(3px)}.places-nav button:disabled{opacity:.28;cursor:default}.places-strip{scroll-padding-left:var(--pad);scroll-padding-right:var(--pad);scrollbar-width:none}.places-strip::-webkit-scrollbar{display:none}@media (max-width:860px){.places-nav button{width:44px;height:44px}}.story[data-art=on] .w-tag{opacity:1}.story[data-hideb="1"] .w-build .w-tag,.story[data-hided="1"] .w-design .w-tag{opacity:0}@media (max-width:860px){.st.has-art{padding-top:108px}}.st.has-art{padding-top:max(15vh,136px)}.st.has-art:not(:has(>.st-meta)){padding-top:calc(max(15vh,136px) + 1.4vh + 1.05rem)}@media (max-width:860px){.st.has-art{padding-top:108px}.st.has-art:not(:has(>.st-meta)){padding-top:calc(108px + 1.4vh + 1.26rem)}}html.has-cursor,html.has-cursor *{cursor:none!important}html.has-cursor :is(input,textarea,[contenteditable]:not([contenteditable=false])){cursor:auto!important}html.has-cursor .can-drag{cursor:grab!important}html.has-cursor .can-drag.is-held{cursor:grabbing!important}html.has-cursor .divider-knob{cursor:var(--cur,default)!important}.cursor{z-index:9999;pointer-events:none;opacity:0;transition:opacity .2s;position:fixed;top:0;left:0}.cursor.is-on{opacity:1}.cursor>*{position:absolute}.cursor-arrow{fill:#2f7bf6;stroke:#fff;stroke-width:1.2px;stroke-linejoin:round;transform-origin:3px 2px;width:22px;height:22px;transition:scale .25s var(--ease);filter:drop-shadow(0 2px 4px #00000059);top:-2px;left:-2px}.cursor.is-action .cursor-arrow{scale:1.15}.cursor.is-down .cursor-arrow{scale:.9}.you[data-side=both] .you-dot{opacity:0;transform:scale(.6)}@media (hover:none),(pointer:coarse){.cursor{display:none}}@media (hover:hover) and (pointer:fine){.card.has-hover:hover .card-hover{transform:translate(calc(var(--cx,0px) + 24px), calc(var(--cy,0px) + 20px))}.card.has-hover:hover .card-media:not(:hover)~.card-hover{opacity:0}}.places-strip{overscroll-behavior-x:contain;touch-action:pan-x pan-y;overflow-y:hidden}.places-row[data-pin] .places-strip{scroll-snap-type:none;overflow-x:hidden}.places-row[data-pin] .place{width:max(170px,min(clamp(220px,24vw,340px),75vh - 262.5px))}.story[data-vis=kit] .kit{opacity:1;visibility:visible;translate:0}.story[data-flow="1"] .kb-logic,.story[data-flow="1"] .kit-b .kit-mid,.story[data-flow="2"] .kit-b .kit-mid{opacity:0;translate:0 4cqh}.story[data-vis=kit] .kit-d .kit-card{pointer-events:auto}.story[data-art=on]:not([data-vis=kit]) .w-tag{opacity:0}.story[data-tip="1"]:not([data-dragged="1"]) .divider-tip{opacity:1}.story[data-vis=crossd] .cx-b{opacity:0}.story[data-cross="2"] .cx-d .go2{box-shadow:0 0 0 2px var(--accent), 0 2cqh 5cqh -2cqh #00000080;translate:-50cqw}.story[data-cross="2"] .cx-b .go2{box-shadow:0 0 0 2px var(--accent);translate:50cqw}@media (max-width:860px){.story[data-flow="1"] .kb-code,.story[data-flow="2"] .kb-logic,.story[data-flow="3"] .kit-b .kit-mid{opacity:1;translate:0}.story[data-flow="2"] .kb-code,.story[data-flow="3"] .kb-code,.story[data-flow="3"] .kb-logic,.story[data-flow="1"] .kb-logic,.story[data-flow="1"] .kit-b .kit-mid,.story[data-flow="2"] .kit-b .kit-mid{opacity:0;translate:0 4cqh}.story[data-vis=crossd] .cx-d{left:50%}.story[data-cross="2"] .cx-d .go2{translate:-46cqw}.story[data-cross="2"] .cx-b .go2{translate:46cqw}}.after{z-index:2;background:var(--ink);color:var(--paper);position:relative}.after em{color:var(--accent);font-style:normal}.proof{padding:18vh var(--pad) 10vh}.aside h2{letter-spacing:-.05em;text-wrap:balance;max-width:16ch;font-size:clamp(2.3rem,5.6vw,5.6rem);font-weight:500;line-height:1.02}.aside{padding:12vh var(--pad);border-top:1px solid #f1eee814;justify-items:start;gap:22px;display:grid}@media (max-width:860px){.proof{padding:14vh var(--pad) 6vh}.aside{padding:9vh var(--pad)}}.st:not(.has-art) .vs{top:78%}.pg-head .about-copy{margin-top:14px}video{pointer-events:none}video::-webkit-media-controls{display:none!important}video::-webkit-media-controls-enclosure{display:none!important}video::-webkit-media-controls-overlay-play-button{display:none!important}.opening{z-index:1;--lit:0;--paper:0;--dig:0;color:var(--paper);background:#0c0b0a;position:relative}.opening[data-tap="1"] .ui-btn{animation:ui-tap 1.8s var(--ease) infinite}@keyframes ui-tap{0%,to{transform:scale(1)}40%{transform:scale(.93)}55%{transform:scale(1)}}.code{gap:2.4cqw;display:flex}.code i{background:#fff;border-radius:2.6cqw;flex:1;height:14cqw;box-shadow:inset 0 0 0 1px #0b0b0c1f}.pin{--gap:0;--found:0;background:color-mix(in srgb, var(--accent) calc(var(--found) * 100%), #fff);color:color-mix(in srgb, #fff calc(var(--found) * 100%), var(--accent));white-space:nowrap;text-align:center;opacity:0;border-radius:99px;padding:1.6cqw 3.2cqw;font-size:max(11px,3.2cqw);font-weight:600;position:absolute;translate:-50% -50%;box-shadow:inset 0 0 0 1px #5b8cff80}.pin em{max-height:calc(var(--gap) * 2em);color:#8b877f;opacity:var(--gap);font-size:.82em;font-style:normal;font-weight:500;display:block;overflow:hidden}.pin.p1{top:14%;left:20%}.pin.p2{top:14%;left:80%}.pin.p3{top:44%;left:10%}.pin.p4{top:44%;left:90%}.call{color:#2b2925;opacity:0;background:#fff;border-radius:3cqw;padding:4cqw;position:absolute;bottom:0;left:6%;right:6%;box-shadow:0 14px 40px -16px #0b0b0c59}.nav-end{align-items:center;gap:clamp(14px,2vw,28px);display:flex}.nav .nav-sound{width:40px;height:40px;color:inherit;opacity:.72;background:0 0;border:1px solid #f1eee83d;border-radius:50%;flex:none;place-items:center;margin:0;padding:0;line-height:0;transition:opacity .3s,border-color .3s;display:grid}.nav .nav-sound:hover,.nav .nav-sound:focus-visible,.nav .nav-sound.is-on{opacity:1;border-color:#f1eee899}.nav-sound svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block;overflow:visible}.nav-sound .spk{fill:currentColor;stroke:none}.nav-sound .wave{animation:1.4s ease-in-out infinite nav-wave}.nav-sound .w2{animation-delay:.2s}@keyframes nav-wave{0%,to{opacity:.35}50%{opacity:1}}@media (max-width:760px){.nav-end{gap:6px}.nav .nav-sound{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.nav-sound .wave{animation:none}}