@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-20C0,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}.meta{font-family:var(--mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--grey);font-size:.7rem;font-weight:400}.statement{font-family:var(--serif), serif;letter-spacing:-.022em;text-wrap:balance;font-size:clamp(2.6rem,7.6vw,8.4rem);font-weight:400;line-height:.98}.statement em{color:var(--accent)}.statement.question{font-style:italic}.statement.dark{color:var(--ink)}.mega{font-family:var(--serif), serif;letter-spacing:-.035em;text-transform:uppercase;font-size:clamp(3.4rem,13vw,15rem);font-weight:400;line-height:.88}.mega span{color:var(--accent);padding:0 .04em;font-style:italic}.mega.title{text-transform:none;font-size:clamp(2.6rem,9.4vw,11rem)}.stage{z-index:0;pointer-events:none;transition:opacity .6s;position:fixed;inset:0;overflow:hidden}.win{aspect-ratio:16/10.5;will-change:transform, opacity;--wire:0;--tool:0;--hifi:0;--sel:0;--pick:0;color:#d9d2c6;background:#151311;border-radius:1.2cqw;width:50vw;font-family:ui-monospace,Cascadia Code,Consolas,Menlo,monospace;font-size:1.72cqw;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 0 0 1px #efe9df1a,0 60px 120px -40px #000000e6;container-type:inline-size}.win-b{opacity:0;visibility:hidden}.chrome-code,.chrome-design{position:absolute;inset:0}.chrome-code{opacity:calc(1 - var(--tool))}.ed-tabs{background:#0f0e0c;border-bottom:1px solid #efe9df12;align-items:center;gap:2cqw;height:8.4%;padding:0 1.6cqw;display:flex;position:absolute;top:0;left:0;right:0}.dots{gap:.7cqw;display:flex}.dots i{background:#37332f;border-radius:50%;width:1.1cqw;height:1.1cqw}.ed-tab{color:#d9d2c6;border-top:2px solid var(--accent);background:#151311;align-self:stretch;align-items:center;padding:0 1.8cqw;font-size:1.35cqw;display:flex}.ed-rail{background:#0f0e0c;align-content:start;justify-items:center;gap:1.8cqw;width:5.4%;padding-top:1.8cqw;display:grid;position:absolute;top:8.4%;bottom:4.4%;left:0}.ed-rail i{border:1.5px solid #4a453f;border-radius:.4cqw;width:2cqw;height:2cqw}.ed-rail i.on{border-color:#d9d2c6}.ed-gutter span{color:#4f4a44;justify-content:flex-end;align-items:center;width:4.6%;height:5.7%;font-size:1.3cqw;display:flex;position:absolute;left:6%}.ed-status{color:#cfe0da;background:#24403a;justify-content:space-between;align-items:center;height:4.4%;padding:0 1.6cqw;font-size:1.1cqw;display:flex;position:absolute;bottom:0;left:0;right:0}.ln-item{--w:0;align-items:center;display:flex;position:absolute}.win-b .ln-item{width:80%;height:5.7%;left:12.5%}.code-txt{white-space:pre;opacity:calc(1 - var(--w) * 2.5);background:rgba(91, 140, 255, calc(var(--sel) * .22));flex:none;display:block;overflow:hidden}.t-c{color:#7a746b}.t-k{color:#5b8cff}.t-s{color:#9ec3b4}.t-f{color:#e8c48a}.caret{background:var(--paper);width:.16cqw;min-width:2px;height:68%;opacity:calc(1 - var(--wire) * 4);flex:none;animation:1.1s step-end infinite blink;display:none}.ln-item.cur .caret{display:block}@keyframes blink{50%{visibility:hidden}}.blk,.hi{border-radius:.5cqw;position:absolute;inset:0}.blk{opacity:calc(var(--w) * (1 - var(--hifi)));background:#c9c1b4}.k-card .blk,.k-image .blk{background:#d8d1c5}.hi{opacity:calc(var(--hifi) * var(--w));font-family:var(--sans), sans-serif;color:#17140f;white-space:nowrap;letter-spacing:-.03em;align-items:center;display:flex}.k-logo .hi{background:var(--accent);border-radius:.8cqw}.k-nav .hi{white-space:pre;letter-spacing:0;font-size:1.2cqw;font-weight:600}.k-title .hi{letter-spacing:-.05em;font-size:3.7cqw;font-weight:600}.k-copy .hi{white-space:normal;color:#6a6257;letter-spacing:0;font-size:1.15cqw;line-height:1.35}.k-button .hi{background:var(--accent);letter-spacing:0;box-shadow:0 0 0 calc(var(--pick) * 1.5px) #2f7bf6;border-radius:9cqw;justify-content:center;font-size:1.2cqw;font-weight:700}.k-pill .hi{color:var(--paper);letter-spacing:0;background:#17140f;border-radius:9cqw;justify-content:center;font-size:1.05cqw;font-weight:600}.k-link .hi{letter-spacing:0;font-size:1.15cqw;font-weight:600}.k-image .hi{border-radius:.8cqw;overflow:hidden}.k-image .hi img{object-fit:cover;width:100%;height:100%}.k-card .hi{background:#fff;border-radius:.8cqw;align-items:flex-end;padding:1cqw;font-size:1.2cqw;font-weight:600;box-shadow:0 0 0 1px #00000012,0 1cqw 2cqw -1cqw #00000040}.k-card .hi:before{content:"";background:linear-gradient(135deg,#c9d8ff,#5b8cff);border-radius:.5cqw;height:52%;position:absolute;top:1cqw;left:1cqw;right:1cqw}.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)}.chrome-design{opacity:var(--tool);font-family:var(--sans), sans-serif;color:#a59e93;background:#1d1b19;font-size:1.15cqw}.ds-bar{background:#262321;border-bottom:1px solid #0006;justify-content:space-between;align-items:center;height:8.4%;padding:0 1.6cqw;display:flex;position:absolute;top:0;left:0;right:0}.ds-tools{gap:1.2cqw;display:flex}.ds-tools i{border:1.5px solid #6a645c;border-radius:.5cqw;width:2cqw;height:2cqw}.ds-tools i:nth-child(2){border-radius:50%}.ds-tools i:nth-child(4){transform:rotate(45deg)scale(.8)}.ds-tools i.on{background:#2f7bf6;border-color:#2f7bf6}.ds-file{color:#e6dfd3;font-weight:600}.ds-share{align-items:center;gap:1cqw;display:flex}.ds-share i{background:var(--accent);border-radius:50%;width:2.2cqw;height:2.2cqw}.ds-share b{color:#fff;background:#2f7bf6;border-radius:.6cqw;padding:.5cqw 1.3cqw;font-weight:600}.ds-layers,.ds-props{background:#262321;align-content:start;gap:1.1cqw;width:17.5%;padding:1.6cqw 1.3cqw;display:grid;position:absolute;top:8.4%;bottom:0}.ds-layers{border-right:1px solid #0006;left:0}.ds-props{border-left:1px solid #0006;right:0}.ds-layers b,.ds-props b{color:#e6dfd3;margin-bottom:.4cqw;font-weight:600}.ds-layers span.on{color:#fff;background:rgba(47, 123, 246, calc(var(--pick) * .55));border-radius:.4cqw;margin:-.3cqw -.6cqw;padding-top:.3cqw;padding-bottom:.3cqw}.ds-props span{align-items:center;gap:.8cqw;display:flex}.ds-props i{background:#3a3632;border-radius:.3cqw;width:1.3cqw;height:1.3cqw}.ds-props i.sw{background:var(--accent)}.ds-frame{background:var(--paper);width:55%;height:73%;opacity:var(--wire);border-radius:.3cqw;position:absolute;top:17.5%;left:22.5%}.ds-frame span{color:#8a8379;font-size:1.05cqw;position:absolute;top:-2.2cqw;left:0}.ds-cursor{opacity:var(--pick);transform:translate(calc((1 - var(--pick)) * 9cqw), calc((1 - var(--pick)) * 7cqw));z-index:3;align-items:flex-start;display:flex;position:absolute;top:62%;left:34%}.ds-cursor svg{fill:#2f7bf6;stroke:#fff;stroke-width:1px;width:1.8cqw;height:1.8cqw}.ds-cursor b{color:#fff;background:#2f7bf6;border-radius:.5cqw;margin:1.3cqw 0 0 -.2cqw;padding:.3cqw .8cqw;font-size:1cqw;font-weight:600}.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}.loader{z-index:100;background:var(--ink);transition:opacity .9s var(--ease), visibility .9s;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.loader-line{background:#efe9df2e;width:clamp(60px,14vw,180px);height:1px;position:relative;overflow:hidden}.loader-line:after{content:"";background:var(--accent);transform-origin:0;animation:load .6s var(--ease) forwards;position:absolute;inset:0}@keyframes load{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.is-ready .loader{opacity:0;visibility:hidden}.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}.chapter-rule{opacity:.5;background:currentColor;width:28px;height:1px}.chapter-num,.chapter-name{animation:swap .6s var(--ease);display:inline-block}.chapter-name{opacity:.7}@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-rows .meta{grid-column:1/-1}.contact-value{text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;overflow:hidden}.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}.hero-inner{flex-direction:column;justify-content:flex-end;height:100%;padding-bottom:9vh;display:flex}.hero-kicker{opacity:0;margin-bottom:3vh;transition:opacity 1.2s .3s}.hero-title{font-family:var(--serif), serif;letter-spacing:-.032em;font-size:clamp(3.3rem,11.6vw,13.5rem);font-weight:400;line-height:.9}.hero-title em{color:var(--accent)}.ln{margin-bottom:-.14em;padding-bottom:.14em;display:block;overflow:hidden}.ln>span{transition:transform 1.4s var(--ease);display:block;transform:translateY(115%)}.ln:nth-child(2)>span{transition-delay:.12s}.ln:nth-child(3)>span{transition-delay:.24s}.is-ready .ln>span{transform:none}.is-ready .hero-kicker,.is-ready .hero-foot{opacity:1}.hero-foot{opacity:0;justify-content:space-between;align-items:center;gap:20px;margin-top:5vh;padding-left:0;transition:opacity 1.2s .9s;display:flex}.scroll-hint{color:var(--paper);align-items:center;gap:12px;display:inline-flex}.scroll-hint i{background:#efe9df40;width:1px;height:34px;position:relative;overflow:hidden}.scroll-hint i:after{content:"";background:var(--accent);animation:drip 2.2s var(--ease) infinite;position:absolute;inset:0}@keyframes drip{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.seq{position:relative}.seq.overlap{margin-top:-50vh}.scene-mark{pointer-events:none;width:1px;height:1px;position:absolute;left:0}.seq-sticky{height:100vh;padding:0 var(--pad);place-items:center;display:grid;position:sticky;top:0}.seq-step{text-align:center;opacity:0;visibility:hidden;will-change:transform, opacity;grid-area:1/1;width:100%;max-width:1500px}.seq-step .meta{margin-bottom:2.4vh}.seq-step .meta.after{margin:3.4vh 0 0}.seq.side .seq-step{text-align:left;justify-self:start;max-width:min(43vw,700px)}.cf-word{font-family:var(--serif), serif;letter-spacing:-.03em;text-transform:uppercase;opacity:0;visibility:hidden;--k:0;font-size:clamp(3rem,8vw,9rem);line-height:.9;position:absolute;top:63%}.cf-word .meta{letter-spacing:.16em;margin-bottom:1.4vh;display:block}.cf-design{left:var(--pad);transform:translate(calc(var(--k) * 13vw), -62%)}.cf-build{right:var(--pad);text-align:right;color:var(--accent);transform:translate(calc(var(--k) * -13vw), -62%)}.cf-b{align-self:end;padding-bottom:9vh}.now{background:var(--ink);z-index:2}.now-line{max-width:34ch;color:color-mix(in srgb, var(--paper) 75%, transparent);margin:4vh auto 0;font-size:clamp(1rem,1.5vw,1.35rem)}[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}.work .meta{color:#7a7268}.work-head{max-width:1500px;margin:0 auto 16vh}.work-head .statement{margin:2.4vh 0 3vh}.work-note{color:#5c554c;font-size:1.05rem}.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}.artifact{text-align:left;perspective:1400px;cursor:zoom-in;grid-column:1/span 8;display:block;position:relative}.project-meta{grid-column:9/-1;padding-bottom:6px}.p-1 .artifact{grid-area:1/5/auto/-1}.p-1 .project-meta{grid-area:1/1/auto/span 4}.p-2 .artifact{grid-column:2/span 7}.p-2 .project-meta{grid-column:9/-1}.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}.artifact:hover .browser{box-shadow:0 70px 110px -40px #321e0a99,0 0 0 1px #0000001a}.browser-bar{align-items:center;gap:6px;height:32px;padding:0 13px;display:flex}.browser-bar i{background:#3a3632;border-radius:50%;width:8px;height:8px}.browser-bar span{font-family:var(--mono), monospace;letter-spacing:.08em;color:#8f887e;margin-left:12px;font-size:.62rem}.browser-screen{aspect-ratio:16/10;position:relative;overflow:hidden;container-type:inline-size}.artifact-hint{font-family:var(--mono), monospace;letter-spacing:.14em;text-transform:uppercase;background:var(--paper);color:var(--ink);opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);border-radius:99px;padding:8px 12px;font-size:.62rem;position:absolute;bottom:14px;right:14px;transform:translateY(8px)}.artifact:hover .artifact-hint,.artifact:focus-visible .artifact-hint{opacity:1;transform:none}.project-num{font-family:var(--mono), monospace;letter-spacing:.16em;color:#7a7268;font-size:.7rem}.project-meta h3,.focus-meta h3{font-family:var(--serif), serif;letter-spacing:-.02em;margin:10px 0 14px;font-size:clamp(2.4rem,4.4vw,4.6rem);font-weight:400;line-height:1}.project-line{color:#3d3832;max-width:30ch;font-size:1.06rem}.facts{margin:26px 0 28px}.facts div{border-top:1px solid color-mix(in srgb, currentColor 14%, transparent);grid-template-columns:70px 1fr;gap:12px;padding:10px 0;font-size:.9rem;display:grid}.facts dt{font-family:var(--mono), monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.55;padding-top:3px;font-size:.64rem}.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}.focus-scrim{cursor:zoom-out;width:100%;animation:fade .5s var(--ease);background:#0c0b0af6;position:fixed;inset:0}.focus-stage{max-width:1500px;min-height:100%;padding:84px var(--pad) 60px;pointer-events:none;grid-template-columns:minmax(0,1.7fr) minmax(240px,.7fr);align-items:center;gap:clamp(24px,4vw,64px);margin:0 auto;display:grid;position:relative}.focus-stage>*{pointer-events:auto}.focus-artifact{animation:forward .8s var(--ease)}.focus-meta{animation:rise .8s .12s var(--ease) backwards}.focus-meta p{color:color-mix(in srgb, var(--paper) 78%, transparent);max-width:32ch}.focus-actions{flex-wrap:wrap;gap:12px;display:flex}.focus-close{top:24px;right:var(--pad);font-family:var(--mono), monospace;letter-spacing:.16em;text-transform:uppercase;padding:8px 0;font-size:.7rem;position:absolute}@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}.rail i.t1{background:var(--cool)}.rail i.t2{background:var(--accent)}.artifact:hover .rail i{transform:scaleX(1.18)}.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}.lab-head{padding:0 var(--pad);grid-template-columns:1fr auto;align-items:end;gap:20px 40px;margin-bottom:7vh;display:grid}.lab-head .meta{grid-column:1/-1}.lab-title{font-family:var(--serif), serif;letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(4rem,15vw,17rem);font-weight:400;line-height:.82}.lab-sub{font-family:var(--serif), serif;max-width:17ch;padding-bottom:1.2vw;font-size:clamp(1.4rem,2.3vw,2.2rem);line-height:1.15}.lab-sub span{font-family:var(--mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);margin-top:14px;font-size:.68rem;line-height:1.7;display:block}.arena{border-top:1px solid #efe9df24;border-bottom:1px solid #efe9df24;height:min(72vh,660px);position:relative;overflow:hidden}.arena canvas{width:100%;height:100%;position:absolute;inset:0}.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-tag,.chip-state{font-family:var(--mono), monospace;letter-spacing:.16em;text-transform:uppercase;opacity:.65;font-size:.6rem}.chip-state:before{content:"● ";color:var(--accent)}.chip.c-1{background:var(--paper);color:var(--ink);border-color:var(--paper)}.chip.c-2{border-color:var(--accent);color:var(--accent);border-radius:99px;padding:18px 30px}.chip.c-3{border-style:dashed}.chip.is-held{cursor:grabbing;z-index:5;box-shadow:0 30px 60px -20px #000c}.arena.is-static{height:auto;padding:30px var(--pad);flex-wrap:wrap;gap:14px;display:flex}.arena.is-static .chip{cursor:default;position:static}.lab-foot{padding:22px var(--pad) 0;text-align:right}.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}.beyond .meta{color:#efe9df99}.beyond-inner{max-width:1500px;margin:0 auto;position:relative}.beyond .statement{margin:2.4vh 0 14vh}.ridge{fill:#5b8cff;width:100%;height:34vh;position:absolute;bottom:0;left:0;right:0}.sing{max-width:620px;margin-left:auto}.sing-line{font-family:var(--serif), serif;margin-bottom:30px;font-size:clamp(2.2rem,4.6vw,4.6rem);font-style:italic;line-height:1}.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)}}.sing-caption{color:#efe9dfb3;margin-top:20px;font-size:.95rem}.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}.outro{z-index:2;background:var(--paper);color:var(--ink);padding:22vh var(--pad) 120px;position:relative}.outro-title{font-family:var(--serif), serif;letter-spacing:-.035em;margin:2vh 0 9vh;font-size:clamp(3.4rem,12.5vw,14rem);font-weight:400;line-height:.88}.outro-grid{grid-template-columns:minmax(0,560px) auto;justify-content:space-between;align-items:end;gap:40px;display:grid}.foot{border-top:1px solid #0c0b0a24;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:14vh;padding:20px 0 0;display:flex}:root{--serif:var(--sans);--mono:var(--sans)}em{font-style:normal}.meta,.nav,.chapter,.chip-btn,.cta,.project-num,.facts dt,.artifact-hint,.chip-tag,.chip-state,.focus-close,.browser-bar span,.lab-sub span,.play{letter-spacing:.14em;font-weight:600}.statement{letter-spacing:-.05em;font-size:clamp(2.3rem,6.3vw,7rem);font-weight:500;line-height:1.02}.statement.side{font-size:clamp(2.2rem,4.1vw,4.7rem)}.statement.small{font-size:clamp(1.7rem,3.5vw,3.7rem)}.statement.question{letter-spacing:-.045em;font-style:normal;font-weight:300}.mega{letter-spacing:-.06em;font-size:clamp(2.8rem,9.2vw,10.5rem);font-weight:600;line-height:.95}.mega span{font-style:normal;font-weight:300}.mega.title{font-size:clamp(2.4rem,7.4vw,8.6rem);font-weight:500}.cf-word{letter-spacing:-.055em;font-size:clamp(3rem,7.4vw,8.4rem);font-weight:600}.lab-title{letter-spacing:-.065em;font-size:clamp(3.6rem,13.5vw,15rem);font-weight:600;line-height:.9}.lab-sub{letter-spacing:-.03em;font-size:clamp(1.25rem,1.9vw,1.8rem);font-weight:500;line-height:1.2}.outro-title{letter-spacing:-.06em;font-size:clamp(3rem,9.4vw,10.5rem);font-weight:500;line-height:.95}.project-meta h3,.focus-meta h3{letter-spacing:-.045em;font-size:clamp(2.2rem,3.8vw,4rem);font-weight:500}.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}.sing-line{letter-spacing:-.05em;font-size:clamp(2.1rem,4.2vw,4.2rem);font-style:normal;font-weight:300}.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}.ln.free{overflow:visible}.ln.free>span{transform:none}.hw{--n:10;display:inline-block;position:relative}.hw-text{vertical-align:bottom;white-space:nowrap;display:inline-block}.hw.is-code .hw-text{letter-spacing:0;width:calc(var(--n) * 1ch);font-family:ui-monospace,Cascadia Code,Consolas,Menlo,monospace;font-size:.7em;font-weight:400;line-height:1.37;overflow:hidden}.hw-caret{display:none}.hw.is-code .hw-caret{background:var(--paper);width:.05em;height:.66em;margin-left:.04em;animation:.9s step-end infinite blink;display:inline-block}.hw-box{pointer-events:none;border:2px solid #2f7bf6;position:absolute;inset:.04em -.1em -.02em}.hw-box i{background:#fff;border:2px solid #2f7bf6;width:10px;height:10px;position:absolute}.hw-box i:first-child{top:-6px;left:-6px}.hw-box i:nth-child(2){top:-6px;right:-6px}.hw-box i:nth-child(3){bottom:-6px;left:-6px}.hw-box i:nth-child(4){bottom:-6px;right:-6px}.hw-cursor{z-index:2;letter-spacing:0;align-items:flex-start;font-size:1rem;line-height:1;display:flex;position:absolute;top:100%;left:101%}.hw-cursor svg{fill:#2f7bf6;stroke:#fff;stroke-width:1px;flex:none;width:24px;height:24px}.hw-cursor b{color:#fff;white-space:nowrap;background:#2f7bf6;border-radius:4px 16px 16px;margin:18px 0 0 -4px;padding:8px 14px;font-size:.86rem;font-weight:600}.hero-foot{opacity:1;align-items:flex-end;margin-top:9vh}.hero-sub{letter-spacing:-.02em;max-width:30ch;font-size:clamp(1.05rem,1.5vw,1.4rem);font-weight:500;line-height:1.3}.hero-sub span{color:var(--grey)}.hero-actions{align-items:center;gap:clamp(16px,2.4vw,36px);display:flex}.hero{height:100vh;min-height:620px;padding:104px var(--pad) 84px}.hero-inner{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 300px;gap:28px clamp(28px,5vw,90px);height:100%;padding:0;display:grid}.hero-main{grid-area:1/1;align-self:center}.hero-kicker{margin-bottom:2.2vh}.hero-title{letter-spacing:-.05em;font-size:clamp(2.6rem,min(7.2vw,14vh),8.2rem);font-weight:400;line-height:1}.hero-foot{grid-area:2/1/auto/-1;margin-top:0}.hw{transform-origin:0 0;cursor:grab;-webkit-user-select:none;user-select:none;font-weight:400}.hw:active{cursor:grabbing}.hw-box i:nth-child(4){pointer-events:auto;cursor:nwse-resize;width:14px;height:14px;bottom:-8px;right:-8px}.inspector{color:#b8b0a4;background:#151311;border:1px solid #efe9df1f;border-radius:12px;grid-area:1/2;align-self:center;padding:16px;font-size:.8rem;box-shadow:0 40px 80px -40px #000}.inspector header{color:var(--paper);border-bottom:1px solid #efe9df1a;justify-content:space-between;align-items:center;padding-bottom:12px;font-weight:600;display:flex}.inspector header span{align-items:center;gap:8px;display:flex}.inspector header i{border-radius:3px;width:10px;height:10px}.inspector header button{color:#2f7bf6;font-size:.72rem;font-weight:600}.inspector header button:disabled{color:#5a554e;cursor:default}.insp-hint{padding:12px 0 4px;line-height:1.45}.insp-row{grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:9px 0;display:grid}.insp-row label{font-size:.72rem}.insp-row output{font-variant-numeric:tabular-nums;color:var(--paper);text-align:right;min-width:28px}.seg{background:#0c0b0a;border-radius:8px;grid-column:2/-1;grid-template-columns:1fr 1fr;padding:3px;display:grid}.seg button{border-radius:6px;padding:7px 0;font-size:.74rem;font-weight:600;transition:background .25s,color .25s}.seg button.on{color:var(--paper);background:#2b2825}.inspector input[type=range]{width:100%;accent-color:var(--accent);height:18px}.swatches{grid-column:2/-1;gap:8px;display:flex}.swatches button{width:26px;height:26px;transition:transform .25s var(--ease);border-radius:7px}.swatches button:hover{transform:scale(1.1)}.swatches button.on{box-shadow:0 0 0 2px #151311,0 0 0 4px #2f7bf6}.insp-read{border-top:1px solid #efe9df1a;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;padding-top:12px;display:grid}.insp-read div{font-variant-numeric:tabular-nums;background:#0c0b0a;border-radius:6px;gap:6px;padding:6px 8px;display:flex}.insp-read dt{color:#6a645c}.insp-read dd{color:var(--paper)}.story{--line:100%;--blend:0;position:relative}.ch-mark{pointer-events:none;width:1px;position:absolute;left:0}.story-view{height:100vh;position:sticky;top:0;overflow:hidden}.story .loader{position:absolute}.story.is-ready .loader{opacity:0;visibility:hidden}.world{isolation:isolate;position:absolute;inset:0}.w-build{color:#d9d2c6;background:#0c0b0a;font-family:ui-monospace,Cascadia Code,Consolas,Menlo,monospace}.gutter{color:#3f3b36;border-right:1px solid #efe9df0f;align-content:start;justify-items:end;gap:.5em;width:clamp(34px,3.4vw,56px);padding-top:96px;padding-right:10px;font-size:.68rem;display:grid;position:absolute;top:0;bottom:0;left:0}.w-design{background-color:var(--paper);color:var(--ink);clip-path:inset(0 0 0 var(--line));background-image:radial-gradient(#0c0b0a29 1px,#0000 1px);background-size:26px 26px}.w-design:before{content:"";opacity:.35;background:repeating-linear-gradient(90deg,#0c0b0a4d 0 1px,#0000 1px 10px);height:18px;position:absolute;top:0;left:0;right:0}.w-both{color:var(--paper);opacity:var(--blend);pointer-events:none;background:radial-gradient(70% 60% at 50% 110%,#5b8cff42,#0000 70%),#100d0b}.w-both .st{pointer-events:auto}.w-tag{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;font-size:.68rem;font-weight:600;display:flex;position:absolute;top:92px}.w-tag i{background:var(--accent);border-radius:50%;width:7px;height:7px}.w-build .w-tag{left:calc(var(--pad) + 3.4vw);color:#7a746b;letter-spacing:.04em;text-transform:none;font-size:.76rem;font-weight:400}.w-design .w-tag{right:var(--pad);color:#6a6257}.w-design .w-tag i{background:#2f7bf6;border-radius:2px}.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}.st-text{font-family:var(--sans), sans-serif;letter-spacing:-.05em;text-wrap:balance;max-width:15em;font-size:clamp(2rem,min(5.6vw,10.5vh),6rem);font-weight:500;line-height:1.04}.st-text.big{max-width:11em;font-size:clamp(2.3rem,min(6.6vw,12.5vh),7.4rem);font-weight:400}.st-text em{color:var(--accent)}.w-design .st-text em{color:#2f5fe0}.w-build .st-text{letter-spacing:-.01em;font-family:inherit;font-size:clamp(1.25rem,min(3.5vw,6.6vh),3.75rem);font-weight:400;line-height:1.3}.w-build .st-text.big{max-width:17.7em;font-size:clamp(1.45rem,min(4.1vw,7.8vh),4.6rem)}.b-cm{color:#5f5a53}.b-caret{vertical-align:-.12em;background:var(--accent);width:.5ch;height:1em;margin-left:.15ch;animation:1s step-end infinite blink;display:inline-block}.st-meta{letter-spacing:.16em;text-transform:uppercase;color:#7a7268;font-size:.7rem;font-weight:600;font-family:var(--sans), sans-serif;margin-bottom:2.4vh}.w-build .st-meta{letter-spacing:.02em;text-transform:none;color:#6f6a62;font-family:inherit;font-size:.8rem;font-weight:400}.st-sub{font-family:var(--sans), sans-serif;letter-spacing:-.02em;max-width:34ch;margin-top:3.4vh;font-size:clamp(1rem,1.4vw,1.3rem);font-weight:500;line-height:1.35}.st-sub span{opacity:.55}.w-build .st-sub{letter-spacing:0;color:#6f6a62;max-width:none;font-family:inherit;font-size:clamp(.8rem,1vw,.95rem);font-weight:400}.w-both .st-sub{color:#efe9dfbf}.st-actions{left:var(--pad);right:var(--pad);font-family:var(--sans), sans-serif;justify-content:flex-end;align-items:center;gap:clamp(16px,2.4vw,36px);display:flex;position:absolute;bottom:22px}.w-design .scroll-hint{color:var(--ink)}.w-design .scroll-hint i{background:#0c0b0a33}.st-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:5vh;display:flex}.cta.solid{background:var(--accent);border-color:var(--accent);color:var(--ink)}.cta.solid:hover{background:var(--paper);border-color:var(--paper)}.st .mega span{color:var(--accent)}.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%)}.w-build .vs{color:#efe9df0e;left:2vw}.w-design .vs{color:#0c0b0a12;right:2vw}.w-design .hw{cursor:default;font-weight:inherit}.st-hero .st-sub{margin-top:6.5vh}.divider{top:0;bottom:0;left:var(--line);z-index:5;width:0;opacity:calc((1 - var(--blend)) * var(--show,0));position:absolute}.divider:before{content:"";background:var(--accent);width:2px;position:absolute;top:0;bottom:0;left:-1px}.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}.divider svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.divider{pointer-events:none;visibility:hidden}.no-knob .divider{opacity:0;pointer-events:none}.story-skip{right:var(--pad);z-index:6;letter-spacing:.14em;text-transform:uppercase;mix-blend-mode:difference;color:#fff;opacity:.6;font-size:.66rem;font-weight:600;position:absolute;bottom:22px}.story-skip:hover{opacity:1}.story-still{padding:20vh var(--pad);gap:12vh;display:grid}.nav nav a.is-here{opacity:1}.nav nav a.is-here:after{transform:scaleX(1)}.about-intro{z-index:2;background:var(--paper);color:var(--ink);padding:26vh var(--pad) 16vh;position:relative}.about-intro .meta{color:#7a7268}.about-intro .statement{max-width:16ch;margin:2.4vh 0 6vh;font-size:clamp(2.2rem,5.6vw,6rem)}.about-intro .statement em{color:#2f5fe0}.w-design .hw-box i{pointer-events:none;cursor:default}.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}.seq-step .still+.meta{margin-bottom:1.6vh}.work-head{grid-template-columns:minmax(0,1fr) clamp(220px,24vw,380px);align-items:end;gap:clamp(24px,5vw,90px);display:grid}.work-fig{aspect-ratio:4/5;box-shadow:0 50px 90px -40px #321e0a80}.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}.beyond .statement{max-width:15ch}.beyond-pair{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,110px);display:grid}.mic-fig{aspect-ratio:4/5;max-width:460px}.sing{margin-left:0}.beyond-foot{grid-template-columns:minmax(0,1fr) clamp(180px,20vw,300px);align-items:end;gap:40px;margin-top:14vh;display:grid}.also{margin-top:0}.train-fig{aspect-ratio:4/5}.ridge-img{height:clamp(300px,62vh,720px);margin:10vh calc(var(--pad) * -1) 0;position:relative;-webkit-mask-image:linear-gradient(#0000,#000 38%);mask-image:linear-gradient(#0000,#000 38%)}.ridge-img img{object-fit:cover;object-position:50% 60%;filter:hue-rotate(195deg)saturate(.85);width:100%;height:100%;position:absolute;inset:0}.scroll-tab{letter-spacing:.16em;text-transform:uppercase;color:var(--paper);border:1px solid #efe9df47;border-radius:99px;align-items:center;gap:8px;padding:7px 13px 7px 15px;font-size:.62rem;font-weight:600;transition:border-color .3s,background .3s,color .3s;display:inline-flex}.scroll-tab span{animation:nudge 1.8s var(--ease) infinite;display:inline-block}.scroll-tab:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}@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}.art-b{transform:translateX(calc(-50% + var(--bx,0px))) scale(var(--bs,1))}.art-d{transform:translateX(calc(-50% + var(--dx,0px))) scale(var(--ds,1))}.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}.st.has-art .st-text{font-size:clamp(1.55rem,min(3.7vw,6.4vh),3.9rem)}.st.has-art .st-meta{margin-bottom:1.4vh}.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}.v1,.v2{animation:art-in .6s var(--ease)}@keyframes art-in{0%{opacity:0;transform:translateY(8px)}}.art-b{grid-template-columns:1.15fr 1fr;gap:1.6cqh;font-family:ui-monospace,Cascadia Code,Consolas,Menlo,monospace;display:grid}.ed,.out{background:#131110;border:1px solid #efe9df1a;border-radius:2cqh;flex-direction:column;min-width:0;display:flex;overflow:hidden}.ed-top,.out-top{color:#8a847b;background:#0f0d0c;border-bottom:1px solid #efe9df12;flex:none;align-items:center;gap:1.4cqh;height:8.5cqh;padding:0 3cqh;font-size:2.9cqh;display:flex}.ed-top i{background:#37332f;border-radius:50%;width:1.9cqh;height:1.9cqh}.ed-top span{color:#d9d2c6;margin-left:1.5cqh}.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}.cl{counter-increment:ln;opacity:0;transition:opacity .35s, transform .35s var(--ease);transform:translate(-6px)}.cl:before{content:counter(ln);text-align:right;color:#4a453f;width:6.5cqh;margin-right:2.4cqh;display:inline-block}.story[data-art=on] .cl{opacity:1;transform:none}.code .t-t{color:#7fa8a1}.code .t-a{color:#c9b98f}.code .t-s{color:#9ec3b4}.code .t-k{color:var(--accent)}.code .t-f{color:#e8c48a}.out-top{justify-content:center;font-size:2.6cqh}.out-body{background:#fff;flex:1;position:relative}.out-body .r2{background:var(--paper)}.out .note{display:none}.r1{color:#000;text-align:left;background:#fff;padding:4cqh 5cqh;font-family:Times New Roman,Times,serif;font-size:3.6cqh;position:absolute;inset:0}.r1-title{margin-bottom:2.4cqh;font-size:6.2cqh;font-weight:700}.r1-row{border-radius:3cqh;flex-wrap:wrap;align-items:center;gap:.8cqh;margin-bottom:2.4cqh;transition:box-shadow .4s;display:flex}.r1-input{border:1px solid #767676;width:30cqh;height:5.6cqh}.r1-btn{white-space:nowrap;background:#efefef;border:1px solid #767676;border-radius:.5cqh;padding:.7cqh 1.5cqh;font:2.9cqh Arial,sans-serif}.r1-list{gap:1.2cqh;list-style:none;display:grid}.r1-check{vertical-align:-.3cqh;border:1px solid #767676;width:2.8cqh;height:2.8cqh;margin-right:1.2cqh;display:inline-block}.r1 u{color:#00e;font-size:.9em}.r1-foot{margin-top:2.6cqh;font-size:3cqh}.r1 .x{text-decoration-color:currentColor;transition:opacity .4s}.art-d .r1{padding:6cqh 7cqh;font-size:4.6cqh}.art-d .r1-title{font-size:8cqh}.art-d .r1-input{width:46cqh;height:7cqh}.art-d .r1-btn{font-size:3.8cqh}.art-d .r1-check{width:3.6cqh;height:3.6cqh}.art-d .r1-foot{font-size:3.8cqh}.art-d .r1{border-radius:2cqh;box-shadow:0 30px 70px -30px #00000059,0 0 0 1px #00000014}.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)}.n1{top:5cqh}.n2{top:40cqh}.n3{bottom:6cqh}.story:is([data-notes="1"],[data-notes="2"],[data-notes="3"]) .art-d .n1,.story:is([data-notes="2"],[data-notes="3"]) .art-d .n2,.story[data-notes="3"] .art-d .n3{opacity:1;transform:rotate(-2deg)}.story:is([data-notes="1"],[data-notes="2"],[data-notes="3"]) .art-d .r1-row{box-shadow:0 0 0 .5cqh #fff,0 0 0 .9cqh #e5484d}.story:is([data-notes="2"],[data-notes="3"]) .art-d .r1 .x{opacity:.45;-webkit-text-decoration:line-through #e5484d;text-decoration:line-through #e5484d;text-decoration-thickness:.5cqh}.story[data-notes="3"] .art-d .r1-list li{outline-offset:.6cqh;outline:1px dashed #e5484db3}.r2{font-family:var(--sans), sans-serif;text-align:left;place-items:center;display:grid;position:absolute;inset:0}.art-d .r2{background:0 0}.r2-card{color:#17140f;background:#fff;border-radius:3cqh;width:min(100%,92cqh);padding:5cqh;position:relative;box-shadow:0 30px 70px -30px #00000059,0 0 0 1px #0000000f}.out .r2-card{width:86%;padding:4cqh;box-shadow:0 0 0 1px #0000000f}.r2-card header{justify-content:space-between;align-items:baseline;margin-bottom:3.4cqh;display:flex}.r2-card header b{letter-spacing:-.04em;font-size:6.6cqh;font-weight:600}.r2-card header span{color:#8a8379;font-size:3cqh;font-weight:600}.r2-add{color:#8a8379;background:#f3efe8;border-radius:99px;justify-content:space-between;align-items:center;gap:2cqh;height:9cqh;margin-bottom:2.6cqh;padding:0 1.2cqh 0 3cqh;font-size:3.3cqh;display:flex}.r2-add i,.r2-add button{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:6.6cqh;height:6.6cqh;font-size:4.2cqh;font-style:normal;line-height:1;display:grid}.r2-card ul{gap:.6cqh;list-style:none;display:grid}.r2-card li{letter-spacing:-.02em;border-radius:1.4cqh;align-items:center;gap:2.2cqh;padding:1.3cqh .6cqh;font-size:3.6cqh;font-weight:500;display:flex}.r2-card li i,.r2-card li button{border:.35cqh solid #cfc8bc;border-radius:50%;flex:none;width:4cqh;height:4cqh;transition:background .25s,border-color .25s}.r2-card li.done{color:#a39b90;text-decoration:line-through}.r2-card li.done i,.r2-card li.done button{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 .8cqh #fff}.spec{opacity:0;pointer-events:none;transition:opacity .4s;position:absolute}.spec-box{border:.35cqh solid #2f7bf6;border-radius:3.6cqh;inset:-1.2cqh}.spec-tag{color:#fff;background:#e5484d;border-radius:.8cqh;padding:.3cqh 1.2cqh;font-size:2.4cqh;font-weight:700}.spec-tag.t1{top:1.2cqh;left:1cqh}.spec-tag.t2{top:13.5cqh;right:2cqh}.spec-name{color:#2f7bf6;font-size:2.6cqh;font-weight:600;top:-6.5cqh;left:0}.story[data-spec="1"] .art-d .spec{opacity:1}.art-x{align-content:center;justify-items:center;gap:2cqh;display:grid}.r2-card.live{width:min(100%,88cqh);max-height:88cqh;padding:4cqh 4.5cqh;overflow:hidden}.live .r2-add{background:#f3efe8;padding-left:0}.live .r2-add input{min-width:0;height:100%;font:inherit;color:#17140f;background:0 0;border:0;outline:none;flex:1;padding:0 3cqh}.live .r2-add input::placeholder{color:#8a8379}.live .r2-add button{cursor:pointer;transition:transform .25s var(--ease)}.live .r2-add button:hover{transform:scale(1.08)}.live li{padding-top:.9cqh;padding-bottom:.9cqh;font-size:3.3cqh}.live li button{cursor:pointer}.live li:hover{background:#f6f2ec}.live-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--grey);font-size:2.6cqh;font-weight:600}.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%}}.w-build .st{width:var(--line);right:auto;overflow:hidden;container-type:inline-size}.w-design .st{left:var(--line);overflow:hidden;container-type:inline-size}.w-build .st.has-art .st-text,.w-design .st.has-art .st-text{font-size:min(clamp(1.55rem,min(3.7vw,6.4vh),3.9rem),8.6cqi)}.w-build .st.has-art .st-text{font-size:min(clamp(1rem,min(2.3vw,4.1vh),2.45rem),5.6cqi)}.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}.w-build .vs,.w-design .vs{font-size:21cqi}.about-intro{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:clamp(32px,6vw,110px);display:grid}.about-portrait{aspect-ratio:4/5;justify-self:end;width:100%;max-width:460px;box-shadow:0 50px 90px -40px #14142873}.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{margin-top:18vh}.places-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:36px;display:flex}.places-head .sing-line{margin:0}.places-note{color:#efe9df99;font-size:.95rem}.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}.story-map{left:var(--pad);z-index:40;mix-blend-mode:difference;color:#fff;align-items:center;gap:18px;transition:opacity .4s;display:flex;position:fixed;bottom:20px}.story-map.is-hidden{opacity:0;pointer-events:none}.sm-label{letter-spacing:.16em;text-transform:uppercase;gap:10px;min-width:128px;font-size:.68rem;font-weight:600;display:flex}.sm-label span{opacity:.7;animation:swap .5s var(--ease)}.sm-segs{gap:6px;display:flex}.sm-segs button{align-items:center;width:clamp(28px,4.2vw,64px);height:22px;display:flex;position:relative}.sm-segs button:before{content:"";opacity:.25;background:currentColor;border-radius:2px;height:2px;position:absolute;left:0;right:0}.sm-segs i{transform-origin:0;background:currentColor;border-radius:2px;height:2px;position:absolute;left:0;right:0;transform:scaleX(0)}.sm-segs em{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s, transform .25s var(--ease);font-size:.6rem;font-style:normal;font-weight:600;position:absolute;bottom:22px;left:50%;transform:translate(-50%,4px)}.sm-segs button:hover em,.sm-segs button:focus-visible em{opacity:.85;transform:translate(-50%)}.sm-segs button:hover:before{opacity:.5}.divider-tip{background:var(--accent);color:#fff;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;pointer-events:none;animation:tip 1.6s var(--ease) infinite alternate;opacity:0;border-radius:99px;padding:5px 10px;font-size:.62rem;font-weight:700;transition:opacity .4s;position:absolute;top:calc(86% + 20px);left:0;transform:translate(-50%)}.story:is([data-notes="1"],[data-notes="2"],[data-notes="3"]):not([data-dragged="1"]) .divider-tip{opacity:1}@keyframes tip{0%{translate:0}to{translate:0 -4px}}.proof{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4.4vh;list-style:none;display:flex}.proof a{transition:border-color .3s, background .3s, transform .4s var(--ease);background:#efe9df0a;border:1px solid #efe9df29;border-radius:10px;align-items:center;gap:12px;padding:10px 16px;display:flex}.proof a:hover{border-color:var(--accent);background:#5b8cff14;transform:translateY(-2px)}.proof b{letter-spacing:-.02em;font-size:.95rem;font-weight:600}.proof span{letter-spacing:.14em;text-transform:uppercase;color:var(--grey);align-items:center;gap:6px;font-size:.62rem;font-weight:600;display:inline-flex}.proof span:before{content:"";border:1px solid;border-radius:50%;width:6px;height:6px}.proof span.both{color:var(--accent)}.proof span.both:before{background:var(--accent);border-color:var(--accent)}.st-final .st-links{margin-top:3.4vh}.wd{vertical-align:top;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;overflow:hidden}.wd>span{will-change:transform;display:inline-block}.me-photo{opacity:0;visibility:hidden;clip-path:inset(0 49.8%);border-radius:6px;width:min(42vw,60vh);margin:0;position:absolute;top:12vh;bottom:12vh;right:12vw;overflow:hidden;box-shadow:0 60px 120px -40px #000c}.me-photo img{object-fit:cover;object-position:50% 30%;transform-origin:50% 40%;width:100%;height:100%}.st-me{text-align:left;align-items:flex-start;padding-left:10vw;padding-right:calc(min(42vw,60vh) + 16vw)}.st-me .st-text{font-size:clamp(2.6rem,min(6vw,11vh),6.6rem)}.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-caret{background:var(--accent);width:2px;height:24px;animation:1s step-end infinite blink;top:-12px;left:-1px}.you-arrow{fill:#2f7bf6;stroke:#fff;stroke-width:1.2px;width:22px;height:22px;top:-2px;left:-2px}.you-dot{background:var(--paper);border-radius:50%;width:10px;height:10px;top:-5px;left:-5px}.you-tag{white-space:nowrap;color:#fff;background:#2f7bf6;border-radius:3px 10px 10px;padding:3px 8px;font-size:.66rem;font-weight:600;top:16px;left:14px}.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}.you[data-side=build] :is(.you-arrow,.you-dot),.you[data-side=design] :is(.you-caret,.you-dot),.you[data-side=both] :is(.you-caret,.you-arrow,.you-tag){opacity:0;transform:scale(.6)}.outro{z-index:2;background:var(--ink);color:var(--paper);padding:20vh var(--pad) 28px;border-top:1px solid #efe9df14;position:relative}.outro .meta{color:var(--grey)}.outro-title{letter-spacing:-.05em;margin:18px 0 22px;font-size:clamp(2.4rem,4.8vw,5rem);font-weight:400;line-height:1}.outro-title em{color:var(--accent)}.outro-note{color:#efe9df99;max-width:34ch;font-size:1rem;line-height:1.5}.outro-contact{justify-items:start;gap:14px;padding-bottom:6px;display:grid}.outro-mail{letter-spacing:-.03em;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:6px;font-size:clamp(1.15rem,1.8vw,1.7rem);font-weight:500;display:inline-flex}.outro-mail span{color:var(--accent);transition:transform .4s var(--ease);font-size:.8em}.outro-mail:hover{color:var(--accent)}.outro-mail:hover span{transform:translate(3px,-3px)}.outro-copy{letter-spacing:.14em;text-transform:uppercase;color:var(--grey);font-size:.72rem;font-weight:600;transition:color .3s}.outro-copy:hover{color:var(--paper)}.outro-social{gap:28px;margin-top:18px;font-size:.95rem;font-weight:500;display:flex}.outro-social a{opacity:.85;transition:opacity .3s,color .3s}.outro-social a:hover{opacity:1;color:var(--accent)}.outro-social .is-off{color:#efe9df59}.outro-social .is-off span{letter-spacing:.14em;text-transform:uppercase;margin-left:4px;font-size:.66rem}.outro .foot{letter-spacing:.14em;text-transform:uppercase;color:var(--grey);border-top:1px solid #efe9df1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16vh;padding-top:22px;font-size:.68rem;font-weight:600;display:flex}.outro .foot button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--paper);opacity:.75;transition:opacity .3s}.outro .foot button:hover{opacity:1}.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}.hero-inner{grid-template-rows:auto;grid-template-columns:1fr;gap:26px}.inspector{grid-area:auto/1;margin-top:34px}.hero-inner{align-content:center}.insp-hint,.insp-read{display:none}.hero-foot{flex-direction:column;grid-row:auto;align-items:flex-start}.hw{cursor:default}.hero-actions .scroll-hint{display:none}.hw-cursor b{padding:6px 11px;font-size:.74rem}.hw-cursor svg{width:18px;height:18px}.seq.side .seq-step{max-width:none}.seq-sticky{align-items:end;padding-bottom:17vh}.seq-step{text-align:left}.now .seq-sticky{align-items:center;padding-bottom:0}.now .seq-step{text-align:center}.cf-design{transform:translate(0, calc(-50% + var(--k) * 2.5vh));top:50%}.cf-build{transform:translate(0, calc(-50% + var(--k) * -2.5vh));top:66%}.cf-b{padding:0}.cf-word .meta{margin-bottom:.6vh;font-size:.56rem}.mega span{line-height:.7;display:block}.work{padding-top:16vh}.project{display:block}.project-meta{margin-top:26px}.artifact{width:100%}.p-1 .artifact{width:92%;margin-left:8%}.p-2 .artifact{width:92%}.artifact-hint{opacity:1;padding:6px 10px;font-size:.56rem;bottom:8px;right:8px;transform:none}.focus-stage{grid-template-columns:1fr;align-content:start;padding-top:76px}.lab-head{grid-template-columns:1fr}.arena{height:64vh}.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}.outro-grid,.outro-top{grid-template-columns:1fr}.me-photo{width:80vw;top:30vh;bottom:8vh;right:50%;transform:translate(50%)}.st-me{padding:13vh var(--pad) 0!important;justify-content:flex-start!important}.sm-label{min-width:0}.nav nav a{padding:12px 0}.nav button{padding:9px 12px}.outro-social a,.outro-copy,.outro .foot button{padding:10px 0;display:inline-block}.sm-segs button{height:36px}.arena.is-static{padding:20px var(--pad);grid-template-columns:1fr 1fr;gap:10px;display:grid}.arena.is-static .chip{width:auto;min-width:0;transform:none!important}.sm-segs button{width:30px}.proof a{padding:8px 12px}.about-intro{grid-template-columns:1fr}.about-portrait{justify-self:start;max-width:78%}.sing-video{max-width:62%}.place{width:68vw}.place:nth-child(2n){margin-top:0}.art{width:92vw;height:42vh;bottom:9vh}.art-b{grid-template-columns:1fr}.art-b .out{display:none}.st.has-art{padding-top:13vh}.note{max-width:28cqh;font-size:3.2cqh}.foot-mid{display:none}.outro{padding-top:14vh}.win{width:90vw}.st-actions{bottom:58px}.st{padding:110px var(--pad) 150px}.gutter{padding-bottom:60px;overflow:hidden}.work-head{grid-template-columns:1fr}.work-fig{width:62%;margin-left:auto}.still{width:46%;margin-bottom:2.4vh}.beyond-pair{grid-template-columns:1fr}.mic-fig{width:70%}.beyond-foot{grid-template-columns:1fr;margin-top:10vh}.train-fig{width:48%;margin-left:auto}.chip.has-img{width:150px}.mega{font-size:clamp(3rem,19vw,8rem)}.mega.title{font-size:clamp(2.6rem,15vw,6rem)}.cf-word{font-size:clamp(3rem,16vw,6rem)}.hero-title{font-size:clamp(2.6rem,13vw,5rem)}}: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-build{background:var(--ink);color:#d9d5cd;padding:clamp(40px, 9vh, 96px) var(--pad);flex-direction:column;justify-content:space-between;gap:40px;min-width:0;display:flex}.row-build .idx{color:#5f5b55}.pspec{font-family:var(--mono2);white-space:pre-wrap;overflow-wrap:anywhere;color:#cfcbc3;font-size:clamp(.78rem,1.05vw,.98rem);line-height:1.85}.pspec .k{color:var(--accent)}.pspec .s{color:#9ec3b4}.pspec .hl{color:#fff;background:#5b8cff47;border-radius:3px;padding:2px 4px}.row-build .lnk{color:var(--paper);align-self:flex-start}.row-build .lnk:hover{color:var(--accent)}.row-design{padding:clamp(40px, 9vh, 96px) var(--pad) 0 clamp(28px, 4.5vw, 80px);flex-direction:column;min-width:0;display:flex;overflow:hidden}.row h2{letter-spacing:-.055em;font-size:clamp(2.4rem,5.2vw,5.2rem);font-weight:500;line-height:1}.row-line{color:#45413b;max-width:34ch;margin-top:16px;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.45}.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}.row-design>.browser{margin-top:clamp(36px,7vh,80px)}.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}.exp:nth-child(4n+2),.exp:nth-child(4n+4){margin-top:56px}.exp-img{aspect-ratio:4/5;border-radius:var(--r);background:#000;overflow:hidden}.exp-img img{object-fit:cover;width:100%;height:100%;transition:transform 1.4s var(--ease);display:block}.exp:hover .exp-img img{transform:scale(1.06)}.exp figcaption{border-top:1px solid #f1eee824;gap:6px;margin-top:14px;padding-top:14px;display:grid}.exp strong{letter-spacing:-.03em;font-size:1.15rem;font-weight:500;line-height:1.15}.exp-state{font-family:var(--mono2);color:var(--accent);font-size:.74rem}.exp-state:before{content:"● ";vertical-align:.2em;font-size:.6em}.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}.outro{text-align:left}.outro-top{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:48px clamp(40px,8vw,160px);display:grid}.outro-title{margin:18px 0 0;font-size:clamp(2.4rem,5vw,5rem);font-weight:500}.reach{list-style:none}.reach li{border-top:1px solid #f1eee824;align-items:center;gap:16px;display:flex}.reach li:last-child{border-bottom:1px solid #f1eee824}.reach a{letter-spacing:-.02em;transition:color .3s, padding .5s var(--ease);overflow-wrap:anywhere;flex:1;grid-template-columns:96px 1fr auto;align-items:baseline;gap:12px;min-width:0;padding:20px 0;font-size:clamp(1rem,1.3vw,1.2rem);font-weight:500;display:grid}.reach a i{color:var(--accent);transition:transform .4s var(--ease);font-style:normal}.reach a:hover{color:var(--accent);padding-left:8px}.reach a:hover i{transform:translate(3px,-3px)}.reach button{font-family:var(--mono2);color:var(--grey);text-align:right;min-width:52px;padding:8px 0;font-size:.74rem;transition:color .3s}.reach button:hover{color:var(--paper)}.outro .foot{font-family:var(--mono2);letter-spacing:.02em;text-transform:none;font-size:.72rem;font-weight:400}.final-art{opacity:0;transition:opacity 1.2s var(--ease);position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 62% at 50% 46%,#000 30%,#0000 75%);mask-image:radial-gradient(60% 62% at 50% 46%,#000 30%,#0000 75%)}.final-art img{object-fit:cover;width:100%;height:100%;transition:transform 2.4s var(--ease);transform:scale(1.12)}.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}.row-design{padding:56px var(--pad) 0;order:-1}.row-build{padding:36px var(--pad) 48px;border-top:1px solid var(--accent)}.sheet{grid-template-columns:1fr 1fr}.exp:nth-child(4n+2),.exp:nth-child(4n+4){margin-top:0}.exp:nth-child(2n){margin-top:36px}.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%}.outro-top{grid-template-columns:1fr}.reach a{grid-template-columns:78px 1fr auto}.final-art img{object-fit:contain}.reach a{overflow-wrap:normal;grid-template-columns:1fr auto;gap:4px 12px;font-size:.98rem}.reach a .idx{grid-column:1/-1}}.replay{font-family:var(--mono2);color:var(--grey);align-items:center;gap:8px;margin-top:3.2vh;padding:10px 4px;font-size:.76rem;transition:color .3s;display:inline-flex}.replay span{transition:transform .6s var(--ease);font-size:1.1em;display:inline-block}.replay:hover{color:var(--paper)}.replay:hover span{transform:rotate(-360deg)}.you.is-touch{transition:opacity .6s}.you.is-touch .you-caret{animation:none}.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-link{display:block}.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-flag{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--mono2);color:#cfcbc3;background:#0b0b0cb8;border-radius:4px;padding:5px 9px;font-size:.66rem;position:absolute;bottom:12px;left:12px}.card-info{padding-top:20px}.card-top{border-bottom:1px solid #f1eee81f;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.card-status{font-family:var(--mono2);color:var(--grey);font-size:.74rem}.card-status:before{content:"○ "}.card-status.both{color:var(--accent)}.card-status.both:before{content:"● "}.card h2{letter-spacing:-.045em;margin-top:18px;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500;line-height:1.05}.card-line{color:#f1eee8a8;max-width:40ch;margin-top:10px;font-size:1.02rem;line-height:1.5}.card-meta{margin:16px 0 22px;line-height:1.6}.card-open .card-media{box-shadow:none;text-align:left;cursor:pointer;background:0 0;border:1px dashed #f1eee838;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:12px;padding:clamp(20px,3vw,40px);display:flex}.card-open strong{letter-spacing:-.04em;font-size:clamp(1.5rem,2.6vw,2.4rem);font-weight:500}.card-open:hover .card-media{border-color:var(--accent);box-shadow:none}@media (max-width:860px){.cards{grid-template-columns:1fr;gap:56px}}.reach a,.reach a:hover{grid-template-columns:none;justify-content:space-between;align-items:center;font-size:clamp(1.1rem,1.5vw,1.35rem);display:flex}.reach button{text-align:center;min-width:76px;color:var(--paper);border:1px solid #f1eee84d;border-radius:99px;padding:7px 16px;transition:background .3s,color .3s,border-color .3s}.reach button:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}.scroll-cue{font-family:var(--mono2);letter-spacing:.08em;color:#f1eee861;pointer-events:none;align-items:center;gap:10px;font-size:.66rem;display:inline-flex}.scroll-cue i{background:#f1eee824;width:1px;height:30px;position:relative;overflow:hidden}.scroll-cue i:after{content:"";background:var(--accent);animation:drip 2.2s var(--ease) infinite;position:absolute;inset:0}: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}.feature-media{aspect-ratio:16/9;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #f1eee817;container-type:inline-size}.feature-copy{gap:14px;padding-bottom:6px;display:grid}.feature-copy h2{letter-spacing:-.05em;font-size:clamp(2rem,3.6vw,3.4rem);font-weight:500;line-height:1.02}.feature-copy p:not(.idx){color:#f1eee8a8;max-width:38ch;font-size:1.05rem;line-height:1.5}@media (max-width:860px){.feature{grid-template-columns:1fr}}.w-tag{transition:opacity .4s}.story[data-art=on] .w-tag{opacity:0}.st.has-art{padding-top:max(15vh,118px)}.st.has-art .vs{top:max(34%,300px)}.tok-edit{font:inherit;color:#fff;border:0;border-bottom:1px dashed var(--accent);box-sizing:content-box;pointer-events:none;background:#5b8cff33;border-radius:2px;outline:none;min-width:1ch;margin:0;padding:0;transition:background .25s}.tok-edit:focus{background:#5b8cff6b;border-bottom-style:solid}.ed{position:relative}.ed-hint{color:var(--accent);opacity:.9;pointer-events:none;font-size:2.6cqh;display:none;position:absolute;bottom:2.4cqh;left:3cqh}.story[data-edited="1"] .ed-hint{display:none!important}.sel,.sel-read,.sel-hint{pointer-events:none;opacity:0;transition:opacity .25s;position:absolute}.sel{border:.35cqh solid #2f7bf6;border-radius:3.6cqh;inset:-1.2cqh}.sel i{background:#fff;border:.35cqh solid #2f7bf6;width:1.9cqh;height:1.9cqh;position:absolute}.sel i:first-child{top:-1cqh;left:-1cqh}.sel i:nth-child(2){top:-1cqh;right:-1cqh}.sel i:nth-child(3){bottom:-1cqh;left:-1cqh}.sel i:nth-child(4){bottom:-1cqh;right:-1cqh}.sel-read{color:#fff;font-family:var(--mono2);white-space:nowrap;background:#2f7bf6;border-radius:1cqh;padding:.5cqh 1.6cqh;font-size:2.4cqh;bottom:-7cqh;left:50%;transform:translate(-50%)}.sel-hint{color:#fff;white-space:nowrap;background:#2f7bf6;border-radius:1cqh 3cqh 3cqh;padding:.6cqh 1.8cqh;font-size:2.5cqh;font-weight:600;top:-7.5cqh;right:-2cqh}.r2-card.is-homing{transition:translate .5s var(--ease)}.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}.live li .tx{transition:color .3s;position:relative}.live li .tx:after{content:"";transform-origin:0;height:.3cqh;min-height:1px;transition:transform .4s var(--ease) .12s;background:currentColor;position:absolute;top:54%;left:0;right:0;transform:scaleX(0)}.live li.done .tx:after{transform:scaleX(1)}.r2-card.live{transition:box-shadow .3s, rotate .3s var(--ease)}.r2-card.live.is-held{rotate:-1.2deg;box-shadow:0 50px 90px -30px #000000b3,0 0 0 1px #0000000f}.live-hint span{color:var(--accent);display: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}.art-d .r2-card.can-drag:hover .sel,.art-d .r2-card.is-held .sel,.art-d .r2-card.was-moved .sel,.art-d .r2-card.is-held .sel-read,.art-d .r2-card.was-moved .sel-read,.art-d .r2-card.can-drag:not(.was-moved) .sel-hint{opacity:1}.story[data-spec="1"] .art-d .r2-card.was-moved .spec,.story[data-spec="1"] .art-d .r2-card:hover .spec{opacity:0}.r2-card.live.can-drag{cursor:grab}.r2-card.can-drag.is-held{cursor:grabbing}.live-hint span{display:inline}}.card-cap{flex-direction:column;align-items:flex-start;gap:10px;padding-top:16px}.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 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}.st-hero{padding-top:70px;padding-bottom:90px}.st-actions{bottom:56px}.story-map{gap:12px;bottom:14px}.sm-label{font-size:.6rem}.final-art{display:none}.st-final{padding:76px var(--pad) 70px;justify-content:center}.st-final .mega.title{font-size:clamp(2.4rem,13.5vw,4.6rem)}.proof{gap:8px;margin-top:3vh}.st-final .st-links{gap:8px;margin-top:2.4vh}.st-final .cta{padding:11px 16px}.replay{margin-top:1.6vh}.me-photo{height:52svh;top:auto;bottom:62px}.st-me{padding-top:84px!important}.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}.outro{padding:12vh var(--pad) 22px}.outro .foot{margin-top:9vh}}@media (max-width:860px) and (max-height:700px){.art{height:min(38svh,300px)}.st.has-art .st-text{font-size:clamp(1.3rem,6.2vw,2rem)}.me-photo{height:46svh}}.st-final{text-shadow:none}.pick{letter-spacing:-.055em;transition:gap .9s var(--ease);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 clamp(14px,2.2vw,40px);margin:1.5vh 0 2.6vh;font-size:clamp(2.6rem,8.6vw,9.6rem);font-weight:500;line-height:1;display:flex}.pick-word{font:inherit;letter-spacing:inherit;color:var(--paper);opacity:.55;cursor:pointer;transition:opacity .4s var(--ease), color .5s var(--ease), transform .9s var(--ease);padding:.06em .04em}.pick .pick-word:hover,.pick .pick-word:focus-visible{opacity:1}.pick-op{place-items:center;min-width:1.1em;display:inline-grid;position:relative}.pick-op i,.pick-op b{transition:opacity .4s var(--ease), transform .8s var(--ease);grid-area:1/1}.pick-op i{font-style:normal;font-family:var(--mono2);letter-spacing:0;color:var(--grey);font-size:.16em}.pick-op b{color:var(--accent);opacity:0;font-weight:300;transform:scale(.2)rotate(-135deg)}.pick-hint{font-family:var(--mono2);color:var(--grey);min-height:1.4em;font-size:.82rem}.pick-after{opacity:0;pointer-events:none;transition:opacity .7s var(--ease) .55s, transform .9s var(--ease) .55s;justify-items:center;gap:18px;margin-top:5vh;display:grid;transform:translateY(14px)}.pick-links{font-family:var(--mono2);color:var(--grey);gap:26px;font-size:.76rem;display:flex}.pick-links a,.pick-links button{font:inherit;color:inherit;padding:6px 0;transition:color .3s}.pick-links a:hover,.pick-links button:hover{color:var(--paper)}.st-final.is-done .pick{gap:0 clamp(6px,1vw,18px)}.st-final.is-done .pick-word,.st-final.is-done .pick:hover .pick-word{opacity:1;cursor:default}.st-final.is-done .pick-op i{opacity:0;transform:scale(.4)}.st-final.is-done .pick-op b{opacity:1;transform:none}.st-final.is-done .pick-after{opacity:1;pointer-events:auto;transform:none}.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}}@media (max-width:860px){.pick{flex-direction:column;align-items:center;gap:0;font-size:clamp(2.8rem,16vw,5rem)}.pick-op{height:.8em}.pick-after{margin-top:3.4vh}}.pick-q{letter-spacing:-.035em;animation:rise .7s var(--ease);margin-top:.6vh;font-size:clamp(1.3rem,2.4vw,2.2rem);font-weight:500;line-height:1.2}.pick{align-items:center;gap:0 clamp(12px,1.6vw,28px);margin:4.4vh 0 2.8vh;font-size:clamp(2.2rem,6.2vw,6.8rem)}.pick-word{opacity:1;transition:border-color .35s var(--ease), background .35s var(--ease), color .35s, padding .9s var(--ease), translate .35s var(--ease), opacity .35s;background:#f1eee808;border:1.5px solid #f1eee857;border-radius:999px;padding:.16em .42em .2em}.pick-word small{letter-spacing:-.01em;color:var(--grey);vertical-align:.9em;transition:opacity .4s, font-size .9s var(--ease), margin .9s var(--ease);margin-right:.3em;font-size:.3em;font-weight:500}.pick:hover .pick-word{opacity:.5}.pick .pick-word:hover,.pick .pick-word:focus-visible{opacity:1;border-color:var(--accent);background:#5b8cff24;translate:0 -4px}.pick-hint{letter-spacing:.02em}.st-final:not(.is-done) .pick-hint{animation:nudge 1.8s var(--ease) infinite}.st-final.is-done .pick-word,.st-final.is-done .pick:hover .pick-word{background:0 0;border-color:#0000;padding-left:.04em;padding-right:.04em;translate:none}.st-final.is-done .pick-word small{opacity:0;margin:0;font-size:0}.st-final.is-done .pick-hint{color:var(--grey)}@media (max-width:860px){.pick{gap:6px 0;font-size:clamp(2.4rem,13vw,4.2rem)}.pick-op{height:.7em}}.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}.slim-cta{letter-spacing:-.03em;justify-self:start;align-items:baseline;gap:10px;padding:6px 0;font-size:clamp(1.05rem,1.5vw,1.35rem);font-weight:500;transition:color .3s;display:inline-flex}.slim-cta span{color:var(--accent);transition:transform .4s var(--ease)}.slim-cta:hover{color:var(--accent)}.slim-cta:hover span{transform:translate(6px)}.slim-note,.slim-top{font-family:var(--mono2);color:var(--grey);font-size:.72rem}.slim-top{padding:8px 0;transition:color .3s}.slim-top:hover{color:var(--paper)}@media (max-width:860px){.slim{padding:22px var(--pad) 26px;grid-template-columns:1fr auto}.slim-cta{grid-column:1/-1}}.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}html.menu-open .story-map{opacity:0}}.feature-media{transition:box-shadow .5s var(--ease);background:#000;display:block}.feature-media video{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease);position:absolute;inset:0}.feature-media:hover{box-shadow:0 0 0 1px #5b8cff8c}.feature-media:hover video{transform:scale(1.02)}.feature-copy .lnk{justify-self:start;margin-top:10px}@media (hover:none){.live .r2-add input,.tok-edit{font-size:16px}}@supports not (container-type:size){.art{display:none!important}.st.has-art{justify-content:center;padding-top:120px}.card-screen .pv,.feature-media .pv{display:none}}@supports (padding:env(safe-area-inset-bottom)){.story-map{bottom:max(14px, 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}.st-meta{letter-spacing:.12em;font-size:.84rem}.w-build .st-meta,.w-build .st-sub{font-size:.86rem}.scroll-cue{font-size:.78rem}.pick-hint{font-size:.88rem}.w-build .st-text.big{font-size:clamp(1.6rem,7.2vw,2.5rem)}.w-build .st.has-art .st-text{font-size:clamp(1.15rem,5.3vw,1.6rem)!important}.w-design .st.has-art .st-text,.w-both .st.has-art .st-text{font-size:clamp(1.65rem,7.2vw,2.2rem)!important}.st-me .st-text{font-size:clamp(2.3rem,11vw,3.4rem)!important}.st-me .st-sub,.w-both .st-sub{font-size:1.05rem}.pick-q{font-size:clamp(1.35rem,6vw,1.8rem)}.sm-label{gap:8px;font-size:.78rem}.sm-segs button{width:clamp(30px,9vw,42px);height:44px}.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}.cl:before{width:6cqw;margin-right:2.4cqw}.ed-top,.out-top{gap:1.6cqw;height:9.4cqw;padding:0 3.4cqw;font-size:3.1cqw}.ed-top i{width:2.2cqw;height:2.2cqw}.art-d .r1{padding:4.2cqw 4.6cqw;font-size:3.9cqw}.art-d .r1-title{margin-bottom:2.4cqw;font-size:6.6cqw}.art-d .r1-row{gap:1cqw;margin-bottom:2.6cqw}.art-d .r1-input{width:34cqw;height:6.6cqw}.art-d .r1-btn{padding:.9cqw 1.8cqw;font-size:3.3cqw}.art-d .r1-list{gap:1.4cqw}.art-d .r1-check{width:3.4cqw;height:3.4cqw}.art-d .r1-foot{margin-top:2.6cqw;font-size:3.3cqw}.note{max-width:38cqw;font-size:3.5cqw;right:3cqw}.n2{top:44cqw}.r2-card,.out .r2-card{border-radius:4cqw;width:100%;padding:4.6cqw}.r2-card header{margin-bottom:3cqw}.r2-card header b{font-size:6.6cqw}.r2-card header span{font-size:3.5cqw}.r2-add{height:11.6cqw;margin-bottom:2.6cqw;padding:0 1.6cqw 0 4cqw;font-size:3.9cqw}.r2-add i,.r2-add button{width:8.6cqw;height:8.6cqw;font-size:5.2cqw}.r2-card ul{gap:.4cqw}.r2-card li{border-radius:2cqw;gap:3cqw;padding:1.9cqw .8cqw;font-size:4.1cqw}.r2-card li i,.r2-card li button{border-width:.45cqw;width:5.6cqw;height:5.6cqw}.r2-card li.done i{box-shadow:inset 0 0 0 1.1cqw #fff}.spec-tag{font-size:3cqw}.spec-name{font-size:3.1cqw;top:-7cqw}.art-x{gap:3cqw;height:min(57svh,440px)}.r2-card.live{width:100%;max-height:none;padding:4.4cqw 4.6cqw}.live .r2-add{height:auto;min-height:46px}.live .r2-add button{width:38px;height:38px;font-size:22px}.live li{padding:1.5cqw .8cqw;font-size:4.1cqw}.live li .tick{position:relative}.live li .tick:after{content:"";position:absolute;inset:-12px}.live li .tx:after{height:1.5px}.live-hint{letter-spacing:.1em;font-size:3cqw}.st-final .cta{min-height:50px;padding:15px 24px;font-size:.92rem}.pick-links{gap:0 22px;font-size:.9rem}.pick-links a,.pick-links button{align-items:center;min-height:44px;padding:0 4px;display:inline-flex}.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 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,.feature-copy p:not(.idx),.sing-sub{font-size:1.08rem}.exp-state{font-size:.84rem}.play{font-size:.86rem}.lnk{padding:12px 0 8px;font-size:1.08rem}.cta{min-height:46px;font-size:.86rem}.slim-cta{align-items:center;min-height:48px;font-size:1.2rem}.slim-note,.slim-top{font-size:.82rem}.slim-top{min-height:44px}.nf-code{font-size:.95rem}.live .r2-add input{min-height:46px}.live .r2-add button{width:44px;height:44px;margin:1px}.sm-label{white-space:nowrap}.sm-segs button{width:clamp(24px, calc((100vw - var(--pad) * 2 - 152px) / 5), 44px)}}@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){.w-build .st{width:100%}.w-design .st{left:0}.story[data-solo="0"] .art-b{width:92vw}}.card-screen,.feature-media{background-position:50%;background-size:cover}.sw{z-index:6;background:var(--ink);color:var(--paper);opacity:var(--swo,0);transform:translate(-50%, -50%) scale(calc(.86 + var(--swo,0) * .14));pointer-events:none;border-radius:99px;align-items:center;gap:18px;padding:12px 24px;display:flex;position:absolute;top:35vh;left:50%;box-shadow:0 0 0 1px #f1eee824,0 24px 60px -20px #0009}.sw-l{font-family:var(--mono2);opacity:calc(1 - var(--sw,0) * .62);font-size:.86rem}.sw-r{letter-spacing:-.02em;opacity:calc(.38 + var(--sw,0) * .62);font-size:.98rem;font-weight:600}.sw-track{background:color-mix(in srgb, var(--accent) calc(var(--sw,0) * 100%), #3a3733);border-radius:99px;flex:none;width:92px;height:50px;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff1f}.sw-track i{width:40px;height:40px;transform:translateX(calc(var(--sw,0) * 42px));background:#fff;border-radius:50%;position:absolute;top:5px;left:5px;box-shadow:0 4px 14px #0006}.sw-track:after{content:"";border:2px solid var(--accent);opacity:0;border-radius:50%;width:40px;height:40px;position:absolute;top:5px;right:5px}.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)}}.sw-wipe{display:none}@media (max-width:860px){.sw{gap:14px;padding:10px 20px;top:196px}.sw-track{width:78px;height:44px}.sw-track i,.sw-track:after{width:34px;height:34px}.sw-track i{transform:translateX(calc(var(--sw,0) * 34px))}.sw-wipe{z-index:5;top:0;bottom:0;left:calc((1 - var(--sw,0)) * 100%);background:var(--accent);width:2px;box-shadow:0 0 24px 2px var(--accent);opacity:calc(var(--swo,0) * var(--sw,0) * (1 - var(--sw,0)) * 6);pointer-events:none;display:block;position:absolute}}.sw{top:40vh}@media (max-width:860px){.sw{transform:translate(-50%, 0) scale(calc(.86 + var(--swo,0) * .14));top:auto;bottom:calc(76px + min(42svh,360px))}}@media (max-width:860px) and (max-height:700px){.sw{padding:7px 16px;bottom:calc(72px + min(38svh,300px))}}@media (pointer:coarse){.grain{display:none}.nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--ink)}.story-map{mix-blend-mode:normal;top:calc(100svh - 56px);bottom:auto;left:calc(var(--pad) - 12px);color:var(--paper);background:#0b0b0cdb;border-radius:99px;padding:0 12px}[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}.w-design{background-image:none}.w-design:before{display:none}.st{will-change:auto}.card-media,.card-screen,.exp-img img,.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}.pick-links .resume{align-items:center;gap:6px;padding:6px 0;display:inline-flex}.pick-links .resume em{margin-left:4px;padding:2px 6px;font-size:.64rem}.about-actions{margin-top:34px}@media (max-width:860px){.pick-links{flex-wrap:wrap;justify-content:center}.pick-links .resume{min-height:44px;padding:0 4px}}.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%)}}