:root{--bg:#f6f8fa;--ink:#0d1b2a;--muted:#5a6a7b;--line:#d5dde6;--water:#1a8fc0;--glow:#4fd2f2;--serif:"Hahmlet", "Noto Serif KR", "Nanum Myeongjo", "AppleMyungjo", serif;--sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "D2Coding", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", monospace;--gutter:clamp(20px, 5vw, 72px);--max:1240px;--ease:cubic-bezier(.2, .7, .1, 1);--dot:radial-gradient(circle, #fff 0 24%, var(--glow) 46%, color-mix(in srgb, var(--water) 60%, transparent) 66%, color-mix(in srgb, var(--water) 0%, transparent) 74%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0a1219;--ink:#e4ecf3;--muted:#8696a7;--line:#1d2a37;--water:#4fc3e8;--glow:#4fd2f2}}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}.fonts-wait body{opacity:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-feature-settings:"ss06";-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;margin:0;font-size:16px;line-height:1.65;transition:opacity .25s}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none;transition:color .15s}a:hover{color:var(--water)}:focus-visible{outline:2px solid var(--water);outline-offset:3px;border-radius:2px}::selection{background:color-mix(in srgb, var(--glow) 32%, transparent)}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.top{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);justify-content:space-between;align-items:baseline;gap:16px;padding-top:28px;font-size:12px;display:flex}.top nav{align-items:baseline;gap:22px;display:flex}.lang{gap:2px;display:inline-flex}.lang button{color:var(--muted);font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:2px 4px;transition:color .15s}.lang button:hover{color:var(--water)}.lang button[aria-pressed=true]{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--water);text-decoration-color:var(--water);text-underline-offset:4px}.top a{color:var(--ink)}.top a:hover{color:var(--water)}.hero{padding-top:clamp(88px,17vh,184px);padding-bottom:clamp(112px,18vh,200px)}.headline{font-family:var(--serif);letter-spacing:-.04em;text-wrap:balance;font-size:clamp(44px,9vw,112px);font-weight:300;line-height:1.04}.headline .line{display:block}.headline .phrase{white-space:nowrap}.headline.rebreak .line{display:inline}.headline .m-br:before{content:"\a ";white-space:pre}@media (max-width:520px){.headline{font-size:min(44px,10.4vw)}}.ch{transition:opacity .32s,filter .4s,color .6s,transform .4s cubic-bezier(.2,.7,.2,1);display:inline-block}.dictating .dictation[data-mode=static] .ch,.dictating .dictation[data-mode=static] .caret{opacity:0}.dictation[data-mode=run] .phrase:not(.on) .ch{opacity:0;filter:blur(6px);color:var(--muted);transition:none;transform:translateY(.04em)}.caret{vertical-align:baseline;width:0;height:.7em;display:inline-block;position:relative}.caret:after{content:"";background:var(--dot);width:max(.15em,10px);height:max(.15em,10px);box-shadow:0 0 .1em color-mix(in srgb, var(--water) 55%, transparent), 0 0 .45em color-mix(in srgb, var(--glow) 50%, transparent);border-radius:50%;position:absolute;bottom:.07em;left:.1em}.wave{width:min(100%,620px);height:clamp(44px,6vw,64px);margin-top:clamp(28px,4vw,44px);display:block;overflow:visible}.lede{max-width:62ch;color:var(--muted);margin-top:clamp(24px,3vw,32px);font-size:clamp(17px,1.5vw,19px)}.caret:after{animation:2.4s ease-in-out infinite blink}.dictation[data-mode=run] .caret:after{animation:none}.dictation[data-mode=run] .wave path{stroke-dasharray:1;animation:1.7s cubic-bezier(.3,.1,.3,1) both draw}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.groups{position:relative}.sec{padding-top:clamp(64px,9vw,120px);padding-bottom:clamp(64px,9vw,120px);position:relative}.sec:before,.foot-site:before{content:"";top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--line);position:absolute}.head{margin-bottom:clamp(36px,5vw,64px)}.verb{font-family:var(--serif);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(30px,3.4vw,46px);font-weight:300;line-height:1.12}.sub{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);margin-top:12px;font-size:12px}.meta{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);font-size:12px}.mono-link,.links a{font-family:var(--mono);letter-spacing:.04em;font-size:12px}.mulbit{grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(40px,6vw,96px);display:grid}.mulbit>*{grid-column:1}.mulbit>.mulbit-demo{grid-area:1/2/span 4}.mulbit-name{font-family:var(--serif);letter-spacing:-.05em;font-size:clamp(64px,8.4vw,124px);font-weight:400;line-height:.95}.alt{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);margin-top:16px;font-size:12px;font-weight:400;display:block}.pitch{letter-spacing:-.012em;text-wrap:pretty;max-width:22em;margin-top:28px;font-size:clamp(19px,1.8vw,24px);font-weight:500;line-height:1.45}.facts{max-width:34em;margin-top:32px}.facts li{border-top:1px solid var(--line);color:var(--muted);padding-block:12px;font-size:15.5px}.facts li:last-child{border-bottom:1px solid var(--line)}.cta{align-self:end;margin-top:36px}.cta-row{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.btn{background:var(--ink);color:var(--bg);border-radius:8px;align-items:center;gap:12px;padding:15px 22px;font-size:16px;font-weight:600;line-height:1.2;transition:background .2s,color .2s;display:inline-flex}.btn:hover{background:var(--water);color:#fff}.cta .meta{margin-top:18px}.demo{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 2.5%, var(--bg));border-radius:12px;position:relative;overflow:hidden}.demo .caret:after{width:8px;height:8px}.mulbit-demo{flex-direction:column;justify-content:center;gap:56px;min-height:clamp(360px,36vw,500px);padding:clamp(22px,3vw,44px);display:flex}.mic{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:clamp(20px,3vw,36px);display:grid}.keycap{border:1px solid var(--line);background:var(--bg);width:76px;height:76px;box-shadow:0 4px 0 var(--line);font-family:var(--mono);transition:transform .12s var(--ease), box-shadow .12s var(--ease), background .25s ease, border-color .25s ease;border-radius:12px;place-items:center;font-size:24px;font-weight:500;display:grid}[data-pressed] .keycap{box-shadow:0 1px 0 var(--line);background:color-mix(in srgb, var(--glow) 16%, var(--bg));border-color:color-mix(in srgb, var(--water) 55%, var(--line));transform:translateY(3px)}.key-hint{text-align:center;font-family:var(--mono);letter-spacing:.06em;color:var(--water);opacity:0;grid-column:1;margin-top:12px;font-size:11px;transition:opacity .2s}[data-pressed] .key-hint,[data-rec] .key-hint{opacity:1}.keycap{position:relative}.keycap:after{content:"";background:var(--water);transform-origin:0;border-radius:1px;height:2px;position:absolute;inset:auto 10px 8px;transform:scaleX(0)}[data-pressed] .keycap:after{transition:transform .6s linear;transform:scaleX(1)}.demo-wave{grid-area:1/2;width:100%;height:72px;overflow:visible}.demo-wave path{fill:none;stroke:url(#demo-fade);stroke-width:1.5px}.channel{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);margin-bottom:8px;font-size:11px}.field{border:1px solid var(--line);background:var(--bg);border-radius:10px;min-height:64px;padding:18px 20px;font-size:clamp(16px,1.5vw,19px);line-height:1.5;transition:border-color .4s}.field-text{transition:opacity .4s}[data-clearing] .field-text{opacity:0}.interim{color:var(--muted)}[data-rec] .field{border-color:color-mix(in srgb, var(--water) 45%, var(--line))}.pasted{font-family:var(--mono);letter-spacing:.06em;color:var(--water);opacity:0;margin-top:10px;font-size:11px;transition:opacity .3s}[data-pasted] .pasted{opacity:1}.mulbit.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.mulbit.flip>*{grid-column:2}.mulbit.flip>.flick-demo{grid-area:1/1/span 4}.cta .meta.note{margin-top:4px}.flick-demo{flex-direction:column;justify-content:center;gap:clamp(28px,4vw,52px);min-height:clamp(360px,36vw,500px);padding:clamp(22px,3vw,44px);display:flex}.flick-demo:focus-visible{border-radius:12px}.flick-line{margin-inline:auto;width:min(100%,560px);margin-bottom:calc(-1*clamp(28px,4vw,52px) + 14px);display:grid}.flick-cap{font-family:var(--mono);letter-spacing:.06em;color:var(--ink);font-size:11px}.flick-strip{gap:4px;margin-block:10px clamp(24px,3vw,36px);display:flex}.flick-strip span{aspect-ratio:16/10;border:1px solid var(--line);background:var(--bg);border-radius:3px;flex:0 34px;transition:border-color .3s,background .3s}.flick-strip span[data-on]{border-color:var(--water);background:color-mix(in srgb, var(--glow) 40%, var(--bg))}.flick-map{gap:clamp(10px,1.6vw,20px);width:min(100%,560px);margin-inline:auto;padding-block:10px 12px;display:grid;position:relative;container-type:inline-size}.flick-col{top:0;bottom:0;left:calc(var(--anchor) * 100cqw / var(--cols));width:calc(100cqw / var(--cols));border-inline:1px dashed color-mix(in srgb, var(--water) 38%, var(--line));background:color-mix(in srgb, var(--glow) 6%, transparent);position:absolute}.flick-row{width:max-content;transform:translateX(calc((var(--anchor) - var(--cur)) * 100cqw / var(--cols)));transition:transform .55s var(--ease);position:relative}.flick-label{font-family:var(--mono);letter-spacing:.04em;white-space:nowrap;color:var(--muted);margin-bottom:4px;padding-left:4px;font-size:11px;line-height:1.4;transition:color .3s;display:block}.flick-row[data-on] .flick-label{color:var(--water)}.flick-cells{display:flex}.flick-cell{width:calc(100cqw / var(--cols));cursor:pointer;background:0 0;border:0;padding:0 3px}.flick-desktop{aspect-ratio:4/3;border:1px solid var(--line);background:var(--bg);border-radius:5px;transition:border-color .3s,background .3s,box-shadow .3s;display:block;position:relative}.flick-desktop span{background:var(--line);border-radius:1.5px;transition:background .3s;position:absolute}.flick-cell:hover .flick-desktop,.flick-cell[data-land] .flick-desktop{border-color:color-mix(in srgb, var(--muted) 70%, var(--line))}.flick-cell[aria-pressed=true] .flick-desktop{border-color:var(--water);background:color-mix(in srgb, var(--glow) 14%, var(--bg));box-shadow:0 0 0 1px var(--water), 0 0 18px -2px color-mix(in srgb, var(--glow) 60%, transparent)}.flick-cell[aria-pressed=true] .flick-desktop span{background:color-mix(in srgb, var(--water) 55%, var(--bg))}.flick-hud{justify-content:space-between;align-items:center;gap:16px;width:min(100%,560px);margin-inline:auto;display:flex}.flick-hand{align-items:center;gap:14px;display:flex}.flick-mouse{width:34px;height:48px;overflow:visible}.flick-mouse .body{fill:var(--bg);stroke:var(--muted);stroke-width:1px}.flick-mouse .seam{fill:none;stroke:var(--line);stroke-width:1px}.flick-mouse .side{fill:var(--line);stroke:var(--muted);stroke-width:1px;transition:fill .15s ease, stroke .15s ease, transform .12s var(--ease)}[data-held] .flick-mouse .side{fill:var(--glow);stroke:var(--water);transform:translate(1.5px)}.flick-hint{font-family:var(--mono);letter-spacing:.06em;color:var(--muted);font-size:11px;transition:color .2s}.flick-hint b{min-width:2.2em;font-weight:500;display:inline-block}[data-held] .flick-hint{color:var(--water)}.flick-pad{grid-template-columns:repeat(3,34px);grid-template-areas:".up.""left down right";gap:5px;display:grid}.flick-pad button{border:1px solid var(--line);background:var(--bg);height:30px;box-shadow:0 2px 0 var(--line);color:var(--muted);font-family:var(--mono);cursor:pointer;transition:transform .12s var(--ease), box-shadow .12s var(--ease), background .25s ease, border-color .25s ease, color .25s ease;border-radius:7px;place-items:center;padding:0;font-size:13px;line-height:1;display:grid}.flick-pad button:first-child{grid-area:left}.flick-pad button:nth-child(2){grid-area:up}.flick-pad button:nth-child(3){grid-area:down}.flick-pad button:nth-child(4){grid-area:right}.flick-pad button:hover{color:var(--ink);border-color:var(--muted)}.flick-pad button[data-lit],.flick-pad button:active{box-shadow:0 0 0 var(--line);background:color-mix(in srgb, var(--glow) 16%, var(--bg));border-color:color-mix(in srgb, var(--water) 55%, var(--line));color:var(--water);transform:translateY(2px)}.pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,5vw,72px);display:grid}.name{letter-spacing:-.015em;font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.25}.desc{text-wrap:pretty;max-width:62ch;margin-top:8px;font-size:17px}.mid{flex-direction:column;display:flex}.mid .demo{flex:1;margin-top:24px}.foot{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:16px;line-height:1.5;display:flex}.links{flex-wrap:wrap;gap:6px 20px;display:flex}.rel-demo{padding:18px 20px 16px}.query{border-bottom:1px solid var(--line);align-items:baseline;gap:8px;min-height:34px;padding-bottom:12px;font-size:15px;display:flex}.query-icon{font-family:var(--mono);color:var(--muted)}.rel-demo svg{width:100%;height:auto;margin-top:12px;display:block;overflow:visible}.note{fill:var(--line);transition:fill .3s}[data-phase="1"] .note.hit,[data-phase="2"] .note.hit{fill:var(--water)}.edge{fill:none;stroke:var(--water);stroke-width:1.2px;transition:stroke-dashoffset .7s var(--ease), opacity .5s ease}.edge.content{stroke-dasharray:1}.edge.place{stroke-dasharray:.03 .025}.edge.link{stroke-dasharray:.006 .02;stroke-linecap:round;stroke-width:1.6px}.motion .rel-demo:not([data-phase="2"]) .edge.content{stroke-dashoffset:1px}.motion .rel-demo:not([data-phase="2"]) .edge:not(.content){opacity:0}.legend{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:11px;display:flex}.legend span:before{content:"";vertical-align:.3em;border-top:1.2px solid var(--water);width:16px;margin-right:7px;display:inline-block}.legend .place:before{border-top-style:dashed}.legend .link:before{border-top:2px dotted var(--water)}.lens-demo{--lh:36px;flex-direction:column;justify-content:center;padding-block:16px;display:flex}.lens-body{position:relative}.raw{font-family:var(--mono);letter-spacing:.02em;font-size:12.5px}.raw li{height:var(--lh);color:var(--muted);white-space:nowrap;align-items:center;gap:14px;padding-inline:18px;transition:background .3s,color .3s;display:flex}.raw li.cur{background:color-mix(in srgb, var(--glow) 10%, transparent);color:var(--ink)}.ln{text-align:right;opacity:.55;min-width:1.5ch}.raw .caret{margin-left:-10px}.lens{--rlh:30px;width:min(58%,250px);height:calc(var(--win) * var(--rlh) + 2px);border:1px solid color-mix(in srgb, var(--water) 40%, var(--line));background:var(--bg);box-shadow:0 10px 24px -16px color-mix(in srgb, var(--ink) 50%, transparent);transform:translateY(calc((var(--top) + var(--win) / 2) * var(--lh) - 50%));transition:transform .45s var(--ease);border-radius:8px;font-size:14px;position:absolute;top:0;right:14px;overflow:hidden}.lens-track{transform:translateY(calc(var(--top) * var(--rlh) * -1));transition:transform .45s var(--ease)}.lens-track li{height:var(--rlh);white-space:nowrap;opacity:.45;align-items:center;padding-inline:14px;transition:opacity .3s,background .3s;display:flex;overflow:hidden}.lens-track li.cur{opacity:1;background:color-mix(in srgb, var(--glow) 9%, transparent)}.r-quote{border-left:2px solid color-mix(in srgb, var(--water) 60%, var(--line));color:var(--muted);padding-left:10px}.r-h{font-family:var(--serif);letter-spacing:-.02em;font-size:18px;font-weight:600}.r-task{align-items:center;gap:8px;display:inline-flex}.r-task .box{border:1px solid var(--muted);border-radius:3px;place-items:center;width:14px;height:14px;font-size:10px;line-height:1;display:inline-grid}.r-task.done{color:var(--muted);text-decoration:line-through}.r-task.done .box{border-color:var(--water);background:var(--water);color:#fff}.r-math{font-family:var(--serif);font-size:17px;font-style:italic}.also li{border-top:1px solid var(--line);grid-template-columns:minmax(0,14em) minmax(0,1fr) auto;align-items:baseline;gap:8px 32px;padding-block:18px;display:grid}.also li:last-child{border-bottom:1px solid var(--line)}.also .nm{letter-spacing:-.01em;font-size:18px;font-weight:600}.also-line{color:var(--muted)}.also a{font-family:var(--mono);letter-spacing:.04em;font-size:12px}.nm{position:relative}.nm:after{content:"";background:var(--water);clip-path:inset(0 100% 0 0);height:6px;transition:clip-path .45s var(--ease);position:absolute;bottom:-.34em;left:0;right:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6'%3E%3Cpath d='M0 3 Q3 0 6 3 T12 3' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") 0 0/12px 6px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6'%3E%3Cpath d='M0 3 Q3 0 6 3 T12 3' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") 0 0/12px 6px repeat-x}.mid:hover .nm:after,.also li:hover .nm:after{clip-path:inset(0)}.mid:has(:focus-visible) .nm:after{clip-path:inset(0)}.also li:has(:focus-visible) .nm:after{clip-path:inset(0)}.desk-stage{width:min(100%,520px);margin-inline:auto;position:relative}.desk svg{width:100%;height:auto;display:block;overflow:visible}.desk path,.desk rect,.desk circle,.desk ellipse,.desk line{vector-effect:non-scaling-stroke}.solid path{fill:var(--bg);stroke:var(--ink);stroke-width:.9px;stroke-linejoin:round}.solid .top{fill:color-mix(in srgb, var(--ink) 3%, var(--bg))}.slab .top{fill:color-mix(in srgb, var(--ink) 2%, var(--bg))}.display{fill:color-mix(in srgb, var(--glow) 7%, var(--bg));stroke:color-mix(in srgb, var(--water) 55%, var(--line));stroke-width:.6px}.screen .ui{stroke:var(--line);stroke-width:.6px}.ui-dot,.bar{fill:var(--line)}.bar.strong{fill:var(--muted)}.box-ui{fill:none;stroke:var(--muted);stroke-width:.6px}.scr-label{font-family:var(--mono);fill:var(--muted);font-size:2.6px}.field{fill:var(--bg);stroke:color-mix(in srgb, var(--water) 50%, var(--line));stroke-width:.6px}.scr-text{font-family:var(--sans);fill:var(--ink)}.scr-text .off{fill-opacity:0}.g-edge{stroke:var(--water);stroke-width:.6px;opacity:.7}.g-node{fill:var(--bg);stroke:var(--water);stroke-width:.7px}.g-node.hl{fill:var(--glow)}.case{fill:var(--bg);stroke:var(--ink);stroke-width:.8px;stroke-linejoin:round}.case.base{stroke:var(--muted);stroke-width:.6px}.key{fill:var(--bg);stroke:var(--muted);stroke-width:.6px;stroke-linejoin:round}.key.hit{fill:var(--glow);stroke:var(--water)}.tube{fill:none;stroke:var(--ink);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.tube-in{fill:none;stroke:var(--bg);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.capsule{fill:var(--bg);stroke:var(--ink);stroke-width:.9px}.meter{fill:var(--water)}.spring{fill:none;stroke:var(--muted);stroke-width:.7px;stroke-dasharray:1.2 1}.joint,.knob{fill:var(--bg);stroke:var(--ink);stroke-width:.9px}.yoke{fill:none;stroke:var(--ink);stroke-width:1.4px;stroke-linejoin:round}.screen-foam{fill:color-mix(in srgb, var(--ink) 5%, var(--bg))}.foam,.foam-cap{fill:none;stroke:var(--muted);stroke-width:.5px}.foam-cap{fill:color-mix(in srgb, var(--ink) 8%, var(--bg));stroke:var(--ink);stroke-width:.8px}.m-body{fill:var(--bg);stroke:var(--ink);stroke-width:.9px;stroke-linejoin:round}.m-shelf,.m-line{fill:none;stroke:var(--ink);stroke-width:.7px}.m-rib{fill:none;stroke:var(--muted);stroke-width:.6px;stroke-dasharray:2 2}.m-grip{fill:none;stroke:var(--muted);stroke-width:.6px}.m-side{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round}.m-wheel{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round}.caster{fill:var(--bg);stroke:var(--ink);stroke-width:.9px}.seat,.back{fill:color-mix(in srgb, var(--bg) 78%, transparent);stroke:var(--ink);stroke-width:1.1px;stroke-linejoin:round}.mesh{fill:none;stroke:var(--muted);stroke-width:.5px;opacity:.7}.frame{fill:none;stroke:var(--ink);stroke-width:1px}.pad{fill:none;stroke:var(--ink);stroke-width:3.4px;stroke-linecap:round}.leaders path{fill:none;stroke:var(--muted);stroke-width:.6px}.leaders circle{fill:var(--water)}.callouts{font-family:var(--mono);letter-spacing:.04em;color:var(--ink);font-size:12px;line-height:1.4}.co{white-space:nowrap;position:absolute;transform:translateY(-50%)}.co.left{transform:translate(calc(-100% - 8px),-50%)}.co.right{padding-left:8px}.co a:hover{color:var(--water)}.desk-note{text-align:center;font-family:var(--mono);letter-spacing:.04em;color:var(--muted);margin-top:clamp(28px,4vw,48px);font-size:12px}.desk .lift,.desk .chair{transition:transform 1.8s cubic-bezier(.5,0,.15,1) .3s}.desk .chair{transition-duration:1.5s;transition-delay:.45s}.desk .screen,.desk .display,.desk .leaders,.desk .callouts{transition:opacity .6s 2s,fill .6s 2s}.desk .leaders,.desk .callouts{transition-delay:2.5s}.motion .desk:not([data-in]) .lift{transform:translateY(var(--lift))}.motion .desk:not([data-in]) .chair{transform:translate(var(--roll-x), var(--roll-y))}.motion .desk:not([data-in]) .screen,.motion .desk:not([data-in]) .leaders,.motion .desk:not([data-in]) .callouts{opacity:0}.motion .desk:not([data-in]) .display{fill:color-mix(in srgb, var(--ink) 7%, var(--bg))}.motion .desk[data-in] .key{animation:.7s backwards key-lit;animation-delay:calc(2.6s + var(--d))}.scr-caret{animation:2.4s ease-in-out infinite blink}.g-node.hl{animation:3s ease-in-out infinite node-pulse}.desk-stage:not([data-live]) *{animation-play-state:paused}@keyframes key-lit{0%{fill:var(--bg)}25%{fill:var(--glow);stroke:var(--water)}to{fill:var(--bg)}}@keyframes node-pulse{50%{fill-opacity:.35}}.foot-site{padding-top:clamp(80px,12vw,152px);padding-bottom:48px;position:relative}.mail{font-family:var(--serif);letter-spacing:-.035em;font-size:clamp(22px,7vw,64px);font-weight:300;line-height:1.1;display:inline-block}.fine{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);gap:6px;margin-top:clamp(40px,6vw,72px);font-size:12px;display:grid}.typed .word{white-space:nowrap}.mail .typed .word{white-space:normal}.t{display:inline-block;position:relative}.t.sp{display:inline}.motion [data-reveal]:not([data-in]) .t{opacity:0}.motion [data-in] .t{animation:t-in .3s var(--ease) both;animation-delay:calc(var(--i) * var(--step))}.t:after{content:"";background:var(--dot);width:max(.15em,9px);height:max(.15em,9px);box-shadow:0 0 .4em color-mix(in srgb, var(--glow) 50%, transparent);opacity:0;pointer-events:none;border-radius:50%;position:absolute;bottom:.2em;left:calc(100% + .06em)}.motion [data-in] .t:not(.sp):after{animation:pass var(--step) linear;animation-delay:calc(var(--i) * var(--step))}.motion [data-in] .typed .t.end:after{animation:3.6s forwards settle;animation-delay:calc(var(--i) * var(--step))}.motion [data-in] .stay .t.end:after{animation:10ms forwards show,2.4s ease-in-out infinite blink;animation-delay:calc(var(--i) * var(--step))}@keyframes t-in{0%{opacity:0;filter:blur(4px)}}@keyframes pass{0%,to{opacity:1}}@keyframes show{to{opacity:1}}@keyframes settle{0%,40%,80%{opacity:1}20%,60%{opacity:.25}to{opacity:0}}.thread{top:0;bottom:0;left:calc(max(var(--gutter), (100% - var(--max)) / 2) - min(32px, var(--gutter) * .55));background:var(--line);width:1px;position:absolute}.thread-fill{background:linear-gradient(to bottom, transparent, var(--water) 160px);transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}.traveller{z-index:2;background:var(--dot);width:10px;height:10px;box-shadow:0 0 2px color-mix(in srgb, var(--water) 55%, transparent), 0 0 10px color-mix(in srgb, var(--glow) 55%, transparent);opacity:0;pointer-events:none;will-change:transform;border-radius:50%;transition:opacity .3s;position:absolute;top:0;left:0}.traveller.parked{animation:2.4s ease-in-out infinite blink}@media (min-width:900px){.motion .verb .t:after{display:none}}.motion .mulbit-demo[data-pasted] .field{animation:flash .9s var(--ease)}.nm:after{animation:.9s linear infinite flow}@keyframes flash{0%{background:color-mix(in srgb, var(--glow) 22%, var(--bg));border-color:var(--water)}}@keyframes flow{to{-webkit-mask-position:12px 0;mask-position:12px 0}}@media (max-width:899px){.thread,.traveller{display:none}.mulbit{grid-template-columns:minmax(0,1fr)}.mulbit>.mulbit-demo{grid-area:auto/1;margin-top:32px}.mulbit.flip{grid-template-columns:minmax(0,1fr)}.mulbit.flip>*,.mulbit.flip>.flick-demo{grid-area:auto/1}.mulbit.flip>.flick-demo{margin-top:32px}.pair{grid-template-columns:minmax(0,1fr)}.also li{grid-template-columns:minmax(0,1fr) auto}.also-line{grid-area:2/1/auto/-1}}@media (max-width:1080px){.callouts{color:var(--muted);gap:8px;margin-top:28px;display:grid;position:static}.co,.co.left,.co.right{white-space:normal;padding:0 0 0 16px;position:static;transform:none}.co:before{content:"";background:var(--water);vertical-align:.1em;border-radius:50%;width:6px;height:6px;margin:0 10px 0 -16px;display:inline-block}.co a{color:var(--ink)}.desk .leaders{display:none}.desk-note{text-align:left}}@media (max-width:520px){.top{padding-top:20px}.top nav{gap:14px}.mulbit-demo{gap:28px;min-height:0}.flick-demo{min-height:0;padding-inline:14px}.flick-cell{padding:0 2px}.keycap{width:60px;height:60px;font-size:20px}}