@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-cyrillic-ext-400-normal-9PYOMWMR.woff2)format("woff2"),url(/assets/geist-cyrillic-ext-400-normal-ChfpGzr5.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-cyrillic-400-normal-DXusLSnH.woff2)format("woff2"),url(/assets/geist-cyrillic-400-normal-DkrqoNl2.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-vietnamese-400-normal-C4gMWAkH.woff2)format("woff2"),url(/assets/geist-vietnamese-400-normal-C8xY9-dI.woff)format("woff");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:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-latin-ext-400-normal-CND6cjiG.woff2)format("woff2"),url(/assets/geist-latin-ext-400-normal-Bz1pQMyt.woff)format("woff");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:Geist;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-latin-400-normal-B40WzpMT.woff2)format("woff2"),url(/assets/geist-latin-400-normal-akEymXtG.woff)format("woff");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:Geist;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-cyrillic-ext-500-normal-UpgxCE-h.woff2)format("woff2"),url(/assets/geist-cyrillic-ext-500-normal-BXrH8YSv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-cyrillic-500-normal-NWpm63d5.woff2)format("woff2"),url(/assets/geist-cyrillic-500-normal-BboVsk8R.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-vietnamese-500-normal-DEhtl5QD.woff2)format("woff2"),url(/assets/geist-vietnamese-500-normal-_b1ojCbH.woff)format("woff");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:Geist;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-latin-ext-500-normal-BovoTgeE.woff2)format("woff2"),url(/assets/geist-latin-ext-500-normal-C9fx-R30.woff)format("woff");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:Geist;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-latin-500-normal-CTWBw9NS.woff2)format("woff2"),url(/assets/geist-latin-500-normal-BDXIbFrL.woff)format("woff");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:Geist;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/geist-cyrillic-ext-600-normal-Cr7e20Aw.woff2)format("woff2"),url(/assets/geist-cyrillic-ext-600-normal-PR76dHFV.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/geist-cyrillic-600-normal-BeW5VFD_.woff2)format("woff2"),url(/assets/geist-cyrillic-600-normal-CnEeIcMC.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/geist-vietnamese-600-normal-BFUgqsz8.woff2)format("woff2"),url(/assets/geist-vietnamese-600-normal-B5MZcNo4.woff)format("woff");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:Geist;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/geist-latin-ext-600-normal-CVFbg5dS.woff2)format("woff2"),url(/assets/geist-latin-ext-600-normal-TmIUreF9.woff)format("woff");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:Geist;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/geist-latin-600-normal-CSETrqM2.woff2)format("woff2"),url(/assets/geist-latin-600-normal-DsPlZH-9.woff)format("woff");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:Geist;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/geist-cyrillic-ext-700-normal-CVY63QZD.woff2)format("woff2"),url(/assets/geist-cyrillic-ext-700-normal-CBIC21Ex.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/geist-cyrillic-700-normal-BSHy2ewF.woff2)format("woff2"),url(/assets/geist-cyrillic-700-normal-BH7gZKkM.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/geist-vietnamese-700-normal-Bnl4KG60.woff2)format("woff2"),url(/assets/geist-vietnamese-700-normal-Dm6ODIDG.woff)format("woff");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:Geist;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/geist-latin-ext-700-normal-BnofTsEi.woff2)format("woff2"),url(/assets/geist-latin-ext-700-normal-DKAtFBEc.woff)format("woff");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:Geist;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/geist-latin-700-normal-CFi8mLqe.woff2)format("woff2"),url(/assets/geist-latin-700-normal-Bod5GerT.woff)format("woff");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}:root{--font:"Geist", -apple-system, "PingFang SC", "Noto Sans CJK SC", sans-serif;--ink:#181818;--ink-2:#6a6a6a;--ink-3:#a3a3a3;--line:#ebebeb;--paper:#fff;--paper-2:#f4f4f6;--accent:#ec5039;--accent-ink:#181818;--lilac:#dcd6f0;--plum:#8f78bf;--blush:#fef6f5;--cheek:#f9c4c3;--ear:#f7d3dc;--bow:#424056;--danger:#b91c1c;--u:4px;--r-1:8px;--r-2:12px;--r-3:20px;--r-pill:40px;--text:16px;--text-s:14px;--title:18px;--ease:cubic-bezier(.2, .7, .2, 1);--spring-pop:linear(0, .037, .13, .259, .404, .552, .691, .814, .916, .997, 1.057, 1.096, 1.118, 1.126, 1.123, 1.113, 1.097, 1.079, 1.06, 1.042, 1.026, 1.013, 1.002, .994, .989, .985, .984, .984, .985, .987, .99, .992, .994, .996, .998, 1, 1.001, 1.001, 1.002, 1.002, 1);--t-pop:.908s;--spring-settle:linear(0, .019, .068, .133, .208, .285, .362, .436, .504, .567, .624, .675, .72, .76, .795, .825, .851, .874, .893, .91, .924, .936, .946, .955, .962, .968, .973, .978, .981, .985, .987, .989, .991, .993, .994, .995, .996, .996, .997, .998, 1);--t-settle:.606s;--spring-press:linear(0, .023, .084, .169, .267, .371, .475, .574, .664, .745, .815, .874, .922, .961, .991, 1.013, 1.028, 1.038, 1.044, 1.046, 1.045, 1.043, 1.039, 1.035, 1.03, 1.025, 1.021, 1.016, 1.013, 1.009, 1.006, 1.004, 1.002, 1.001, 1, .999, .998, .998, .998, .998, 1);--t-press:.582s;--stagger:60ms}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--text);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-weight:400;line-height:24px}h1,h2,h3{letter-spacing:-.01em;font-weight:700;font-size:var(--title);margin:0;line-height:24px}p{color:var(--ink-2);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-1)}::selection{background:var(--accent);color:var(--accent-ink)}.pop{animation:baku-pop var(--t-pop) var(--spring-pop) both;animation-delay:calc(var(--i,0) * var(--stagger))}.rise{animation:baku-rise var(--t-settle) var(--spring-settle) both;animation-delay:calc(var(--i,0) * var(--stagger))}@keyframes baku-pop{0%{opacity:0;transform:scale(.4)}}@keyframes baku-rise{0%{opacity:0;transform:translateY(16px)}}.btn{border-radius:var(--r-pill);padding:calc(var(--u) * 2) calc(var(--u) * 5);font-size:var(--text-s);cursor:pointer;transition:transform var(--t-press) var(--spring-press), background-color .16s var(--ease);border:0;font-weight:500;line-height:24px}.btn:active:not(:disabled){transition-duration:90ms;transition-timing-function:var(--ease);transform:scale(.94)}.btn:disabled{cursor:default;opacity:.5}.btn-primary{background:var(--ink);color:var(--paper)}.btn-quiet{background:var(--paper-2);color:var(--ink)}.btn-quiet:hover:not(:disabled){background:#e8e8ec}.btn-danger{background:var(--paper-2);color:var(--danger)}.field{border-radius:var(--r-2);width:100%;padding:calc(var(--u) * 3) calc(var(--u) * 4);background:var(--paper-2);font-size:var(--text);transition:background-color .16s var(--ease);border:0;line-height:24px}.field:focus{background:var(--paper)}.dot{background:var(--accent);border-radius:50%;flex:none;display:inline-block}.beat{align-items:center;gap:6px;height:24px;display:inline-flex}.beat i{background:var(--accent);width:8px;height:8px;animation:baku-beat .9s var(--ease) infinite;border-radius:50%}.beat i:nth-child(2){animation-delay:.12s}.beat i:nth-child(3){animation-delay:.24s}@keyframes baku-beat{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.mascot *{transform-box:view-box}.mascot.worried .m-eyes{transform-origin:80px 108px;transform:scaleY(.35)}.mascot .m-blink{transform-origin:80px 108px;animation:4.2s 2.4s infinite baku-blink}.mascot .m-cheek-l{transform-origin:52px 130px}.mascot .m-cheek-r{transform-origin:108px 130px}.mascot.assemble .m-cheek-l{animation:1.1s both baku-drop-l}.mascot.assemble .m-cheek-r{animation:1.1s both baku-drop-r}.mascot.assemble .m-head{transform-origin:80px 120px;animation:baku-pop var(--t-pop) var(--spring-pop) .62s both}.mascot.assemble .m-ear-l{transform-origin:52px 56px;animation:baku-ear var(--t-pop) var(--spring-pop) .82s both}.mascot.assemble .m-ear-r{transform-origin:108px 56px;animation:baku-ear var(--t-pop) var(--spring-pop) .88s both}.mascot.assemble .m-eyes{transform-origin:80px 108px;animation:baku-open .42s var(--spring-press) 1.02s both}.mascot.assemble .m-tuft{transform-origin:84px 40px;animation:baku-tuft var(--t-pop) var(--spring-pop) 1.12s both}.mascot.assemble .m-bow{transform-origin:40px 58px;animation:baku-bow var(--t-pop) var(--spring-pop) 1.2s both}@keyframes baku-drop-l{0%{fill:var(--accent);animation-timing-function:cubic-bezier(.5,0,1,1);transform:translate(28px,-150px)scale(.89,1.33)}38%{animation-timing-function:cubic-bezier(0,0,.4,1);transform:translate(28px)scaleX(1.11)}52%{animation-timing-function:cubic-bezier(.5,0,1,1);transform:translate(28px,-26px)scale(.82,1.44)}62%{fill:var(--accent);animation-timing-function:var(--spring-pop);transform:translate(28px)scale(.98,1.2)}to{transform:translate(0)}}@keyframes baku-drop-r{0%{fill:var(--accent);animation-timing-function:cubic-bezier(.5,0,1,1);transform:translate(-28px,-150px)scale(.89,1.33)}38%{animation-timing-function:cubic-bezier(0,0,.4,1);transform:translate(-28px)scaleX(1.11)}52%{animation-timing-function:cubic-bezier(.5,0,1,1);transform:translate(-28px,-26px)scale(.82,1.44)}62%{fill:var(--accent);animation-timing-function:var(--spring-pop);transform:translate(-28px)scale(.98,1.2)}to{transform:translate(0)}}@keyframes baku-ear{0%{opacity:0;transform:rotate(-24deg)scale(0)}}@keyframes baku-open{0%{transform:scaleY(0)}}@keyframes baku-tuft{0%{opacity:0;transform:rotate(40deg)scale(0)}}@keyframes baku-bow{0%{opacity:0;transform:rotate(-200deg)scale(0)}}.hop{animation:baku-hop .52s var(--ease)}@keyframes baku-hop{40%{transform:translateY(-16px)}70%{transform:translateY(2px)}}@keyframes baku-blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.rows{gap:calc(var(--u) * 2);margin:0;padding:0;list-style:none;display:grid}.rows>li>a,.rows>li.row{gap:calc(var(--u) * 4);padding:calc(var(--u) * 3) calc(var(--u) * 4);border-radius:var(--r-2);background:var(--paper-2);transition:background-color .16s var(--ease), transform var(--t-press) var(--spring-press);align-items:baseline;display:grid}.rows>li>a:hover{background:#e8e8ec}.rows>li>a:active{transition-duration:90ms;transform:scale(.98)}.pill{align-items:center;gap:calc(var(--u) * 2);border-radius:var(--r-pill);padding:calc(var(--u) * 2) calc(var(--u) * 4);font-size:var(--text-s);cursor:pointer;background:var(--paper-2);color:var(--ink);transition:transform var(--t-press) var(--spring-press), background-color .16s var(--ease);border:0;font-weight:500;line-height:20px;display:inline-flex}.pill:active{transition-duration:90ms;transform:scale(.94)}.pill:disabled{cursor:default;opacity:.5}.pill[aria-pressed=true]{background:var(--ink);color:var(--paper)}.pill[aria-pressed=true]:before{content:"";background:var(--accent);width:6px;height:6px;animation:baku-pop var(--t-pop) var(--spring-pop) both;border-radius:50%}.card{gap:calc(var(--u) * 4);padding:calc(var(--u) * 5);border-radius:var(--r-3);background:var(--paper-2);display:grid}.stripes{border-collapse:collapse;width:100%;max-width:900px}.stripes tbody tr:nth-child(odd) td{background:var(--paper-2)}.stripes td:first-child{border-radius:var(--r-1) 0 0 var(--r-1)}.stripes td:last-child{border-radius:0 var(--r-1) var(--r-1) 0}.card .field,.card .btn-quiet,.card .btn-danger,.card .pill:not([aria-pressed=true]){background:var(--paper)}@media (max-width:560px){.card{padding:calc(var(--u) * 4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.beat:after{content:attr(aria-label);margin-left:calc(var(--u) * 2);font-size:var(--text-s);color:var(--ink-2)}}.site{flex-direction:column;min-height:100dvh;display:flex}.site>main{flex:1}.site-bar,.site-foot{width:100%;max-width:1120px;padding-left:calc(var(--u) * 6);padding-right:calc(var(--u) * 6);margin:0 auto}.site-bar{z-index:20;justify-content:space-between;align-items:center;gap:calc(var(--u) * 6);background:var(--paper);height:64px;display:flex;position:sticky;top:0}.wordmark{align-items:center;gap:calc(var(--u) * 2);font-weight:700;font-size:var(--title);letter-spacing:-.02em;display:inline-flex}.site-nav{align-items:center;gap:calc(var(--u) * 7);font-size:var(--text-s);display:flex}.site-nav a{color:var(--ink-2);transition:color .16s var(--ease);position:relative}.site-nav a:hover,.site-nav a.here{color:var(--ink)}.site-nav a.here:after{content:"";background:var(--accent);width:6px;height:6px;animation:baku-pop var(--t-pop) var(--spring-pop) both;border-radius:50%;margin-left:-3px;position:absolute;bottom:-10px;left:50%}.site-nav a.site-cta{padding:calc(var(--u) * 2) calc(var(--u) * 4);border-radius:var(--r-pill);background:var(--ink);color:var(--paper);transition:transform var(--t-press) var(--spring-press);font-weight:500}.site-nav a.site-cta:active{transition-duration:90ms;transition-timing-function:var(--ease);transform:scale(.94)}@media (max-width:680px){.site-nav a:not(.site-cta){display:none}}.reveal{opacity:0;transition:opacity .4s var(--ease), transform var(--t-settle) var(--spring-settle);transform:translateY(24px)}.reveal.in{opacity:1;transform:none}.site-foot{justify-content:space-between;align-items:center;gap:calc(var(--u) * 4);padding-top:calc(var(--u) * 8);padding-bottom:calc(var(--u) * 8);color:var(--ink-2);font-size:var(--text-s);flex-wrap:wrap;display:flex}.site-foot nav{gap:calc(var(--u) * 6);flex-wrap:wrap;display:flex}.site-foot nav a{color:var(--ink-2)}.site-foot nav a:hover{color:var(--ink)}.page{max-width:1120px;padding:calc(var(--u) * 12) calc(var(--u) * 6);margin:0 auto}.command button{opacity:0;transition:opacity .12s}.command:hover button,.command:focus-within button{opacity:1}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.home>section{width:100%;max-width:1120px;padding-left:calc(var(--u) * 6);padding-right:calc(var(--u) * 6);margin:0 auto}.row{gap:calc(var(--u) * 3);margin-top:calc(var(--u) * 8);flex-wrap:wrap;display:flex}.hero{align-content:center;justify-items:center;gap:calc(var(--u) * 6);min-height:calc(100svh - 64px);padding-top:calc(var(--u) * 12);padding-bottom:calc(var(--u) * 12);text-align:center;display:grid}.hero h1 span{display:inline-block}.lead{text-wrap:balance;max-width:560px}.hero .row{margin-top:calc(var(--u) * 2);justify-content:center}.create{gap:calc(var(--u) * 16);padding-top:calc(var(--u) * 40);grid-template-columns:1fr 1fr;align-items:center;display:grid}.create p{max-width:440px;margin-top:calc(var(--u) * 2)}.create code,.terminal pre{font-family:ui-monospace,Menlo,monospace}.create code{color:var(--ink)}.terminal{padding:calc(var(--u) * 8);border-radius:var(--r-3);background:var(--ink)}.terminal pre{color:var(--ink-3);font-size:var(--text-s);margin:0;line-height:28px}.terminal .type{width:calc(var(--n) * 1ch);white-space:nowrap;animation:type-in .6s steps(var(--n)) both;animation-delay:calc(var(--i) * .7s);animation-play-state:paused;display:block;overflow:hidden}.terminal .ok{align-items:center;gap:calc(var(--u) * 2);color:var(--paper);animation:baku-pop var(--t-pop) var(--spring-pop) both;animation-delay:calc(var(--i) * .7s);animation-play-state:paused;display:flex}.reveal.in .terminal .type,.reveal.in .terminal .ok{animation-play-state:running}@keyframes type-in{0%{width:0}}.call{padding-top:calc(var(--u) * 40);padding-bottom:calc(var(--u) * 40);text-align:center;justify-items:center;display:grid}.call .reveal{justify-items:center;gap:calc(var(--u) * 6);display:grid}.call .row{justify-content:center;margin-top:0}@media (max-width:900px){.create{gap:calc(var(--u) * 10);grid-template-columns:1fr}}@media (max-width:560px){.create{padding-top:calc(var(--u) * 24)}.call{padding-top:calc(var(--u) * 24);padding-bottom:calc(var(--u) * 24)}}.story{gap:calc(var(--u) * 16);grid-template-columns:minmax(0,1fr) minmax(0,400px);display:grid}.story-stage{height:560px;position:sticky;top:calc(50vh - 240px)}.story-step{align-content:center;gap:calc(var(--u) * 2);min-height:100vh;color:var(--ink-2);transition:color .24s var(--ease);display:grid}.story-step[aria-current=step]{color:var(--ink)}.story-step h2{color:inherit}.desk{width:100%;height:100%;position:relative;overflow:hidden}.desk .iso{--s:1.3;transform:scale(var(--s));position:absolute;top:56%;left:50%}.desk .b,.desk .up{transform:translate(calc((var(--x) + var(--dx,0px) - var(--y) - var(--dy,0px)) * .866), calc((var(--x) + var(--dx,0px) + var(--y) + var(--dy,0px)) * .5 - var(--z) - var(--dz,0px))) scale(var(--k,1));transform-origin:0 0;transition:transform var(--t-pop) var(--spring-pop), opacity .24s var(--ease);transition-delay:calc(var(--i,0) * var(--stagger));position:absolute;top:0;left:0}.desk .b>i{transform-origin:0 0;display:block;position:absolute;top:0;left:0}.desk .b>.t{width:var(--w);height:var(--d);background:var(--c);transform:translateY(calc(-1 * var(--h))) matrix(.866, .5, -.866, .5, 0, 0)}.desk .b>.f{width:var(--w);height:var(--h);background:color-mix(in srgb, var(--c), #000 12%);transform:translate(calc(var(--d) * -.866), calc(var(--d) * .5 - var(--h))) matrix(.866, .5, 0, 1, 0, 0)}.desk .b>.s{width:var(--d);height:var(--h);background:color-mix(in srgb, var(--c), #000 24%);transform:translate(calc(var(--w) * .866), calc(var(--w) * .5 - var(--h))) matrix(-.866, .5, 0, 1, 0, 0)}.desk .up>*{display:block;transform:translate(-50%,-100%)}.desk .hop span{background:var(--accent);border-radius:50%;width:22px;height:22px}.desk .bubble span{background:var(--lilac);border-radius:22px;width:112px;height:44px}.desk .bubble.theirs span{background:var(--ink);width:96px}.desk .p1{--i:2}.desk .p2{--i:1}.desk .tablet,.desk .sheet{--dx:180px;opacity:0}.desk .bubble,.desk .author{--k:0;opacity:0}.desk[data-step="0"] .p1{--dz:92px}.desk[data-step="0"] .p2{--dz:52px}.desk[data-step="0"] .p3{--dz:14px}.desk[data-step="0"] .hop{--i:3;--dy:-56px;--dz:92px}.desk[data-step="1"] .tablet,.desk[data-step="1"] .sheet{--dx:0px;opacity:1}.desk[data-step="1"] .sheet{--i:2}.desk[data-step="1"] .hop{--i:4;--dx:147px;--dy:18px;--dz:-2px}.desk[data-step="2"] .author{--k:1;opacity:1}.desk[data-step="2"] .bubble{--k:1;opacity:1;--i:3}.desk[data-step="2"] .bubble.theirs{--i:6}@media (max-width:900px){.story{grid-template-columns:minmax(0,1fr);gap:0}.story-stage{z-index:1;background:var(--paper);height:300px;top:64px}.desk .iso{--s:.7;top:62%}.story-step{align-content:end;min-height:80vh;padding-bottom:12vh}}
