.desk-loader{--loader-ink:#161616;--loader-paper:#f4f4f4;--loader-accent:#8a8a8a;z-index:100;box-sizing:border-box;height:100dvh;color:var(--loader-ink);background:var(--loader-paper);isolation:isolate;place-items:center;padding:20px;font-family:Inter,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.desk-loader__main{flex-direction:column;justify-content:center;align-items:center;width:min(100%,460px);min-width:0;display:flex}.desk-loader__drawing{width:min(420px,76vw,72dvh)}.desk-loader__desk{width:100%;display:block;overflow:visible}.desk-loader__ground{fill:#161616;opacity:.035}.desk-loader__draw-line{stroke:var(--loader-ink);stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round}.desk-loader__draw-line>path,.desk-loader__draw-line>ellipse{stroke-dasharray:1400;stroke-dashoffset:1400px;animation:3.4s forwards desk-loader-draw}.desk-loader__draw-line--screen>path{animation-delay:.1s}.desk-loader__draw-line--objects>path,.desk-loader__draw-line--objects>ellipse{animation-delay:.2s}.desk-loader__surface{fill:#e7e7e7}.desk-loader__monitor{fill:#d5d5d5}.desk-loader__screen,.desk-loader__paper{fill:#fbfbfb}.desk-loader__notebook,.desk-loader__cup{fill:#bababa}.desk-loader__cup-top{fill:#d7d7d7}.desk-loader__light-line{opacity:.4;stroke-width:1px}.desk-loader__accent-line{stroke:var(--loader-accent);stroke-width:2.8px}.desk-loader__steam{stroke:var(--loader-accent);opacity:.75}.desk-loader__copy{text-align:center;width:100%}.desk-loader__status{color:#525252;letter-spacing:.12em;margin:20px 0 0;font-size:12px;font-weight:400;line-height:1.7}.desk-loader__controls{width:min(220px,100%);margin-top:23px}.desk-loader__progress-track{background:#16161618;width:100%;height:1px;overflow:hidden}.desk-loader__progress-track>span{width:var(--load-progress,0%);background:var(--loader-ink);height:100%;transition:width 30ms linear;display:block}.desk-loader__progress-label{font-variant-numeric:tabular-nums;letter-spacing:.12em;color:gray;justify-content:center;margin-top:12px;font-size:9px;display:flex}.desk-loader__error{color:#666;width:min(360px,100%);margin:13px auto 0;font-size:11px;line-height:1.8}.desk-loader__error summary{cursor:pointer;width:fit-content;margin:auto}.desk-loader__error p{overflow-wrap:anywhere;text-align:left;background:#ededed;border:1px solid #d4d4d4;max-height:90px;margin:12px 0 0;padding:10px 12px;overflow-y:auto}.desk-loader__actions{flex-direction:column;align-items:center;gap:10px;display:flex}.desk-loader__retry,.desk-loader__skip{font:inherit;cursor:pointer;font-size:12px}.desk-loader__retry{border:1px solid var(--loader-ink);background:var(--loader-ink);width:100%;min-height:44px;color:var(--loader-paper);letter-spacing:.08em;border-radius:3px;justify-content:space-between;align-items:center;padding:11px 16px;transition:background .2s;display:flex}.desk-loader__retry:hover{background:#444}.desk-loader__retry span{font-size:19px;line-height:1}.desk-loader__skip{color:#686868;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;gap:15px;min-height:40px;padding:5px 12px;transition:color .2s;display:inline-flex}.desk-loader__skip:hover{color:var(--loader-ink)}.desk-loader__skip span{font-size:17px}.desk-loader button:focus-visible,.desk-loader summary:focus-visible{outline-offset:4px;outline:2px solid #4b4b4b}.desk-loader.has-failed .desk-loader__drawing{width:min(350px,68vw,40dvh)}@keyframes desk-loader-draw{to{stroke-dashoffset:0}}@media (width<=640px){.desk-loader{padding:20px 24px}.desk-loader__drawing{width:min(360px,85vw,68dvh)}.desk-loader__status{margin-top:18px;font-size:11px}.desk-loader__controls{width:min(200px,100%);margin-top:20px}}@media (height<=430px){.desk-loader{padding-block:12px}.desk-loader__drawing{width:min(260px,59dvh)}.desk-loader__status{margin-top:8px}.desk-loader__controls{margin-top:14px}.desk-loader.has-failed .desk-loader__drawing{display:none}.desk-loader__error p{max-height:64px}}@media (prefers-reduced-motion:reduce){.desk-loader *,.desk-loader :before,.desk-loader :after{transition:none!important;animation:none!important}.desk-loader__draw-line>path,.desk-loader__draw-line>ellipse{stroke-dashoffset:0}}.loading-desk-art{stroke:#333;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:100%;display:block;overflow:visible}.loading-desk-art path{stroke-dasharray:1;stroke-dashoffset:1px;animation:loading-art-stroke 1.45s cubic-bezier(.3,0,.25,1) var(--draw-delay,0s) both, loading-art-fill .8s ease calc(var(--draw-delay,0s) + .55s) both}.loading-desk-art__detail{stroke:#9b9b9b;stroke-width:1.8px}.loading-desk-art__mesh{stroke:#999;stroke-width:1.25px}.loading-desk-art__text{fill:#555;stroke:none;font:19px Microsoft YaHei,sans-serif;animation:.65s 1.6s both loading-art-text}@keyframes loading-art-stroke{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes loading-art-fill{0%{fill-opacity:0}to{fill-opacity:1}}@keyframes loading-art-text{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.loading-desk-art path{stroke-dashoffset:0;fill-opacity:1;animation:none}.loading-desk-art__text{opacity:1;animation:none}}.personal-panel{text-align:left}.identity-panel{width:460px}.identity-avatar{background:#e2e2e2;border-radius:5px;place-items:center;width:132px;height:150px;margin:28px auto;display:grid}.identity-avatar svg{fill:#a1a1a1;width:100px}.identity-details{margin:0}.identity-details>div{border-top:1px solid #d0d0d0;grid-template-columns:60px 1fr;gap:20px;padding:16px 0;font-size:13px;display:grid}.identity-details dt{color:#777}.identity-details dd{margin:0}.simple-showcase{box-sizing:border-box;width:940px;max-width:100%}.simple-showcase>h3{border-bottom:1px solid #ccc;margin-bottom:26px;padding-bottom:18px;font-size:14px;font-weight:400}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.showcase-grid video,.showcase-video-placeholder{aspect-ratio:16/9;object-fit:contain;background:#e3e3e3;border-radius:4px;width:100%}.showcase-video-placeholder{color:#777;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.showcase-video-placeholder>span:first-child{font-size:34px}.showcase-grid h4{margin:18px 0 6px;font-size:16px;font-weight:400}.showcase-grid a{text-underline-offset:5px}@media (width<=600px){.showcase-grid{grid-template-columns:1fr}.simple-showcase{padding:44px 22px 28px}}.personal-panel h2{letter-spacing:.02em}.personal-panel .skill-row h3 small{margin:7px 0 0;display:block}.personal-panel .skill-row p{font-size:12px;line-height:1.9}.personal-panel .skill-row .skill-tools{color:#e0e0e0;margin-bottom:8px}.personal-footnote{color:#bdbdbd;font-size:11px;line-height:1.9}.personal-contact-list{margin:30px 0}.personal-contact-list>div{border-top:1px solid #ccc;padding:20px 0}.personal-contact-list dt{color:#757575;margin-bottom:10px;font-size:11px}.personal-contact-list dd{overflow-wrap:anywhere;margin:0;font-size:clamp(17px,3vw,24px)}.personal-contact-list a{color:inherit;text-decoration:none}.contact-wechat{-webkit-user-select:all;user-select:all}.contact-service-note{color:#606060;border-top:1px solid #ccc;margin:0;padding-top:20px;font-size:13px;line-height:1.9}.personal-copy-status{min-height:24px;font-size:12px}.resume-downloads{flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0 34px;display:flex}.resume-downloads a{font-size:12px}.personal-section{border-top:1px solid #cecece;padding:22px 0 0}.personal-section h3{margin:0 0 24px;font-size:16px;font-weight:500}.personal-section article{margin-bottom:27px}.personal-section time{color:#717171;font-size:11px}.personal-section h4{margin:7px 0;font-size:14px;line-height:1.7}.personal-section p,.personal-section li{color:#606060;font-size:12px;line-height:1.95}.personal-section ul{padding-left:18px}.personal-section a{text-underline-offset:4px;font-size:12px}.personal-section small{color:#717171;margin-left:12px;font-size:11px}.personal-panel a:focus-visible,.personal-panel button:focus-visible{outline-offset:5px;outline:2px solid #666}@media (width<=600px){.personal-panel{padding:46px 22px 28px}.personal-panel h2{font-size:32px}.personal-panel .skill-row{gap:12px}}.showcase-download{color:#444;font:inherit;background:#ededed;border:1px solid #aaa;border-radius:4px;align-items:center;gap:24px;margin-top:12px;padding:10px 16px;font-size:12px;text-decoration:none;display:inline-flex}.showcase-download:disabled{color:#888;cursor:default;border-color:#ccc}a.showcase-download:hover{background:#ddd;border-color:#777}a.showcase-download:focus-visible{outline-offset:3px;outline:2px solid #555}.index-view{padding:75px 0 40px}.index-intro{max-width:850px;margin:0 0 70px auto}.index-intro>.tiny-label{color:#959595}.index-intro h1{letter-spacing:-4px;margin:23px 0;font-size:clamp(38px,6vw,85px);font-weight:400;line-height:1.08}.index-intro h1 span{letter-spacing:-2px;font-size:.67em}.index-intro p{color:gray;font-size:12px;line-height:1.9}.index-tools{border-bottom:1px solid #767676;justify-content:space-between;align-items:center;gap:20px;padding-bottom:15px;display:flex}.index-tools>.tiny-label{color:#8a8a8a;font-size:8px}.filters{flex-wrap:wrap;gap:6px;display:flex}.filters button{color:#8a8a8a;background:0 0;border-radius:3px;padding:8px 13px;font-size:11px;transition:background .2s}.filters button.active{color:#f1f1f1;background:#383838}.filters button:hover:not(.active){background:#e5e5e5}.filters sup{font:7px var(--mono);margin-left:5px}.index-head,.index-row{text-align:left;grid-template-columns:12% 1fr 18% 40px;gap:20px;width:100%;display:grid}.index-head{font:8px var(--mono);letter-spacing:1px;color:#969696;padding:19px 8px}.index-row{min-height:88px;font:11px var(--mono);background:0 0;border-top:1px solid #ccc;align-items:center;padding:15px 8px;position:relative}.index-row:hover{background:#e7e7e7}.index-project{align-items:center;gap:21px;display:flex}.index-project small{font:8px var(--mono);color:#909090}.index-project strong{letter-spacing:-.4px;font-family:Arial,sans-serif;font-size:18px;font-weight:400}.index-project em{color:#8f8f8f;margin-left:auto;padding-right:20px;font-family:Arial,Microsoft YaHei,sans-serif;font-size:10px;font-style:normal}.index-arrow{color:#7e7e7e;font-size:24px}.index-preview{pointer-events:none;opacity:0;z-index:2;width:150px;transition:all .2s;position:absolute;top:-70px;right:25%;transform:rotate(-7deg)translateY(15px);box-shadow:0 12px 24px #2c2c2c30}.index-row:hover .index-preview,.index-row:focus-visible .index-preview{opacity:1;transform:rotate(-7deg)translateY(0)}.index-end{font:8px var(--mono);letter-spacing:1px;color:#8c8c8c;justify-content:space-between;align-items:center;margin-top:26px;display:flex}.index-end>span:last-child{font-size:36px}dialog.modal{color:#353535;background:0 0;border:0;max-width:min(1160px,96vw);max-height:94dvh;margin:auto;padding:24px;overflow:visible}.modal-surface{background:#f5f5f5;border-radius:8px;max-height:calc(94dvh - 48px);animation:.75s cubic-bezier(.25,.75,.25,1) both panel-rise;position:relative;overflow:auto;box-shadow:0 30px 90px #0d0d0d60}.close-modal{z-index:9;color:#484848;background:#f9f9f9bb;border-radius:50%;place-items:center;width:32px;height:32px;font:24px Arial;transition:transform .2s,background .2s;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 0 0 1px #30303020}.close-modal:hover{background:#fff;transform:rotate(90deg)}.modal-works{width:1020px}.collection{padding:44px}.collection>.tiny-label{color:#929292}.collection h2{letter-spacing:-1.8px;margin:12px 0 24px;font-size:42px;font-weight:400}.collection h2>span{letter-spacing:1px;color:#959595;margin-left:20px;font-size:13px}.collection .filters{border-bottom:1px solid #d9d9d9;margin-bottom:25px;padding-bottom:20px}.project-grid{grid-template-columns:repeat(3,1fr);gap:30px 20px;display:grid}.project-tile{text-align:left;background:0 0;padding:0}.tile-image{aspect-ratio:1.15;background:#e5e5e5;overflow:hidden}.tile-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-tile:hover .tile-image img{transform:scale(1.05)}.project-tile>span{grid-template-columns:1fr auto;align-items:center;gap:5px;padding:12px 0;display:grid}.project-tile>span strong{letter-spacing:.2px;font-size:13px}.project-tile>span small{color:#888;grid-column:1;font-size:9px}.project-tile>span>span{grid-area:1/2/3;font-size:22px}.demo-note{color:#989898;margin:28px 0 0;font-size:10px;line-height:1.7}.modal-project{width:1140px}.project-detail{grid-template-columns:1.3fr 1fr;min-height:560px;display:grid}.project-visual{background:#e7e7e7;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:24px;display:flex}.project-art{object-fit:contain;filter:drop-shadow(0 4px 9px #39393920);width:100%;max-height:65dvh}.project-thumbnails{justify-content:center;gap:8px;margin-top:20px;display:flex}.project-thumbnails button{opacity:.65;background:0 0;border:1px solid #0000;width:38px;height:43px;padding:2px}.project-thumbnails button.active{opacity:1;border-color:#585858}.project-thumbnails img{object-fit:cover;width:100%;height:100%}.project-story{background:color-mix(in srgb,var(--project-color) 42%,#eee);flex-direction:column;padding:50px 33px 24px;display:flex}.project-story>.tiny-label{font-size:8px}.project-story h2{letter-spacing:-2px;margin:36px 0 12px;font-size:clamp(28px,3vw,48px);font-weight:500;line-height:1}.project-story h3{color:#555;font-size:13px;font-weight:400;line-height:1.7}.project-meta{font:7px/1.7 var(--mono);letter-spacing:1px;border-top:1px solid #6f6f6f66;border-bottom:1px solid #6f6f6f66;grid-template-columns:1fr 1fr;margin:26px 0;padding:14px 0;display:grid}.project-meta strong{letter-spacing:0;margin-top:4px;font:11px Arial;display:block}.project-story>p{margin:0 0 22px;font-size:12px;line-height:2}.project-story ul{margin:0 0 20px;padding:0;list-style:none}.project-story li{color:#686868;font-size:9px;line-height:2.1}.demo-label{font:7px var(--mono);letter-spacing:.5px;opacity:.7;margin-bottom:30px;display:block}.project-nav{border-top:1px solid #7e7e7e77;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:20px;display:flex}.project-nav button{background:0 0;padding:6px 0;font-size:10px}.project-nav>span{font:8px var(--mono);color:#707070}.modal-about{width:510px}.about-panel{color:#ededed;background:#2b2b2b;padding:43px 36px 27px;overflow:hidden}.about-panel>.tiny-label{color:#bababa;font-size:8px}.about-panel h2{letter-spacing:-2px;margin:45px 0 28px;font-size:54px;font-weight:400;line-height:.95}.about-panel h2 span{color:#c5c5c5}.about-panel h3{letter-spacing:2px;font-size:16px;font-weight:400}.about-panel p{color:#b7b7b7;max-width:350px;margin-bottom:30px;font-size:12px;line-height:2}.about-bottom{color:#393939;background:#c5c5c5;justify-content:space-between;align-items:center;margin:0 -36px 20px;padding:26px 36px;display:flex}.about-bottom>span:first-child{letter-spacing:-1px;font-size:24px;line-height:.96}.about-bottom>span:last-child{font-size:84px;line-height:1}.about-panel>small{color:#a0a0a0;font-size:8px}.text-panel{width:650px;max-width:100%;padding:48px 42px}.text-panel>.tiny-label{color:#868686;font-size:8px}.text-panel h2{letter-spacing:-1.6px;margin:28px 0 18px;font-size:43px;font-weight:400;line-height:1.08}.text-panel h2>span{letter-spacing:1px;color:#8a8a8a;margin-top:15px;font-size:16px;display:block}.panel-lead{color:#868686;margin:0 0 30px;font-size:12px;line-height:1.9}.resume-name{background:#e7e7e7;align-items:center;gap:20px;margin-bottom:25px;padding:24px;display:flex}.profile-initial{color:#f2f2f2;background:#b2b2b2;place-items:center;width:55px;height:65px;font-size:25px;display:grid}.resume-name strong{letter-spacing:1px;font-weight:400}.resume-name p{color:#919191;font-size:10px}.resume-row{border-top:1px solid #d5d5d5;grid-template-columns:28px 100px 1fr;align-items:center;gap:10px;padding:20px 0;font-size:11px;display:grid}.resume-row>span{font:9px var(--mono);color:#959595}.resume-row strong{font-weight:400}.resume-row p{color:#979797;margin:0;font-size:10px}.skills-panel{color:#e9e9e9;background:#303030}.skills-panel>.tiny-label,.skills-panel .panel-lead{color:#acacac}.skill-row{border-top:1px solid #6a6a6a;gap:20px;padding:20px 0;display:flex}.skill-row>span{font:10px var(--mono);color:#9a9a9a}.skill-row>span:last-child{margin-left:auto;font:24px Arial}.skill-row h3{margin:0 0 10px;font-size:18px;font-weight:400}.skill-row h3 small{color:#b7b7b7;margin-left:12px;font-size:10px}.skill-row p{color:#acacac;margin:0;font-size:10px;line-height:1.7}.contact-panel{background:#e9e9e9;position:relative}.contact-sun{color:#999;margin:20px 0 12px;font-size:79px;line-height:1;display:block}.contact-panel h2{margin:20px 0;font-size:48px}.contact-address{overflow-wrap:anywhere;border-bottom:1px solid #a9a9a9;margin:25px 0 16px;padding:24px 0 16px;font-size:20px}.contact-placeholder{color:#929292;font-size:11px;line-height:1.8}.contact-signoff{margin-top:48px;display:block}.contact-actions{align-items:center;gap:20px;display:flex}.primary-button{color:#efefef;background:#3c3c3c;border-radius:3px;padding:12px 16px;font-size:11px;display:inline-block}.contact-actions button{background:0 0;padding:10px 0;font-size:11px}.notes-panel{background:#ebebeb}.notes-panel article{border-top:1px solid #a8a8a8;padding-top:23px}.notes-panel article>span{font:8px var(--mono);color:#838383}.notes-panel h3{font-size:16px;font-weight:400;line-height:1.7}.notes-panel article p{color:#828282;font-size:11px;line-height:2}.notes-drawing{color:#909090;justify-content:space-between;align-items:center;gap:10px;padding-top:24px;font:italic 17px Georgia;display:flex}.drawn-star{font-size:48px}.help-row{border-top:1px solid #d7d7d7;gap:22px;padding:20px 0;display:flex}.help-row>span{width:28px;font-size:28px}.help-row p{color:#8d8d8d;margin:0;font-size:11px;line-height:1.8}.help-row strong{color:#424242;margin-bottom:5px;font-size:13px;font-weight:400;display:block}@keyframes panel-rise{0%{opacity:0;transform:translateY(100dvh)}to{opacity:1;transform:translateY(0)}}.clock-panel{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:min(360px,65dvh);display:flex}.clock-panel-time{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.025em;color:#333;margin:0 0 22px;font-size:clamp(36px,9vw,92px);font-weight:500;line-height:1.2;display:block}.clock-panel-date{letter-spacing:.08em;color:#666;margin:0;font-size:16px}:root{color:#202020;font-synthesis:none;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;background:#1a1a1a;font-family:Arial,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid}::selection{color:#fff;background:#202020}img{max-width:100%;display:block}.tiny-label{font:9px var(--mono);letter-spacing:1.5px}.site-shell{outline:none;width:100%;height:100dvh;overflow:hidden}.office-page,.desk-stage{width:100%;height:100%;margin:0}.desk-stage{background:#1a1a1a;position:relative;overflow:hidden}.office-canvas{touch-action:none;width:100%;height:100%}.office-canvas canvas{cursor:grab;touch-action:none!important}.office-canvas canvas:active{cursor:grabbing}.desk-hint{bottom:max(28px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#444;pointer-events:none;z-index:2;white-space:nowrap;background:#fafafacc;border:1px solid #ffffff70;border-radius:3px;max-width:calc(100% - 36px);padding:9px 14px;font-size:11px;line-height:1.5;position:absolute;left:50%;transform:translate(-50%)}.scene-controls{right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:3;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute}.scene-tools{gap:8px;display:flex}.scene-tools button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafafabf;border:1px solid #ffffff90;border-radius:4px;place-items:center;width:38px;height:38px;font-size:23px;transition:background .2s,box-shadow .2s;display:grid}.scene-tools svg{width:20px;height:20px}.scene-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f9f9f9ed;border:1px solid #fff;border-radius:5px;width:238px;max-height:calc(100dvh - 100px);padding:9px;animation:.18s ease-out unfold;overflow:auto;box-shadow:0 10px 40px #00000016}.scene-menu button{text-align:left;background:0 0;border-radius:3px;align-items:center;gap:14px;width:100%;padding:13px 12px;display:flex}.scene-menu svg{flex-shrink:0;width:23px;height:23px}.scene-menu button>span:first-of-type{font-size:12px}.scene-menu small{color:#888;margin-top:5px;font-size:10px;display:block}.scene-menu button>span:last-child{color:#777;margin-left:auto;font-size:18px}.scene-menu .menu-help{border-top:1px solid #ddd;margin-top:5px;padding-top:17px;font-size:11px}.loading-host{z-index:100;opacity:1;transition:opacity .7s,visibility .7s;position:fixed;inset:0}.loading-host.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.scene-fallback{color:#737373;place-items:center;width:100%;height:100%;font-size:12px;display:grid}.desk-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 25px;display:flex;overflow:auto}.desk-error h1{font-size:27px;font-weight:400}.desk-error p{color:#666;overflow-wrap:anywhere;max-width:500px;font-size:12px;line-height:1.8}.desk-error>div{gap:20px;margin-top:22px;display:flex}.desk-error button{background:0 0;padding:13px 19px;font-size:11px}.desk-error .solid-button{color:#fff;background:#222;border-radius:3px}.site-shell.is-index{background:#f8f8f8;padding:0 max(24px,5vw);overflow:auto}.index-view{max-width:1240px;min-height:100%;margin:auto;padding-top:95px}.return-to-desk{z-index:3;background:#f8f8f8e6;border:1px solid #ddd;border-radius:3px;padding:12px 15px;font-size:11px;position:absolute;top:25px;left:max(24px,5vw)}.project-story{background:#ededed}.project-art,.tile-image img,.project-thumbnails img,.index-preview{filter:grayscale()}.modal-surface{border-radius:3px}.index-preview{border:1px solid #ddd}@keyframes unfold{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@media (width<=760px){.scene-controls{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.scene-tools button{width:40px;height:40px}.desk-hint{font-size:10px;bottom:76px}.scene-menu{width:224px}.site-shell.is-index{padding:0 20px}.return-to-desk{left:20px}.index-intro{margin-bottom:42px}.index-intro h1{letter-spacing:-2px}.index-tools{align-items:flex-start}.index-tools>.tiny-label{display:none}.index-head,.index-row{grid-template-columns:46px 1fr 62px 18px;gap:9px}.index-project{flex-wrap:wrap;gap:8px}.index-project strong{font-size:17px}.index-project small{font-size:7px}.index-project em{flex-basis:100%;margin:0;padding-left:20px;font-size:9px}.index-row{font-size:9px}.index-preview{display:none}.index-head{letter-spacing:0;font-size:7px}.index-arrow{font-size:18px}dialog.modal{max-width:98vw;max-height:96dvh;padding:12px}.modal-surface{max-height:calc(96dvh - 24px)}.collection{padding:38px 22px 24px}.collection h2{font-size:32px}.collection h2>span{margin-left:10px;font-size:11px}.project-grid{grid-template-columns:repeat(2,1fr);gap:18px 12px}.project-detail{grid-template-columns:1fr}.project-visual{padding:22px}.project-art{max-height:53dvh}.project-story{padding:28px 24px}.project-story h2{margin-top:25px}.project-story>p{font-size:12px}.text-panel{width:100%;padding:43px 25px 30px}.text-panel h2{font-size:34px}.text-panel h2>span{font-size:14px}.resume-row{grid-template-columns:22px 85px 1fr;gap:7px;font-size:10px}.resume-row p{font-size:9px}.skill-row{gap:12px}.skill-row h3{font-size:16px}.skill-row h3 small{margin:7px 0;display:block}.about-panel{padding:40px 26px 25px}.about-panel h2{font-size:50px}.about-bottom{margin-left:-26px;margin-right:-26px;padding-left:26px;padding-right:26px}.contact-panel h2{font-size:39px}.notes-drawing{font-size:13px}.drawn-star{font-size:35px}}@media (width<=420px){.collection h2>span{margin:10px 0 0;display:block}.project-tile>span strong{font-size:11px}.project-tile>span small{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.office-canvas[data-dragging=true] canvas{cursor:grabbing!important}.scene-tools button{color:#c9c9c9;background:#262626cc;border-color:#ffffff20}.scene-fallback{color:#aaa}.desk-error{color:#ddd}.desk-error p{color:#aaa}.desk-error .solid-button{color:#202020;background:#e3e3e3}.scene-tools button{color:#727272;background:#f3f3f3ed;border-color:#9c9c9c66;box-shadow:0 2px 7px #5656560a}.scene-tools button:hover{background:#ececec;box-shadow:0 3px 12px #56565612}.scene-tools button[aria-pressed=true],.scene-tools button[aria-expanded=true]{color:#656565;background:#e0e0e0;border-color:#a0a0a0}.scene-menu{color:#666;background:#f4f4f4f2;border-color:#a4a4a466;box-shadow:0 8px 24px #42424218}.scene-menu button:hover,.scene-menu button:focus-visible{background:#e7e7e7}.scene-menu small,.scene-menu button>span:last-child{color:#919191}.scene-menu .menu-help{border-top-color:#b5b5b566}.desk-hint{color:#6f6f6f;background:#f4f4f4ed;border-color:#a4a4a466}dialog.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#34343455}.modal-surface{border:1px solid #a5a5a560;box-shadow:0 15px 45px #32323228}.layout-editor{z-index:5;color:#626262;background:#f4f4f4f2;border:1px solid #a8a8a866;border-radius:8px;width:260px;max-height:calc(100dvh - 110px);padding:18px;position:absolute;top:22px;left:22px;overflow:auto;box-shadow:0 8px 28px #32323215}.layout-editor strong{font-size:15px}.layout-editor p{margin:9px 0;font-size:11px;line-height:1.7}.layout-editor label{margin-top:13px;font-size:12px;display:block}.layout-editor select{width:100%;color:inherit;background:#fafafa;border:1px solid #b7b7b7;border-radius:4px;margin-top:6px;padding:8px;display:block}.layout-editor input{accent-color:#9d9d9d;width:100%;margin-top:8px}.layout-editor small{color:#828282;font-size:10px}.layout-editor>div{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.layout-editor button{color:#636363;background:#e5e5e5;border-radius:4px;padding:8px 10px;font-size:11px}.layout-editor button:last-child{color:#fff;background:#7a7a7a}.scene-tools button:disabled{opacity:.4;cursor:default}@media (width<=600px){.layout-editor{width:205px;max-height:42dvh;padding:12px;top:10px;left:10px}}.desk-labels{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.desk-labels>svg{pointer-events:none;width:100%;height:100%;position:absolute;overflow:visible}.desk-labels line{stroke:#979797;stroke-width:1.5px;vector-effect:non-scaling-stroke}.desk-purpose-label{text-align:center;box-sizing:border-box;color:#242424;letter-spacing:.04em;pointer-events:auto;white-space:nowrap;background:#f9f9f9;border:1px solid #858585;border-radius:6px;justify-content:center;align-items:center;width:120px;height:36px;padding:0;font-size:14px;font-weight:600;display:flex;position:absolute;top:0;left:0;box-shadow:0 3px 12px #0003}.desk-purpose-label[hidden]{display:none}.desk-purpose-label:hover{background:#e6e6e6;border-color:#757575}.desk-purpose-label:focus-visible{outline-offset:3px;outline:3px solid #9a9a9a}.desk-purpose-label.is-info{cursor:default;color:#4e4e4e;pointer-events:none;background:#ececec}@media (width<=600px){.desk-purpose-label{gap:5px;width:100px;font-size:12px}}.desk-purpose-label{transition:background .22s,color .22s,border-color .22s,box-shadow .22s}.desk-purpose-label[data-highlighted=true]{color:#586d84;background:#e0e6ed;border-color:#a6b5c8;box-shadow:-4px -4px 9px #f7faff99,5px 6px 11px #72869f55}.outline-editor{border:1px solid #aaa;border-radius:6px;margin:14px 0;padding:12px}.outline-editor summary{cursor:pointer;font-size:13px;font-weight:600}.outline-editor input[type=color]{background:#fff;border:1px solid #aaa;border-radius:4px;height:32px;padding:2px}.desk-purpose-label{touch-action:none;-webkit-user-select:none;user-select:none}@media (width<=600px){.desk-purpose-label{letter-spacing:0;border-radius:5px;width:76px;height:30px;font-size:11px;box-shadow:0 2px 5px #0002}.desk-purpose-label:before{content:"";position:absolute;inset:-7px 0}.desk-labels line{stroke-width:1px;opacity:.7}.scene-controls{right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom))}.scene-tools{background:#eeec;border-radius:10px;gap:8px;padding:5px}.scene-tools button{border-radius:7px;width:44px;height:44px}.desk-hint{display:none}}@media (pointer:coarse) and (height<=500px){.scene-controls{right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom))}.scene-tools button{width:44px;height:44px}.desk-hint{display:none}}