.site{--bg:#f2f2f4;--dot:#0f101212;--ink:#0f1012;--ink-soft:#5e5e5e;--line:#00000014;--card:#fdfdfd;--frieda:#47a1f5;--you:#8f8f8f;--hand:"Caveat", cursive;--main:"Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;--title:var(--main);background:var(--bg);min-height:100vh;color:var(--ink);background-image:radial-gradient(circle, var(--dot) 1.15px, transparent 1.15px);isolation:isolate;font-family:var(--main);letter-spacing:0;-webkit-font-smoothing:antialiased;background-size:26px 26px;font-weight:400;position:relative}.site a{color:inherit;text-decoration:none}html:has(.site){overscroll-behavior-x:none}html:has(.site) body{overscroll-behavior-x:none}.site:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(760px 520px at 92% 6%,#47a1f51c,#0000 70%),radial-gradient(820px 560px at 96% 96%,#47a1f51f,#0000 70%),radial-gradient(520px 420px at 4% 96%,#47a1f512,#0000 70%);position:fixed;inset:0}.site-nav{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#f2f2f4eb,#f2f2f499);justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:14px 26px;display:flex;position:sticky;top:0}.site-nav-space{height:66px}.site-nav .brand{color:var(--ink-soft);align-items:center;gap:10px;font-size:13px;display:flex}.site-nav .brand img{width:auto;height:22px;display:block}.site-nav .brand .on{align-items:center;gap:6px;display:inline-flex}.site-nav .brand .on:before{content:"";background:#34c759;border-radius:99px;width:7px;height:7px;box-shadow:0 0 0 3px #34c7592e}.site-tabs{-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);background:#fdfdfde0;border-radius:99px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:inset 0 1px #ffffffe6,0 0 0 .5px #00000014,0 8px 24px -14px #00000059}.site-tabs a{color:var(--ink-soft);white-space:nowrap;border-radius:99px;padding:7px 16px;font-size:14px;transition:color .15s,background .15s}.site-tabs a:hover{color:var(--ink)}.site-tabs a.active{background:var(--ink);color:#fff}.site-tabs .lbl-phone{display:none}.home-hero{text-align:center;padding:14px 0 6px}.home-hero h1.hand{font-family:var(--hand);letter-spacing:0;color:var(--ink);text-wrap:balance;font-size:54px;font-weight:500;line-height:1.05}.home-hero h1 em{color:var(--frieda);font-style:normal;display:inline-block;position:relative}.home-hero h1 em:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8 C 30 3, 70 2, 118 5' stroke='%2347a1f5' stroke-width='4' stroke-linecap='round' fill='none' opacity='.55'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:.22em;position:absolute;bottom:-.08em;left:-2%;right:-4%}.home-hero .tagline{letter-spacing:-.015em;color:var(--ink);text-wrap:pretty;max-width:560px;margin:18px auto 0;font-size:21px;line-height:1.4}.home-hero .tagline b{font-weight:600}.home-hero .intro{color:var(--ink-soft);max-width:560px;margin:12px auto 0;font-size:17px;line-height:1.55}.home-hero .intro b{color:var(--ink);font-weight:500}.home-art{pointer-events:none;-webkit-user-select:none;user-select:none;width:min(360px,100%);height:230px;margin:0 auto 26px;position:relative}.home-art .wire{width:100%;height:100%;position:absolute;inset:0}.home-art .shelf{filter:drop-shadow(0 22px 28px #0f101238)drop-shadow(0 4px 8px #0f101214);width:auto;max-width:58%;height:auto;max-height:190px;animation:4.5s ease-in-out infinite home-float;display:block;position:absolute;bottom:20px;left:0}.home-art .idcard{transform-origin:50%;text-align:center;background:linear-gradient(#fffffff7,#f7f8fceb);border-radius:20px;width:192px;height:142px;animation:4.5s ease-in-out infinite home-float;position:absolute;top:40px;left:0;overflow:hidden;transform:rotate(-4deg);box-shadow:0 0 0 1px #191c2414,0 24px 40px -18px #0f101259}.home-art .idcard .band{background:linear-gradient(#e6f4ff,#f3faff);border-bottom:1px solid #0f10120f;height:52px;position:absolute;top:0;left:0;right:0}.home-art .idcard .avatar{background:radial-gradient(circle at 32% 28%,#a6dcff 0%,#47a1f5 45%,#2b8be0 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-left:-28px;display:flex;position:absolute;top:18px;left:50%;overflow:hidden;box-shadow:0 0 0 4px #fff,0 12px 24px -10px #2b8be099}.home-art .idcard .avatar img{object-fit:cover;width:100%;height:100%}.home-art .idcard .avatar span{font-family:var(--hand);color:#fff;margin-top:-3px;font-size:36px;font-weight:600;line-height:1}.home-art .idcard .name{letter-spacing:-.01em;color:var(--ink);font-size:14.5px;font-weight:600;position:absolute;top:80px;left:0;right:0}.home-art .idcard .role{letter-spacing:.02em;color:#6b7080;font-size:10px;font-weight:500;position:absolute;top:100px;left:0;right:0}.home-art .idcard .meta{color:#7b808c;white-space:nowrap;justify-content:center;gap:4px;font-size:9.5px;font-weight:500;display:flex;position:absolute;top:118px;left:0;right:0}.home-art .idcard .meta span+span:before{content:"·";color:#b8bcc6;margin-right:4px}.home-art .idcard .meta .live:after{content:"";vertical-align:middle;background:#34c759;border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.home-art .idcard .pin{background:var(--frieda);border-radius:50%;width:8px;height:8px;position:absolute;top:16px;left:16px;box-shadow:0 0 0 4px #47a1f52e}.home-art .idcard .tick{width:22px;height:13px;position:absolute;top:22px;right:22px}.home-art .skills{width:50%;margin:0;padding:0;list-style:none;position:absolute;top:0;right:0}.home-art .skills li{color:var(--ink);white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:5s ease-in-out infinite home-float;animation-delay:calc(var(--i) * -1.2s);background:#fdfdfdd9;border-radius:14px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:500;line-height:1.2;display:inline-flex;position:absolute;right:0;box-shadow:0 0 0 .5px #0f101214,0 14px 30px -18px #0f101259}.home-art .skills li svg{width:16px;height:16px;color:var(--frieda);flex:none}.home-art .skills li:first-child{top:4px;right:10px;transform:rotate(3deg)}.home-art .skills li:nth-child(2){top:62px;right:0;transform:rotate(-2deg)}.home-art .skills li:nth-child(3){top:120px;right:8px;transform:rotate(2deg)}.home-art .skills li:nth-child(4){top:180px;right:0;transform:rotate(-3deg)}@keyframes home-float{0%,to{translate:0}50%{translate:0 -5px}}@media (prefers-reduced-motion:reduce){.home-art .shelf,.home-art .idcard,.home-art .skills li{animation:none}}.chat{max-width:640px;margin:28px auto 0}.chat-card{box-shadow:0 0 0 .5px var(--line), 0 20px 50px -30px #0f101266;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fdfdfdb3;border-radius:24px;padding:16px}.chat-card-head{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:8px;margin:2px 2px 12px;font-size:16px;font-weight:600;display:flex}.chat-card-head .spark{color:var(--frieda);font-size:15px}.chat-thread{flex-direction:column;gap:12px;display:flex}.chat-msg{background:var(--card);box-shadow:0 0 0 .5px var(--line), 0 8px 24px -18px #0f101259;border-radius:18px;padding:13px 16px;font-size:15.5px;line-height:1.55}.chat-msg.you{background:var(--ink);color:#fff;border-bottom-right-radius:6px;align-self:flex-end;max-width:86%}.chat-msg.frieda{border-bottom-left-radius:6px;align-self:flex-start;max-width:94%}.chat-msg .who{font-family:var(--hand);color:var(--frieda);margin-bottom:6px;font-size:15px;line-height:1;display:block}.chat-msg.you .who{color:#ffffffb3}.chat-msg p+p,.chat-msg p+ul,.chat-msg ul+p{margin-top:8px}.chat-msg ul{margin:0;padding-left:18px}.chat-msg li+li{margin-top:4px}.chat-msg li::marker{color:var(--ink-soft)}.chat-msg{transition:opacity .4s}.chat-thread.generating .chat-msg:not(.live){opacity:.38}.chat-msg.frieda.live{transform-origin:0 0;box-shadow:0 0 0 .5px var(--line), 0 18px 40px -22px #0f101280;animation:.55s cubic-bezier(.2,1,.3,1) chat-focus}@keyframes chat-focus{0%{opacity:.5;transform:scale(.94)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.chat-msg.frieda.live{animation:none}.chat-msg{transition:none}}.chat-msg .thinking{color:var(--ink-soft);font-style:italic}.chat-lead{width:100%;font:inherit;text-align:left;color:var(--ink);cursor:pointer;box-shadow:0 0 0 .5px var(--line), 0 10px 26px -18px #0f101273;background:#fff;border:0;border-radius:14px;align-items:center;gap:12px;margin:2px 0 12px;padding:8px;display:flex}.chat-lead img,.chat-lead .chat-lead-ph{object-fit:cover;background:#eef1f5;border-radius:10px;flex:none;width:86px;height:64px}.chat-lead .chat-lead-ph{color:var(--frieda);place-items:center;font-size:20px;display:grid}.chat-lead-t{flex-direction:column;gap:3px;min-width:0;display:flex}.chat-lead-t b{font-size:15px;font-weight:600;line-height:1.3}.chat-lead-t span{color:var(--frieda);font-size:12.5px}.chat-cite{font:inherit;color:#1f6fbf;cursor:pointer;background:#47a1f521;border:0;border-radius:99px;margin:0 1px;padding:1px 8px 2px;font-size:.9em;text-decoration:none;display:inline;box-shadow:inset 0 0 0 .5px #47a1f566}.chat-cite:after{content:" ↗";opacity:.7;font-size:.85em}.chat-cite,.chat-msg a.chat-cite,.chat-related a.chat-cite{white-space:nowrap;color:#1f6fbf}.chat-related{border-top:.5px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:10px;display:flex}.chat-related .rl{color:var(--ink-soft);margin-right:2px;font-size:12px}.chat-related .chat-cite{background:#fff;padding:5px 11px;font-size:13px}.chat-art{z-index:70;background:var(--bg,#f2f2f4);padding:12px 16px calc(28px + env(safe-area-inset-bottom,0px));position:fixed;inset:0;overflow-y:auto}.chat-art .chat-close{z-index:1;position:sticky;top:0}.chat-art-body{flex-direction:column;gap:14px;max-width:640px;margin:10px auto 0;display:flex}.chat-art-body h2{letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.25}.chat-art-body img,.chat-art-body video{width:100%;box-shadow:0 0 0 .5px var(--line);background:#fff;border-radius:14px}.chat-art-text,.chat-art-blk p{white-space:pre-line;font-size:15.5px;line-height:1.6}.chat-art-blk{flex-direction:column;gap:6px;display:flex}.chat-art-blk .cap{color:var(--ink-soft);font-size:13px}.chat-art-note{color:var(--ink-soft);font-size:14px;font-style:italic}.chat-art-why{box-shadow:0 0 0 .5px var(--line);background:#fff;border-radius:12px;padding:12px 14px;font-size:14.5px;line-height:1.55}.chat-art-why b{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px;font-size:11px;display:block}.chat-art-link{color:var(--frieda);align-self:flex-start;font-size:14.5px}.chat-projects{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chat-projects a,.chat-projects span{color:var(--frieda);border-radius:99px;padding:6px 12px;font-size:13.5px;box-shadow:0 0 0 1px #47a1f573}.chat-chips{flex-wrap:wrap;gap:8px;display:flex}.chat-chips button{font:inherit;color:var(--ink);background:var(--card);text-align:left;cursor:pointer;box-shadow:0 0 0 .5px var(--line);border:0;border-radius:99px;align-items:center;gap:7px;padding:9px 14px 9px 12px;font-size:14px;line-height:1.3;transition:background .15s;display:inline-flex}.chat-chips button .mark{color:var(--frieda);font-size:12px}.chat-chips button:hover{background:#fff}.chat-card .chat-bar{margin-top:14px}.chat-dock{z-index:30;padding:18px 16px calc(12px + env(safe-area-inset-bottom,0px));pointer-events:none;opacity:0;background:linear-gradient(#f2f2f400,#f2f2f4f0 38%);transition:opacity .3s,translate .35s cubic-bezier(.2,1,.3,1);position:fixed;bottom:0;left:0;right:0;translate:0 24px}.chat-dock.on{opacity:1;translate:0}.chat-bar{background:var(--card);pointer-events:none;max-width:640px;box-shadow:0 0 0 .5px var(--line), 0 10px 30px -18px #0f101266;border-radius:99px;align-items:center;gap:8px;margin:0 auto;padding:6px 6px 6px 16px;display:flex}.chat-card .chat-bar,.chat-dock.on .chat-bar,.chat-foot .chat-bar{pointer-events:auto}.chat-bar.chat-open{width:100%;font:inherit;cursor:text;text-align:left;border:0}.chat-bar .ph{min-width:0;color:var(--you);flex:1;padding:8px 0;font-size:16px}.chat-bar .go,.chat-bar button{background:var(--frieda);color:#fff;text-align:center;cursor:pointer;border:0;border-radius:99px;flex:none;width:38px;height:38px;font-size:18px;line-height:38px}.chat-bar .go{opacity:.9}.chat-bar input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:16px}.chat-bar input::placeholder{color:var(--you)}.chat-bar button:disabled{opacity:.35;cursor:default}.home{padding-bottom:72px}.chat-sheet{z-index:1500;background:var(--bg);background-image:radial-gradient(circle, var(--dot) 1.15px, transparent 1.15px);background-size:26px 26px;flex-direction:column;animation:.3s cubic-bezier(.2,1,.3,1) csin;display:flex;position:fixed;inset:0}.chat-close{z-index:2;font-family:var(--main);color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);background:#fdfdfdd1;border:0;border-radius:99px;align-items:center;gap:8px;padding:9px 16px 9px 13px;font-size:14px;font-weight:500;display:inline-flex;position:absolute;top:14px;left:18px;box-shadow:0 0 0 .5px #0f10121a,0 8px 24px -12px #0f10124d}.chat-close span{font-size:16px;line-height:1}.chat-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:72px 16px 16px;overflow-y:auto}.chat-scroll>*{max-width:640px;margin-left:auto;margin-right:auto}.chat-hello{color:var(--ink-soft);margin:8px 0 14px;font-size:16px;line-height:1.5}.chat-scroll .chat-chips{margin-top:16px}.chat-end{height:1px}.chat-foot{padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(#f2f2f400,#f2f2f4f5 40%);flex:none}@media (prefers-reduced-motion:reduce){.chat-sheet{animation:none}}.home-work{margin-top:56px}.home-sec{align-items:center;gap:12px;margin:0 0 18px;display:flex}.home-sec .dot{background:var(--frieda);border-radius:50%;flex:none;width:8px;height:8px}.home-sec h2{letter-spacing:-.02em;color:var(--ink);white-space:nowrap;font-size:22px;font-weight:600}.home-sec .rule{background:var(--line);flex:1;height:1px}.site-main{max-width:1080px;margin:0 auto;padding:40px 26px 96px}.site-head{margin-bottom:36px}.site-head h1{letter-spacing:-.03em;font-size:40px;font-weight:400;line-height:1.05}.site-head h1 em{font-family:var(--hand);color:var(--frieda);font-size:1.15em;font-style:normal;font-weight:500}.site-head p{color:var(--ink-soft);max-width:620px;margin-top:10px;font-size:16px;line-height:1.5}.site-head.centered{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-bottom:40px;display:flex}.site-head.centered h1{max-width:640px;font-size:46px;line-height:1.08}.site-head h1.hand{font-family:var(--hand);letter-spacing:0;color:var(--ink);font-size:64px;font-weight:500}.site-head .aside{font-family:var(--hand);color:var(--frieda);max-width:none;margin:-4px 0 0;font-size:18px;line-height:1.2}.fcard,.gcard{color:inherit;background:linear-gradient(#fff,#fbfbfd);border-radius:26px;padding:8px;transition:transform .45s cubic-bezier(.2,1,.3,1),box-shadow .45s;display:flex;position:relative;box-shadow:inset 0 1px #fff,0 0 0 .5px #0f101214,0 1px 2px #0f10120a,0 18px 40px -18px #0f101229}a.fcard:hover,a.gcard:hover,button.fcard:hover,button.gcard:hover{transform:translateY(-5px);box-shadow:inset 0 1px #fff,0 0 0 1px #47a1f580,0 2px 4px #47a1f514,0 26px 50px -18px #47a1f547}.pic img,.pic video{transform:scale(var(--zoom,1));transition:transform .8s cubic-bezier(.2,1,.3,1)}.fcard:hover .pic img,.gcard:hover .pic img,.fcard:hover .pic video,.gcard:hover .pic video{transform:scale(calc(var(--zoom,1) * 1.03))}.foot .go{transition:color .2s,translate .3s cubic-bezier(.2,1,.3,1)}.fcard:hover .foot .go,.gcard:hover .foot .go{color:#2b8be0;translate:3px}button.fcard,button.gcard{text-align:left;font:inherit;cursor:pointer;border:none;width:100%}button.fcard .txt,button.gcard .txt{text-align:left}.fcard.still,.gcard.still{cursor:default}.fcard.still:hover,.gcard.still:hover{transform:none;box-shadow:inset 0 1px #ffffffe6,0 0 0 .5px #00000012,0 10px 30px #0f10120d}.fcard{flex-direction:row;gap:28px}.fcard .pic{border-radius:20px;flex:0 0 42%;align-self:flex-start}.fcard .pic.blank{aspect-ratio:4/3.4}.fcard .txt{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:20px 26px 18px 0;display:flex}.fcard h2{font-family:var(--title);letter-spacing:-.01em;font-size:24px;font-weight:500;line-height:1.25}.fcard p{color:var(--ink-soft);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:10px;font-size:16px;line-height:1.5;display:-webkit-box;overflow:hidden}.gcards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:18px;display:grid}.gcard{flex-direction:column}.gcard .pic{border-radius:20px}.gcard .pic.blank{aspect-ratio:4/3.15}.gcard .txt{flex-direction:column;flex:1;padding:16px 12px 10px;display:flex}.gcard h2{font-family:var(--title);letter-spacing:-.01em;font-size:24px;font-weight:500;line-height:1.25}.gcard p{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:8px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.pic{background:#eef1f5;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #0f101214,inset 0 1px #fff9}.pic img{width:100%;height:auto;display:block}.pic.blank{font-family:var(--hand);color:#fff;background:linear-gradient(135deg,#a6dcff,#47a1f5 60%,#2b8be0);justify-content:center;align-items:center;font-size:64px;display:flex}.pill{color:var(--ink);background:#f2f2f4;border-radius:99px;align-self:flex-start;padding:4px 11px;font-size:12.5px;display:inline-block}.pill.on-pic{white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fdfdfdd9;max-width:calc(100% - 24px);position:absolute;top:12px;right:12px;overflow:hidden;box-shadow:0 0 0 .5px #0000000f}.foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.fcard .foot{margin-top:0;padding-top:22px}.foot .tags{flex-wrap:wrap;align-content:flex-start;gap:6px;min-width:0;max-height:23px;display:flex;overflow:hidden}.foot .tags span{color:var(--ink-soft);white-space:nowrap;background:#0f10120d;border-radius:99px;padding:3px 9px;font-size:11.5px;line-height:17px}.foot .go{font-family:var(--hand);color:var(--frieda);white-space:nowrap;flex:none;font-size:19px}.proj-list{flex-direction:column;gap:14px;display:flex}.proj{background:#fdfdfdd1;border-radius:22px;grid-template-columns:36px 220px 1fr;align-items:center;gap:22px;padding:18px 22px 18px 18px;transition:transform .35s cubic-bezier(.2,1,.3,1),box-shadow .35s;display:grid;box-shadow:inset 0 1px #ffffffe6,0 0 0 .5px #0000000f}a.proj:hover{transform:translateY(-3px);box-shadow:inset 0 1px #ffffffe6,0 0 0 .5px #47a1f573,0 12px 28px #47a1f514}.proj .idx{font-family:var(--hand);color:var(--frieda);font-size:26px}.proj .cover{aspect-ratio:16/10;background:#e9eef3 50%/cover;border-radius:14px;overflow:hidden;box-shadow:0 0 0 .5px #00000014}.proj .cover.blank{font-family:var(--hand);color:#fff;background:linear-gradient(135deg,#a6dcff,#47a1f5 60%,#2b8be0);justify-content:center;align-items:center;font-size:34px;display:flex}.proj h2{letter-spacing:-.02em;font-size:22px;font-weight:400;line-height:1.2}.proj p{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:6px;font-size:14.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.proj .meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.proj .tag{color:var(--ink-soft);background:#0f10120d;border-radius:99px;padding:3px 9px;font-size:11.5px}.proj .go{color:var(--frieda);white-space:nowrap;margin-left:auto;font-size:13px}.empty{text-align:center;color:var(--ink-soft);background:#fdfdfd99;border-radius:22px;padding:48px;font-size:15px;box-shadow:0 0 0 .5px #0000000f}.work .site-head.centered{margin-bottom:56px}.work .site-head .aside.hand{font-family:var(--hand);color:var(--frieda);margin-top:2px;font-size:20px}.wpanel{color:var(--ink);background:0 0;border-radius:0;display:block;position:relative}.wpanel+.wpanel{margin-top:104px}.wmedia{opacity:0;isolation:isolate;border-radius:22px;transition:opacity 1s,translate 1.2s cubic-bezier(.2,1,.3,1),transform .7s cubic-bezier(.2,1,.3,1),box-shadow .7s;position:relative;overflow:hidden;translate:0 32px}.wbg{transform-origin:50%;width:100%;height:auto;transition:transform 1.2s cubic-bezier(.2,1,.3,1),filter .8s;display:block}.wbg.blank{aspect-ratio:16/9;background:linear-gradient(135deg,#e8f3ff,#cfe6ff);place-items:center;display:grid}.wbg.blank span{font-family:var(--hand);color:var(--frieda);opacity:.7;font-size:96px}.wtxt{opacity:0;grid-template-columns:5fr 7fr;align-items:start;gap:24px 64px;padding-top:28px;transition:opacity 1s .12s,translate 1.2s cubic-bezier(.2,1,.3,1) .12s;display:grid;translate:0 18px}.wpanel.in .wmedia,.wpanel.in .wtxt{opacity:1;translate:0}.whead{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.wkicker{font-family:var(--main);letter-spacing:.22em;text-transform:uppercase;color:var(--frieda);font-size:11px;font-weight:600}.wtxt h2{font-family:var(--title);letter-spacing:-.02em;text-wrap:balance;font-size:30px;font-weight:600;line-height:1.15}.wbody{flex-direction:column;gap:16px;padding-top:4px;display:flex}.wtxt p{color:var(--ink-soft);max-width:60ch;font-size:16.5px;line-height:1.55}.wtags{color:var(--ink-soft);flex-wrap:wrap;gap:6px;min-width:0;font-size:12.5px;display:flex}.wtags span{white-space:nowrap;border:1px solid #0f10122e;border-radius:99px;padding:4px 11px;line-height:1.3;transition:border-color .3s,color .3s}.wgo{font-family:var(--hand);color:var(--frieda);white-space:nowrap;padding-bottom:2px;font-size:21px;transition:translate .4s cubic-bezier(.2,1,.3,1);position:relative}.wgo:after{content:"";transform-origin:0;background:currentColor;height:1.5px;transition:transform .45s cubic-bezier(.2,1,.3,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}a.wpanel:hover .wmedia{transform:translateY(-6px);box-shadow:0 30px 60px -30px #0f101247,0 0 0 1px #47a1f540}a.wpanel:hover .wbg{transform:scale(1.06)}a.wpanel:hover .wtags span{color:var(--ink);border-color:#47a1f599}a.wpanel:hover .wgo{translate:4px}a.wpanel:hover .wgo:after{transform:scaleX(1)}.wpanel.still{cursor:default}@media (prefers-reduced-motion:reduce){.wmedia,.wtxt,.wbg,.wgo,.wgo:after{transition:none}.wmedia,.wtxt{opacity:1;translate:0}}@media (max-width:860px){.wtxt{grid-template-columns:1fr;gap:14px;padding-top:20px}.wbody{padding-top:0}.wtxt h2{font-size:26px}.wpanel+.wpanel{margin-top:72px}}@media (max-width:720px){.chapter{margin-top:64px}.wmedia{border-radius:16px}.wtxt h2{font-size:24px}.wtxt p{font-size:15.5px}.wpanel+.wpanel{margin-top:56px}.wfoot{flex-direction:column;align-items:flex-start;gap:10px}}.csview{z-index:2000;background:var(--bg);animation:.35s cubic-bezier(.2,1,.3,1) csin;position:fixed;inset:0}.csview iframe{background:#fff;border:0;width:100%;height:100%;display:block}.csback{z-index:2001;font-family:var(--main);color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);background:#fdfdfdd1;border:0;border-radius:99px;align-items:center;gap:8px;padding:9px 16px 9px 13px;font-size:14px;font-weight:500;transition:translate .3s cubic-bezier(.2,1,.3,1),background .2s;display:inline-flex;position:fixed;top:14px;left:18px;box-shadow:0 0 0 .5px #0f10121a,0 8px 24px -12px #0f10124d}.csback:hover{background:#fff;translate:-2px}.csback span{font-size:16px;line-height:1}@keyframes csin{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.csview{animation:none}}.pic video{width:100%;height:auto;display:block}.pic.blank.idea{aspect-ratio:4/3.15;background:repeating-linear-gradient(135deg,#47a1f514 0 10px,#0000 10px 20px)}.pic.blank.idea .q{color:var(--frieda)}.pic .badge{letter-spacing:.12em;text-transform:uppercase;color:var(--frieda);background:#fdfdfdd9;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:600;position:absolute;top:12px;left:12px;box-shadow:0 0 0 .5px #0000000f}.chapter{margin-top:96px}.chapter:first-of-type{margin-top:0}.chead{align-items:baseline;gap:14px;margin:0 4px 22px;display:flex}.chead .num{letter-spacing:.12em;color:var(--frieda);flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.chead .chap{font-family:var(--title);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:26px;font-weight:500;line-height:1.15}.chead .rule{background:linear-gradient(90deg,#0f101224,#0f101200);flex:1;align-self:center;height:1px;margin-left:6px}.chapter:first-of-type .fcard{box-shadow:inset 0 1px #fff,0 0 0 .5px #0f101214,0 1px 2px #0f10120a,0 30px 60px -24px #47a1f559}.chapter .gcards{margin-top:20px}.gcards.cols-2 .gcard .pic,.gcards.cols-3 .gcard .pic{aspect-ratio:4/3}.gcards.cols-2 .gcard .pic img,.gcards.cols-3 .gcard .pic img{object-fit:cover;object-position:center;width:100%;height:100%}.gcards.cols-2 .gcard .pic video,.gcards.cols-3 .gcard .pic video{object-fit:cover;width:100%;height:100%}.gcards.cols-1{grid-template-columns:1fr}.gcards.cols-2{grid-template-columns:repeat(2,1fr)}.gcards.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:1000px){.gcards.cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.gcards.cols-2,.gcards.cols-3{grid-template-columns:1fr}}.chapter .fcard+.gcards{margin-top:20px}.pop-back{z-index:100;-webkit-backdrop-filter:blur(10px)saturate(140%);backdrop-filter:blur(10px)saturate(140%);background:#f2f2f48c;justify-content:center;align-items:center;padding:24px;animation:.2s popin;display:flex;position:fixed;inset:0}@keyframes popin{0%{opacity:0}to{opacity:1}}.pop{width:min(1160px,100%);max-height:calc(100vh - 48px);color:var(--ink);background:#fff;border-radius:26px;flex-direction:column;animation:.3s cubic-bezier(.2,1,.3,1) popup;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 0 0 .5px #00000014,0 30px 80px #0f10122e}@keyframes popup{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.pop .head{border-bottom:.5px solid #0f101214;padding:14px 16px 14px 22px}.pop .head .row{align-items:center;gap:12px;display:flex}.pop .head .desc{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:880px;margin:6px 0 0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.pop .head .live{letter-spacing:.14em;text-transform:uppercase;color:var(--frieda);background:#47a1f51f;border-radius:99px;padding:3px 7px;font-size:9.5px;font-weight:700}.pop .head .t{font-family:var(--title);letter-spacing:-.005em;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:17px;font-weight:500;overflow:hidden}.pop .head a,.pop .head button{font:inherit;color:var(--ink-soft);cursor:pointer;background:#f2f2f4;border:none;border-radius:99px;padding:6px 12px;font-size:12.5px;transition:color .15s,background .15s}.pop .head a:hover,.pop .head button:hover{color:var(--ink);background:#e8e8ec}.pop .scroll{background:#f7f7f9;padding:16px;overflow:auto}.pop .art+.art{margin-top:20px}.pop .sub{color:var(--ink);margin:0 2px 8px;font-size:14px;font-weight:500}.pop .piece{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 0 0 .5px #00000014}.pop .piece:has(iframe){padding:12px 24px}.pop .piece+.piece,.pop .pieces>*+*{margin-top:12px}.pop .piece img{width:100%;height:auto;display:block}.pop .piece .cap{color:var(--ink-soft);margin:0;padding:10px 14px;font-size:13px}.pop .ptext{color:var(--ink);margin:0;padding:4px 6px;font-size:15px;line-height:1.55}.pop .plink{color:var(--frieda);padding:4px 6px;font-size:14px;display:inline-block}.pop .frame{background:#fff;border:none;border-radius:16px;width:100%;height:min(72vh,820px);display:block;box-shadow:0 0 0 .5px #00000014}.pop video{background:#000;width:100%;max-height:72vh;display:block}.pop .scroll>video{border-radius:16px}.pop .plain{text-align:center;color:var(--ink-soft);flex-direction:column;align-items:center;gap:16px;padding:24px 0;font-size:14px;display:flex}.pop .plain img{border-radius:16px;max-width:100%;max-height:60vh;box-shadow:0 0 0 .5px #00000014}.pop .plain a{color:#fff;background:var(--frieda);border-radius:99px;padding:10px 18px;font-size:14px}.pop .loading{text-align:center;color:var(--ink-soft);padding:40px;font-size:13px}.pop .scroll .text-white,.pop .scroll .text-zinc-100,.pop .scroll .text-zinc-200,.pop .scroll .text-zinc-300{color:var(--ink)}.pop .scroll .text-zinc-400,.pop .scroll .text-zinc-500{color:var(--ink-soft)}.pop .scroll .text-zinc-600,.pop .scroll .text-zinc-700{color:#8a8f9a}.pop .scroll .hover\:text-white:hover,.pop .scroll .hover\:text-zinc-400:hover,.pop .scroll .hover\:text-zinc-300:hover{color:var(--frieda)}.pop .scroll .bg-zinc-700{background:var(--ink);color:#fff}.pop .scroll .bg-zinc-800,.pop .scroll .bg-zinc-900,.pop .scroll .hover\:bg-zinc-800:hover{background:#ececf0}.pop .scroll .border-zinc-800,.pop .scroll .border-zinc-700{border-color:#0f10121a}.pop .scroll .decoration-zinc-700{text-decoration-color:#0f101240}.pop .scroll div[style*=tabular-nums]{box-shadow:0 0 0 .5px #00000014;color:var(--ink-soft)!important;background:#ffffffd9!important}@media (max-width:720px){.site-nav{min-height:58px;padding:12px 16px}.site-nav-space{height:58px}.site-nav .brand .on{display:none}.site-tabs{gap:2px;padding:3px}.site-tabs a{padding:6px 10px;font-size:13px}.site-tabs .lbl-desk{display:none}.site-tabs .lbl-phone{display:inline}.site-tabs .tab-work{display:none}.site-main{padding:28px 16px 80px}.home-hero{text-align:left;padding-top:10px}.home-art{width:100%;height:224px;margin:0 0 22px}.home-hero h1.hand{font-size:50px;line-height:1.1}.home-hero .tagline{margin:16px 0 0;font-size:20px;line-height:1.4}.home-hero .intro{margin:12px 0 0;font-size:16px;line-height:1.6}.chat{margin-top:26px}.home-work{margin-top:44px}.home .wpanel.editorial{background:var(--card);box-shadow:0 0 0 .5px var(--line), 0 18px 40px -26px #0f101273;border-radius:24px;flex-direction:column;gap:14px;padding:12px 12px 18px;display:flex;position:relative}.home .wpanel+.wpanel{margin-top:16px}.home .wpanel .wmedia{border-radius:16px;position:relative}.home .wpanel .wtxt{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:2px 6px 0;display:flex}.home .whead,.home .wbody{display:contents}.home .wtags{order:1;gap:6px;font-size:12px}.home .wtags span{white-space:nowrap;color:#2b7fd1;background:#47a1f51a;border:0;padding:5px 11px}.home .wtxt h2{order:2;margin-top:2px;font-size:22px;line-height:1.2}.home .wtxt p{order:3;font-size:15px;line-height:1.5}.home .wgo{border-radius:50%;order:4;place-items:center;width:40px;height:40px;margin-top:4px;padding:0;font-size:0;display:grid;box-shadow:0 0 0 1px #0f101229}.home .wgo:after{content:"↗";height:auto;font-family:var(--main);color:var(--ink);background:0 0;font-size:16px;position:static;transform:none}.home-hero h1.hand{text-wrap:pretty;font-size:46px}.home-hero .tagline{text-wrap:pretty;margin-left:0;font-size:18px}.home-hero .intro{margin-left:0;font-size:16px}.home .chat-chips{justify-content:flex-start}.site-head h1{font-size:32px}.proj{grid-template-columns:1fr;gap:12px}.proj .idx{display:none}.site-head.centered h1{font-size:34px}.site-head h1.hand{font-size:48px}.fcard{flex-direction:column;gap:0}.fcard .pic{flex:none}.fcard .txt{padding:16px 12px 10px}.fcard h2,.gcard h2{font-size:22px}.pop-back{padding:10px}.pop .scroll{padding:12px}}.lab{--r:24px}.lab-idea{text-align:center;max-width:880px;margin:0 auto 52px}.lab-idea p{max-width:none;color:var(--ink-soft);text-wrap:pretty;margin:0 auto;font-size:17px;line-height:1.55}.lab-idea p+p{margin-top:12px}.lab-flow{grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:96px;margin:4px auto 44px;display:grid}.lab-flow .end{text-align:center;flex-direction:column;align-items:center;gap:5px;width:108px;display:flex}.lab-flow .end .ico{background:var(--card);border-radius:28px;place-items:center;width:108px;height:108px;margin-bottom:12px;display:grid;box-shadow:0 1px 2px #0f10120f,0 18px 36px -18px #0f10124d}.lab-flow .end .ico svg{width:68px;height:68px;overflow:visible}.lab-flow .end .step{width:240px;color:var(--ink);flex:none;font-size:15px;font-weight:600}.lab-flow .end .eg{width:240px;color:var(--ink-soft);text-wrap:balance;flex:none;font-size:15px;line-height:1.45}.lab-flow .mid{flex-direction:column;gap:12px;width:280px;max-width:280px;display:flex;position:relative}.lab-flow .mid>div{background:var(--card);text-align:center;border-radius:18px;padding:12px 18px 13px;box-shadow:0 1px 2px #0f10120f,0 10px 24px -16px #0f101240}.lab-flow .mid .step{color:var(--ink);font-size:13px;font-weight:600;display:block}.lab-flow .mid .eg{color:var(--ink-soft);text-wrap:balance;font-size:14px;line-height:1.4;display:block}.lab-flow .mid:before,.lab-flow .mid:after{content:"";background:var(--ink-soft);opacity:.55;width:56px;height:14px;margin-top:-7px;position:absolute;top:50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 14' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 7h53M47 1.5 54 7l-7 5.5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 14' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 7h53M47 1.5 54 7l-7 5.5'/%3E%3C/svg%3E") 50%/contain no-repeat}.lab-flow .mid:before{left:-76px}.lab-flow .mid:after{right:-76px}.lab-objs{flex-wrap:wrap;justify-content:center;gap:12px 0;width:100%;max-width:1040px;margin:-8px auto 72px;display:flex}.lab-objs a{border-radius:var(--r);max-width:136px;color:var(--ink-soft);text-align:center;flex-direction:column;flex:124px;align-items:center;gap:8px;padding:12px 6px 14px;transition:background .2s,color .2s;display:flex}.lab-objs a:nth-child(2) .obj,.lab-objs a:nth-child(3) .obj,.lab-objs a:nth-child(4) .obj,.lab-objs a:nth-child(5) .obj{scale:.84}.lab-objs .obj{object-fit:contain;filter:drop-shadow(0 0 #0f101200);width:72px;height:72px;transition:transform .55s cubic-bezier(.34,1.8,.64,1),filter .35s;display:block}.lab-objs .lbl{font-size:13px;line-height:1.25}.lab-objs a{position:relative}.lab-objs .tip{z-index:2;text-wrap:balance;background:var(--ink);color:#fff;text-align:center;pointer-events:none;opacity:0;border-radius:12px;width:200px;padding:9px 12px 10px;font-size:12.5px;line-height:1.4;transition:opacity .18s,transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%,-6px)scale(.96);box-shadow:0 10px 26px -10px #0f101273}.lab-objs .tip:after{content:"";background:inherit;border-radius:2px;width:10px;height:10px;margin-left:-5px;position:absolute;top:-5px;left:50%;transform:rotate(45deg)}.lab-objs .tip em{letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;margin-bottom:2px;font-size:10px;font-style:normal;font-weight:600;display:block}.lab-objs a:hover .tip,.lab-objs a:focus-visible .tip{opacity:1;transform:translate(-50%)scale(1)}.lab-objs a:hover{color:var(--ink)}.lab-objs a:hover .obj,.lab-objs a:focus-visible .obj{filter:drop-shadow(0 18px 14px #0f101229);transform:translateY(-12px)rotate(-8deg)scale(1.18)}.lab-objs a:nth-child(2n):hover .obj,.lab-objs a:nth-child(2n):focus-visible .obj{transform:translateY(-12px)rotate(8deg)scale(1.18)}.lab-list{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.lab-item{min-height:calc(100svh - 92px);padding:32px 0;scroll-margin-top:92px}.lab-nav{display:none}@media (min-width:1280px){.lab-nav{opacity:0;pointer-events:none;z-index:5;width:164px;transition:opacity .25s;display:block;position:fixed;top:50%;left:24px;translate:0 -50%}.lab-nav.show{opacity:1;pointer-events:auto}.lab-nav ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.lab-nav a{color:var(--ink-soft);border-radius:10px;padding:6px 10px 6px 16px;font-size:13px;line-height:1.3;transition:color .15s,background .15s;display:block;position:relative}.lab-nav a:before{content:"";background:var(--ink);opacity:0;border-radius:2px;width:3px;height:14px;margin-top:-7px;transition:opacity .15s;position:absolute;top:50%;left:4px}.lab-nav a:hover{color:var(--ink);background:var(--card)}.lab-nav a.on{color:var(--ink);font-weight:600}.lab-nav a.on:before{opacity:1}}.lab-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:56px;width:100%;display:grid}.lab-item:not(.wide) .lab-txt{max-width:440px}.lab-item:not(.wide) .lab-frame{margin:0}.lab-txt{flex-direction:column;gap:18px;display:flex}.lab-txt h2{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:30px;font-weight:500;line-height:1.2}.lab-txt dl{flex-direction:column;gap:14px;margin:0;display:flex}:is(html:has(.lab-list),body:has(.lab-list)){overflow-x:clip}@media (max-width:1100px){.lab-frame .lab-stage{overflow-clip-margin:16px;overflow-x:clip}}.lab-txt dt{letter-spacing:0;color:var(--ink-soft);font-size:13.5px;font-weight:600}.lab-try{color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.5}.lab-try b{background:var(--card);color:var(--ink);border-radius:99px;margin-right:6px;padding:2px 8px;font-size:12.5px;font-weight:600}.lab-txt dd{color:var(--ink);text-wrap:pretty;margin:3px 0 0;font-size:16.5px;line-height:1.55}.lab-item.wide{grid-template-columns:minmax(0,1fr);align-content:center;gap:32px}.lab-item.wide .lab-txt{gap:18px}.lab-item.wide .lab-frame{max-width:none;width:min(var(--w), max(100%, 100vw - 2 * var(--pad) - 56px));position:relative;left:50%;translate:-50%}.lab-item.wide .lab-txt dl{grid-template-columns:1fr 1fr;gap:32px;max-width:900px;display:grid}.lab-frame{width:var(--w);flex-direction:column;align-items:center;gap:14px;max-width:100%;margin:0 auto;display:flex}.lab-stage{width:100%;position:relative;overflow:visible}.lab-stage.white{border-radius:var(--r);background:#fff;overflow:clip}.lab-stage:before{content:"";background:#1c1b190a;border-radius:18px;transition:opacity .45s;position:absolute;inset:0}.lab-stage.ready:before{opacity:0}.lab-replay{z-index:1;background:var(--card);height:30px;color:var(--ink-soft);font:inherit;cursor:pointer;border:0;border-radius:99px;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:12.5px;font-weight:500;transition:color .15s,transform .15s,opacity .2s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffffe6,0 0 0 .5px #00000012,0 6px 18px #0f10120d}.lab-replay svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.lab-replay:hover{color:var(--ink);transform:translateY(-1px)}.lab-replay:hover svg{transform:rotate(-120deg)}.lab-replay:disabled{opacity:.45;cursor:default;transform:none}.lab-stage iframe{transform-origin:0 0;opacity:0;border:0;transition:opacity .45s;display:block;position:absolute;top:0;left:0}.lab-stage.ready iframe{opacity:1}@media (max-width:760px){.lab-item{grid-template-columns:minmax(0,1fr);gap:24px}.lab-item:not(.wide) .lab-frame{margin:0 auto}.lab-item.wide .lab-txt dl{grid-template-columns:1fr;gap:14px}.lab-list{gap:0}.lab-item{min-height:0;padding:40px 0}.lab-flow{grid-template-columns:1fr;gap:56px;max-width:320px}.lab-flow .end{width:auto}.lab-flow .end .step,.lab-flow .end .eg{width:auto;max-width:240px}.lab-flow .end .ico{border-radius:22px;width:84px;height:84px}.lab-flow .end .ico svg{width:54px;height:54px}.lab-flow .mid{width:auto;max-width:none;margin:0 8px}.lab-flow .mid:before,.lab-flow .mid:after{margin:0 0 0 -28px;top:auto;left:50%;right:auto;rotate:90deg}.lab-flow .mid:before{top:-36px}.lab-flow .mid:after{bottom:-36px}.lab-objs{gap:4px 0;margin:-4px auto 48px;overflow-x:clip}.lab-objs a{flex-basis:25%;max-width:none;padding:8px 2px 10px}.lab-objs .obj{width:56px;height:56px}}
@font-face{font-family:General Sans;font-weight:400;font-display:swap;src:url(/fonts/general-sans/general-sans-400.woff2)format("woff2")}@font-face{font-family:General Sans;font-weight:500;font-display:swap;src:url(/fonts/general-sans/general-sans-500.woff2)format("woff2")}@font-face{font-family:General Sans;font-weight:600 700;font-display:swap;src:url(/fonts/general-sans/general-sans-600.woff2)format("woff2")}html.warm .site{--bg:#fbfbf9;--ink:#1c1b19;--ink-soft:#6b6964;--you:#75726a;--line:#e4e2dd;--card:#fff;--fill:#efede9;--fill-2:#e8e6e2;--carbon:#1c1b19;--carbon-hover:#34322f;--live:#5ab4f2;--frieda:#1c1b19;--halo:0 0 14px -5px #1c1b1912, 0 1px 2px #1c1b1908, 0 10px 28px -16px #1c1b191f;--lift:0 0 18px -6px #1c1b1914, 0 2px 4px #1c1b1908, 0 26px 48px -24px #1c1b1942;--ease:cubic-bezier(.32,.72,0,1);--main:"General Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--title:var(--main);--hand:var(--main);background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='37'%3E%3Crect x='1.5' y='1.5' width='34' height='34' rx='6' fill='%231C1B19' fill-opacity='.018'/%3E%3C/svg%3E");background-size:37px 37px}html.warm,html.warm body{background:#fbfbf9}html.warm .site:before{background:radial-gradient(760px 520px at 92% 6%,#e8e6e28c,#0000 70%),radial-gradient(820px 560px at 96% 96%,#f2f1ee99,#0000 70%)}html.warm .site-main>*{animation:warm-page-rise .9s var(--ease) backwards}html.warm .site-main>:nth-child(2){animation-delay:80ms}html.warm .site-main>:nth-child(3){animation-delay:.16s}@keyframes warm-page-rise{0%{opacity:0;filter:blur(8px);transform:translateY(14px)}}html.warm .site-nav{background:linear-gradient(#fbfbf9eb,#fbfbf999)}html.warm .site-tabs{background:linear-gradient(#ffffffd1,#f9f8f6b8);gap:2px;padding:5px;box-shadow:inset 0 1px 1px #fffffff2,0 0 0 .5px #1c1b191f,0 2px 6px -2px #1c1b1914,0 14px 36px -12px #1c1b193d}html.warm .site-tabs a{transition:color .2s var(--ease), background-color .2s var(--ease);padding:9px 16px;font-size:14.5px;font-weight:500}html.warm .site-tabs a:hover{background:var(--fill)}html.warm .site-tabs a.active{background:var(--carbon);color:#fbfbf9}html.warm .site-head h1,html.warm .site-head h1.hand{font-family:var(--main);letter-spacing:-.03em;color:var(--ink);font-size:clamp(40px,5vw,56px);font-weight:500;line-height:1.08}html.warm .site-head h1 em{font-family:var(--main);color:var(--ink);background:var(--fill);border-radius:.3em;padding:0 .2em .04em;font-size:1em}html.warm .site-head .aside,html.warm .work .site-head .aside.hand{font-family:var(--main);color:var(--ink-soft);font-size:18px;font-weight:400}html.warm .site-head p{color:var(--ink-soft)}html.warm .work{gap:12px;display:grid}html.warm .wpanel{transition:background-color .2s var(--ease);border-radius:34px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:44px;padding:16px;display:grid}html.warm .wpanel+.wpanel{margin-top:0}@media (hover:hover){html.warm a.wpanel:hover{background:var(--fill)}}html.warm .wmedia{box-shadow:none;background:var(--fill);filter:blur(6px);transition:opacity .9s var(--ease), translate .9s var(--ease), filter .9s var(--ease);border-radius:18px}html.warm .wpanel.in .wmedia,html.warm .wpanel.in .wtxt{filter:none}html.warm a.wpanel:hover .wmedia{box-shadow:none;transform:none}html.warm a.wpanel:hover .wbg{transform:scale(1.04)}html.warm .wbg.blank{background:var(--fill-2)}html.warm .wbg.blank span{font-family:var(--main);color:var(--you);opacity:.5;font-weight:500}html.warm .wtxt{filter:blur(6px);transition:opacity .9s var(--ease) .1s, translate .9s var(--ease) .1s, filter .9s var(--ease) .1s;flex-direction:column;align-items:flex-start;gap:0;padding:0 24px 0 0;display:flex}html.warm .whead,html.warm .wbody{display:contents}html.warm .wtxt h2{font-family:var(--main);letter-spacing:-.028em;order:1;margin:0 0 10px;font-size:clamp(24px,2.15vw,30px);font-weight:500;line-height:1.15}html.warm .wtxt p{color:var(--ink-soft);order:2;max-width:34em;margin:0;font-size:17px;line-height:1.55}html.warm .wtags{order:3;margin-top:16px}html.warm .wtags span{background:var(--fill);color:var(--ink-soft);transition:background-color .2s var(--ease), color .2s var(--ease);border:0;font-weight:500}html.warm a.wpanel:hover .wtags span{background:var(--card);color:var(--ink)}html.warm .wgo{font-family:var(--main);color:var(--ink);order:4;margin-top:18px;font-size:14.5px;font-weight:500}html.warm .wgo:after{display:none}@media (max-width:720px){html.warm .wpanel{border-radius:26px;grid-template-columns:1fr;gap:18px;padding:10px 10px 20px}html.warm .wtxt{padding:0 6px}}html.warm .fcard,html.warm .gcard{background:var(--card);box-shadow:var(--halo);transition:transform .5s var(--ease), box-shadow .5s var(--ease);border-radius:30px}html.warm a.fcard:hover,html.warm a.gcard:hover,html.warm button.fcard:hover,html.warm button.gcard:hover{box-shadow:var(--lift);transform:translateY(-5px)}html.warm .fcard.still:hover,html.warm .gcard.still:hover{box-shadow:var(--halo);transform:none}html.warm .chapter:first-of-type .fcard{box-shadow:var(--lift)}html.warm .fcard h2,html.warm .gcard h2{letter-spacing:-.02em;font-weight:500}html.warm .pic{box-shadow:none;background:var(--fill);border-radius:22px}html.warm .pic.blank{font-family:var(--main);color:var(--you);background:var(--fill);font-weight:500}html.warm .pic.blank.idea{background:repeating-linear-gradient(135deg, #1c1b190a 0 10px, transparent 10px 20px), var(--fill)}html.warm .pic.blank.idea .q{color:var(--ink-soft)}html.warm .pic .badge{color:var(--ink);background:#ffffffe6}html.warm .pill,html.warm .foot .tags span{background:var(--fill);color:var(--ink-soft);font-weight:500}html.warm .foot .go{font-family:var(--main);color:var(--ink);font-size:14.5px;font-weight:500}html.warm .fcard:hover .foot .go,html.warm .gcard:hover .foot .go{color:var(--ink)}html.warm .chead .num{color:var(--you)}html.warm .chead .chap{letter-spacing:-.02em;font-weight:500}html.warm .chead .rule{background:linear-gradient(90deg, var(--line), transparent)}html.warm .empty{background:var(--card);box-shadow:var(--halo)}html.warm .pop-back{background:#fbfbf999}html.warm .pop{box-shadow:var(--lift), 0 0 0 .5px #1c1b190f;border-radius:30px}html.warm .pop .head{border-bottom-color:var(--line)}html.warm .pop .head .live{color:var(--ink);background:var(--fill)}html.warm .pop .head a,html.warm .pop .head button{background:var(--fill);font-weight:500}html.warm .pop .head a:hover,html.warm .pop .head button:hover{background:var(--fill-2)}html.warm .pop .scroll{background:var(--bg)}html.warm .pop .piece,html.warm .pop .frame{box-shadow:var(--halo)}html.warm .pop .plink{color:var(--ink);text-underline-offset:3px;text-decoration:underline}html.warm .pop .plain a{background:var(--carbon)}html.warm .csview{background:var(--bg)}html.warm .csback{background:linear-gradient(#ffffffd1,#f9f8f6b8);font-weight:500;box-shadow:inset 0 1px 1px #fffffff2,0 0 0 .5px #1c1b191f,0 14px 36px -12px #1c1b193d}html.warm .home-hero h1.hand{font-family:var(--main);letter-spacing:-.03em;font-size:48px;font-weight:500}html.warm .home-hero h1 em{color:var(--ink);background:var(--fill);border-radius:.3em;padding:0 .2em .04em}html.warm .home-hero h1 em:after{display:none}html.warm .home-art .idcard{background:var(--card);box-shadow:var(--lift)}html.warm .home-art .idcard .band{background:var(--fill);border-bottom:none}html.warm .home-art .idcard .avatar{background:radial-gradient(circle at 32% 28%,#5a5752 0%,#2b2a27 50%,#1c1b19 100%);box-shadow:0 0 0 4px #fff,0 12px 24px -10px #1c1b1973}html.warm .home-art .idcard .pin{background:var(--live);box-shadow:0 0 0 4px #5ab4f22e}html.warm .home-art .skills li{background:var(--card);box-shadow:var(--lift)}html.warm .home-art .skills li svg{color:var(--ink)}html.warm .home-art .wire path,html.warm .home-art .wire circle{stroke:var(--line);fill:var(--line)}html.warm .home-sec .dot{background:var(--live)}html.warm .chat-card{background:var(--card);box-shadow:var(--halo)}html.warm .chat-card-head .spark,html.warm .chat-chips button .mark{color:var(--ink-soft)}html.warm .chat-chips button{background:var(--fill);box-shadow:none;font-weight:500}html.warm .chat-chips button:hover{background:var(--fill-2)}html.warm .chat-bar{background:var(--card);box-shadow:inset 0 0 0 1px var(--line), var(--lift)}html.warm .chat-bar .go,html.warm .chat-bar button{background:var(--carbon)}html.warm .chat-msg{box-shadow:var(--halo)}html.warm .chat-msg.you{background:var(--carbon)}html.warm .chat-msg .who{font-family:var(--main);color:var(--you);font-size:12.5px;font-weight:500}html.warm .chat-projects a,html.warm .chat-projects span{color:var(--ink);box-shadow:none;background:var(--fill)}html.warm .chat-sheet{background:var(--bg)}html.warm .chat-dock{background:linear-gradient(#fbfbf900,#fbfbf9f0 38%)}html.warm .chat-foot{background:linear-gradient(#fbfbf900,#fbfbf9f5 40%)}@media (prefers-reduced-motion:reduce){html.warm .site-main>*,html.warm .wmedia,html.warm .wtxt{filter:none;animation:none}}@media (max-width:720px){html.warm .site-tabs{padding:3px}html.warm .site-tabs a{padding:6px 10px;font-size:13px}}html.warm .home .wgo{width:auto;height:auto;box-shadow:none;color:var(--ink);border-radius:0;align-items:center;gap:6px;margin-top:14px;padding:0;font-size:14.5px;font-weight:500;display:inline-flex}html.warm .home .wgo:after{display:none}html.warm .home-hero h1 em{margin-right:-.08em}html.warm .chat-cite,html.warm .chat-msg a.chat-cite,html.warm .chat-related a.chat-cite{color:var(--ink);background:var(--fill);box-shadow:none;font-weight:500}html.warm .chat-cite:after{opacity:.55}html.warm .chat-related{border-top-color:var(--line);flex-direction:column;align-items:stretch;gap:6px}html.warm .chat-related .rl{color:var(--you);margin:0 0 2px;font-size:12.5px;font-weight:500}html.warm .chat-related .chat-cite,html.warm .chat-related a.chat-cite{text-align:left;white-space:normal;background:var(--fill);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin:0;padding:11px 14px;font-size:14px;line-height:1.35;display:flex}html.warm .chat-related .chat-cite:after{content:"↗";opacity:.5;flex:none;font-size:14px}html.warm .chat-related .chat-cite:active{background:var(--fill-2)}html.warm .chat-lead-t span{color:var(--you)}html.warm .chat-lead{background:var(--fill);box-shadow:none}html.warm .chat-lead:active,html.warm .chat-lead img,html.warm .chat-lead .chat-lead-ph{background:var(--fill-2)}html.warm .chat-lead .chat-lead-ph{color:var(--ink-soft)}.wdecor{display:none}html.warm .site-head.centered{position:relative}html.warm .wdecor{pointer-events:none;display:block;position:absolute;inset:0}html.warm .wbub{pointer-events:auto;animation:warm-bub-in .7s cubic-bezier(.34,1.56,.64,1) calc(.5s + var(--i) * .1s) backwards;position:absolute;top:0;left:50%}html.warm .wb-in{background:var(--card);box-shadow:var(--halo), 0 0 0 .5px #1c1b190f;white-space:nowrap;rotate:var(--tilt,0deg);border-radius:16px;border-radius:var(--shape,18px);animation:warm-bub-float var(--dur,7s) ease-in-out calc(1.4s + var(--i) * -1.7s) infinite;transition:rotate .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s var(--ease);align-items:center;padding:6px;display:flex;position:relative}html.warm .wbub:hover .wb-in{box-shadow:var(--lift), 0 0 0 .5px #1c1b190f;rotate:none}html.warm .wb-t{opacity:0;white-space:nowrap;letter-spacing:-.01em;max-width:0;color:var(--ink);transition:max-width .45s var(--ease), opacity .25s ease, margin .45s var(--ease), padding .45s var(--ease);font-size:13.5px;font-weight:500;display:block;overflow:hidden}html.warm .wbub:hover .wb-t{opacity:1;max-width:160px;margin-left:9px;padding-right:7px;transition-delay:0s,80ms,0s,0s}html.warm .wbub:hover{z-index:2}html.warm .wbub.at-r .wb-in,html.warm .wbub.at-tr .wb-in{flex-direction:row-reverse}html.warm .wbub.at-r:hover .wb-t,html.warm .wbub.at-tr:hover .wb-t{margin:0 9px 0 0;padding:0 0 0 7px}html.warm .wbub.star .wb-in{background:var(--carbon);animation:warm-bub-float var(--dur,7s) ease-in-out calc(1.4s + var(--i) * -1.7s) infinite, warm-star-glow 3.6s ease-in-out 1.6s infinite;gap:0;padding:10px 18px 10px 14px;box-shadow:0 0 0 .5px #1c1b1933,0 10px 26px -10px #1c1b1980,0 0 #ffd66e00}html.warm .wbub.star .wb-in:after{background:var(--carbon);box-shadow:none;margin-left:-6px;left:50%;right:auto}html.warm .wbub.star .wb-ic{--tile:transparent;--tint:#ffd66e;border-radius:0;width:24px;height:24px}html.warm .wbub.star .wb-ic svg{width:22px;height:22px}html.warm .wbub.star .wb-t{opacity:1;color:#fbfbf9;max-width:none;margin-left:9px;font-size:15px;font-weight:500}html.warm .wbub.star:hover .wb-t{margin-left:9px;padding-right:0}@keyframes warm-star-glow{0%,to{box-shadow:0 0 0 .5px #1c1b1933,0 10px 26px -10px #1c1b1980,0 0 #ffd66e00}50%{box-shadow:0 0 0 .5px #1c1b1933,0 10px 26px -10px #1c1b1980,0 0 22px 2px #ffd66e59}}html.warm .wbub:first-child{--tilt:-7deg;--dur:7.4s;--dx:5px;--dy:-7px;--dr:2.5deg}html.warm .wbub:nth-child(2){--tilt:6deg;--dur:6.2s;--dx:-6px;--dy:-5px;--dr:-2deg}html.warm .wbub:nth-child(3){--tilt:4deg;--dur:8.1s;--dx:7px;--dy:6px;--dr:-3deg}html.warm .wbub:nth-child(4){--tilt:-5deg;--dur:6.8s;--dx:-5px;--dy:7px;--dr:2deg}html.warm .wbub:nth-child(5){--tilt:5deg;--dur:7.7s;--dx:6px;--dy:-6px;--dr:-2.5deg}html.warm .wbub.star{--tilt:-2deg;--shape:99px;--dx:0px;--dy:-5px;--dr:1deg}html.warm .wb-in{isolation:isolate}html.warm .wb-in:after{content:"";z-index:-1;background:var(--card);border-radius:0 0 3px;width:12px;height:12px;position:absolute;bottom:-5px;transform:rotate(45deg);box-shadow:3px 3px 5px -3px #1c1b191f}html.warm .at-tl .wb-in:after,html.warm .at-l .wb-in:after{right:12px}html.warm .at-tr .wb-in:after,html.warm .at-r .wb-in:after{left:12px}html.warm .wb-ic{background:var(--tile,var(--fill));width:42px;height:42px;color:var(--tint,var(--ink));border-radius:12px;flex:none;place-items:center;font-style:normal;display:grid}html.warm .wb-ic svg{width:23px;height:23px;display:block}html.warm .wb-ic svg[fill=none],html.warm .wb-ic svg:not([fill]){stroke-width:1.8px}html.warm .b-game{--tile:#e4f4ea;--tint:#3c8a5b}html.warm .b-dash{--tile:#e2eefa;--tint:#3b7bc0}html.warm .b-mobile{--tile:#fff1c9;--tint:#a87a12}html.warm .b-code{--tile:#e2eefa;--tint:#3b7bc0}html.warm .b-claude{--tile:#fbe8df}html.warm .b-codex{--tile:var(--fill);--tint:var(--ink)}html.warm .b-brain,html.warm .b-wearable{--tile:#ffe2e8;--tint:#d24f6b}html.warm .site-head.centered:has(.wdecor){margin-top:0;padding-top:84px}html.warm .wdecor{top:0}html.warm .wdecor.work .at-top{translate:-50% 4px}html.warm .wdecor.work .at-tl{translate:calc(-50% - 214px) 40px}html.warm .wdecor.work .at-tr{translate:calc(208px - 50%) 32px}html.warm .wdecor.work .at-l{translate:calc(-50% - 282px) 118px}html.warm .wdecor.work .at-r{translate:calc(276px - 50%) 110px}html.warm .wdecor.play .at-tl{translate:calc(-50% - 118px) 20px}html.warm .wdecor.play .at-tr{translate:calc(116px - 50%) 10px}html.warm .wdecor.play .at-l{translate:calc(-50% - 270px) 96px}html.warm .wdecor.play .at-r{translate:calc(266px - 50%) 88px}@keyframes warm-bub-in{0%{opacity:0;filter:blur(4px);transform:translateY(10px)scale(.7)}}@keyframes warm-bub-float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(var(--dx), var(--dy)) rotate(var(--dr))}66%{transform:translate(calc(var(--dx) * -.5), calc(var(--dy) * .6)) rotate(calc(var(--dr) * -.6))}}html.warm .chead{align-items:center}html.warm .chead .num{display:none}@media (max-width:1080px){html.warm .wbub.at-l,html.warm .wbub.at-r{display:none}}@media (max-width:720px){html.warm .wbub{scale:.86}html.warm .wdecor.work .at-tl,html.warm .wdecor.work .at-tr{display:none}html.warm .site-head.centered:has(.wdecor){padding-top:70px}}@media (prefers-reduced-motion:reduce){html.warm .wbub,html.warm .wb-in{animation:none}}.site-tabs .tabfish,.site-links,html.warm .site-nav .brand{display:none}html.warm .site-tabs{left:20px;translate:0 -50%}html.warm .site-tabs .tabfish{align-items:center;padding:6px 10px 6px 12px;display:flex}html.warm .site-tabs .tabfish img{width:auto;height:20px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:block}html.warm .site-tabs .tabfish:hover{background:0 0}html.warm .site-tabs .tabfish:hover img{transform:rotate(-8deg)scale(1.08)}html.warm .site-links{display:none}html.warm .site-links a{color:var(--ink);display:block;position:relative}html.warm .site-links .prop{transform-origin:50% 0;filter:drop-shadow(0 4px 5px #1c1b191f)drop-shadow(0 12px 16px #1c1b191a);transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:block}html.warm .site-links .prop svg{display:block;overflow:visible}html.warm .site-links a:first-child .prop{margin-top:2px;transform:rotate(-5deg)}html.warm .site-links a:nth-child(2) .prop{transform:rotate(4deg)}html.warm .site-links a:nth-child(3) .prop{margin-top:10px;transform:rotate(-3deg)}html.warm .site-links a:first-child:hover .prop{transform:rotate(-1deg)translateY(8px)}html.warm .site-links a:nth-child(2):hover .prop{transform:rotate(-3deg)translateY(7px)}html.warm .site-links a:nth-child(3):hover .prop{transform:rotate(2deg)translateY(8px)}html.warm .site-links a:after{content:attr(data-tip);opacity:0;pointer-events:none;background:var(--carbon);color:#fbfbf9;white-space:nowrap;font:500 12px var(--main);transition:opacity .2s ease, translate .25s var(--ease);border-radius:99px;padding:4px 9px 5px;position:absolute;top:calc(100% + 10px);left:50%;translate:-50% -4px}html.warm .site-links a:hover:after{opacity:1;translate:-50%}@media (max-width:720px){html.warm .site-tabs{left:12px}html.warm .site-tabs .tabfish{padding:5px 6px 5px 8px}html.warm .site-tabs .tabfish img{height:16px}html.warm .site-links{gap:7px;margin-top:-12px}html.warm .site-links .prop svg{width:auto;height:36px}}html.warm .site-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}html.warm .site-tabs{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#f6f5f29e;gap:1px;padding:4px;box-shadow:inset 0 0 0 .5px #1c1b1917,inset 0 1px #ffffffb3}html.warm .site-tabs a{color:var(--ink-soft);padding:8px 15px;font-size:14px}html.warm .site-tabs a:hover{color:var(--ink);background:#ffffff8c}html.warm .site-tabs a.active{color:var(--ink);background:#fff;box-shadow:0 0 0 .5px #1c1b1914,0 1px 2px #1c1b190f,0 4px 10px -4px #1c1b1924}html.warm .site-tabs .tabfish,html.warm .site-tabs .tabfish:hover{box-shadow:none;background:0 0}html.warm .site-tabs .tabfish{margin-right:3px;padding:6px 13px 6px 11px;position:relative}html.warm .site-tabs .tabfish:after{content:"";background:#1c1b191a;width:1px;position:absolute;top:9px;bottom:9px;right:0}@media (max-width:720px){html.warm .site-tabs a{padding:6px 10px;font-size:13px}html.warm .site-tabs .tabfish{padding:5px 9px 5px 8px}}html.warm .site-tabs{padding:5px}html.warm .site-tabs a{padding:10px 19px;font-size:15.5px}html.warm .site-tabs .tabfish{padding:7px 15px 7px 13px}html.warm .site-tabs .tabfish img{height:24px}@media (max-width:720px){html.warm .site-tabs{padding:4px}html.warm .site-tabs a{padding:7px 11px;font-size:13.5px}html.warm .site-tabs .tabfish img{height:18px}}.site-tabs .ti{display:none}html.warm .site-tabs a:not(.tabfish){align-items:center;gap:7px;display:inline-flex}html.warm .site-tabs .ti{opacity:.75;width:17px;height:17px;transition:opacity .2s var(--ease), transform .35s cubic-bezier(.34,1.56,.64,1);flex:none;display:block}html.warm .site-tabs a:hover .ti{opacity:1;transform:rotate(-6deg)scale(1.08)}html.warm .site-tabs a.active .ti{opacity:1}@media (max-width:720px){html.warm .site-tabs .ti{width:15px;height:15px}html.warm .site-tabs a:not(.tabfish){gap:5px}html.warm .site-tabs a.tab-work{display:none}}@media (max-width:440px){html.warm .site-tabs .ti{display:none}}html.warm .lab-flow .end .ico,html.warm .lab-flow .mid>div{box-shadow:var(--halo)}html.warm .lab-txt h2{letter-spacing:-.025em;font-weight:500}html.warm .lab-replay{box-shadow:var(--halo);color:var(--ink)}html.warm .b-dial{--tile:#e2eefa;--tint:#3b7bc0}html.warm .b-magnet{--tile:#ffe2e8;--tint:#d24f6b}html.warm .b-ticket{--tile:#fff1c9;--tint:#a87a12}html.warm .b-cards{--tile:#e4f4ea;--tint:#3c8a5b}