:root{color-scheme:dark;--sky: #0b1723;--ink: #16242f;--ink-soft: #3c4c59;--paper: #f7efdd;--paper-2: #f0e4cc;--rule: #d3c2a0;--soil: #a9542f;--text: rgb(247 240 222);--dim: rgb(247 240 222 / .6);--faint: rgb(247 240 222 / .36);--saffron: #e7b25c;--rose: #cf5a49;--serif: "Songti SC", "Noto Serif SC", "STSong", "SimSun", serif;--sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease: cubic-bezier(.22, .75, .2, 1)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden;background:var(--sky);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s ease;touch-action:none;cursor:grab}#stage.is-ready{opacity:1}#stage.is-grabbing{cursor:grabbing}.masthead{position:fixed;left:clamp(22px,5vw,74px);top:clamp(26px,7vh,66px);width:min(410px,36vw);z-index:5;pointer-events:none}.masthead>*{pointer-events:auto}.masthead__eyebrow{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--faint)}.masthead__eyebrow i{width:26px;height:1px;background:var(--faint)}.masthead__name{margin:16px 0 14px;font-family:var(--serif);font-size:clamp(38px,4.4vw,58px);font-weight:600;letter-spacing:.04em;line-height:1.04;text-shadow:0 2px 28px rgb(4 10 16 / .55)}.masthead__headline{margin:0;font-size:14px;letter-spacing:.13em;color:var(--saffron)}.masthead__intro{margin:18px 0 0;max-width:27em;font-size:13.5px;line-height:1.95;color:var(--dim);text-shadow:0 1px 16px rgb(4 10 16 / .6)}.masthead__links{display:flex;gap:20px;margin-top:26px}.masthead__links a{font-size:12.5px;letter-spacing:.04em;color:var(--text);text-decoration:none;padding-bottom:2px;border-bottom:1px solid rgb(247 240 222 / .3);transition:color .3s,border-color .3s}.masthead__links a:hover{color:var(--saffron);border-color:#e7b25cb3}.dock{position:fixed;left:clamp(22px,5vw,74px);bottom:clamp(26px,6vh,54px);z-index:6;display:flex;flex-direction:column}.dock__item{position:relative;display:grid;grid-template-columns:30px auto;align-items:baseline;gap:12px;padding:8px 0;background:none;border:0;font:inherit;color:var(--dim);text-align:left;cursor:pointer;transition:color .3s}.dock__no{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--faint);transition:color .3s}.dock__label{font-size:13.5px;letter-spacing:.07em}.dock__item:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,#e7b25ca6,#e7b25c00);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.dock__item:hover,.dock__item.is-active{color:var(--text)}.dock__item:hover .dock__no,.dock__item.is-active .dock__no{color:var(--saffron)}.dock__item:hover:after,.dock__item.is-active:after{transform:scaleX(1)}.sunset{position:fixed;right:clamp(22px,4vw,58px);bottom:clamp(24px,5vh,46px);z-index:6}.sunset__btn{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;background:#f7f0de0d;border:1px solid rgb(247 240 222 / .16);border-radius:2px;color:var(--dim);font:inherit;font-size:12px;letter-spacing:.08em;cursor:pointer;transition:color .3s,border-color .3s,background .3s}.sunset__btn:hover{color:var(--text);border-color:#e7b25c8c;background:#e7b25c14}.sunset__btn.is-on{color:var(--saffron);border-color:#e7b25c99}.sunset__count{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--faint)}#markers{position:fixed;inset:0;z-index:3;pointer-events:none}.marker{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:7px;padding:4px 9px 4px 7px;background:#0b17238c;border:1px solid rgb(247 240 222 / .24);border-radius:2px;color:var(--text);font-size:11.5px;letter-spacing:.08em;white-space:nowrap;cursor:pointer;pointer-events:auto;transition:opacity .35s ease,background .25s,border-color .25s,transform .35s var(--ease);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.marker__no{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--saffron)}.marker:after{content:"";position:absolute;left:50%;top:100%;width:3px;height:3px;border-radius:50%;background:#f7f0de80;transform:translate(-50%,6px)}.marker:hover,.marker.is-hot{background:#e7b25c24;border-color:#e7b25c9e}.marker.is-hidden{opacity:0;pointer-events:none}.marker.is-minor{font-size:0;padding:5px;gap:0}.marker.is-minor .marker__no{font-size:0}.hint{position:fixed;left:50%;bottom:clamp(20px,3.2vh,34px);transform:translate(-50%);margin:0;z-index:4;font-size:11.5px;letter-spacing:.17em;color:var(--faint);pointer-events:none;transition:opacity 1.2s ease}.hint.is-gone{opacity:0}body.is-focus .masthead,body.is-focus .hint,body.is-focus .sunset{opacity:0;pointer-events:none}.masthead,.hint,.sunset{transition:opacity .45s ease}.panel{position:fixed;top:0;right:0;bottom:0;z-index:20;width:min(486px,46vw);display:flex;flex-direction:column;background:linear-gradient(180deg,#f8f1e0,#f1e6cf);color:var(--ink);box-shadow:-28px 0 70px #040a1080;transform:translate(101%);transition:transform .55s var(--ease);will-change:transform}.panel.is-open{transform:translate(0)}.panel__scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:clamp(34px,5vh,58px) clamp(24px,2.8vw,42px) 72px;scrollbar-width:thin;scrollbar-color:rgb(22 36 47 / .25) transparent}.panel__scroll::-webkit-scrollbar{width:8px}.panel__scroll::-webkit-scrollbar-thumb{background:#16242f33;border-radius:0}.panel__close{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;background:#f7efdde6;border:1px solid var(--rule);border-radius:2px;color:var(--ink-soft);font:inherit;font-size:11px;letter-spacing:.06em;cursor:pointer;transition:color .25s,border-color .25s}.panel__close:hover{color:var(--ink);border-color:#16242f8c}.panel__kicker{display:flex;align-items:center;gap:9px;margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:#9c8a68}.panel__kicker b{font-weight:500;color:var(--soil)}.panel__title{margin:15px 0 12px;font-family:var(--serif);font-size:clamp(23px,2.4vw,30px);font-weight:600;line-height:1.4;letter-spacing:.01em;color:#17252f}.panel__lede{margin:0 0 26px;padding-bottom:22px;border-bottom:1px solid var(--rule);font-size:12.5px;line-height:1.95;color:#4b5b68}.proj{padding-top:22px;margin-top:22px;border-top:1px solid rgb(211 194 160 / .55)}.proj:first-of-type{border-top:0;margin-top:0;padding-top:0}.proj__title{margin:0 0 7px;font-family:var(--serif);font-size:18.5px;font-weight:600;line-height:1.5;color:#17252f}.proj__tag{margin:0 0 15px;font-size:12px;line-height:1.85;color:#5c6b78}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:10px;margin:0;padding:13px 0;list-style:none;border-top:1px solid rgb(211 194 160 / .55);border-bottom:1px solid rgb(211 194 160 / .55)}.metrics b{display:block;font-family:var(--serif);font-size:21px;font-weight:600;line-height:1.1;letter-spacing:0;color:var(--soil)}.metrics span{display:block;margin-top:4px;font-size:10px;letter-spacing:.03em;color:#6d7b87}.tech{margin:13px 0 0;font-family:var(--mono);font-size:10px;line-height:1.9;letter-spacing:.04em;color:#8c8068}details{margin-top:13px;padding-top:11px;border-top:1px dashed rgb(211 194 160 / .8)}details summary{display:flex;align-items:center;gap:7px;font-size:11.5px;letter-spacing:.05em;color:#6b5a45;cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}details summary:before{content:"+";font-family:var(--mono);font-size:12px;color:var(--soil)}details[open] summary:before{content:"−"}details ul{margin:11px 0 0;padding-left:15px;font-size:12px;line-height:1.95;color:var(--ink-soft)}details li+li{margin-top:6px}.links{display:flex;gap:16px;margin-top:14px}.links a{font-size:11.5px;letter-spacing:.03em;color:var(--soil);text-decoration:none;padding-bottom:1px;border-bottom:1px solid rgb(169 84 47 / .4);transition:border-color .25s,color .25s}.links a:hover{color:#8c4020;border-color:#8c4020}.entry{padding-top:20px;margin-top:20px;border-top:1px solid rgb(211 194 160 / .55)}.entry:first-of-type{border-top:0;margin-top:0;padding-top:0}.entry__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}.entry__org{margin:0;font-family:var(--serif);font-size:16.5px;font-weight:600;color:#17252f}.entry__period{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:#9c8a68;white-space:nowrap}.entry__role{margin:5px 0 12px;font-size:11.5px;letter-spacing:.04em;color:#6d7b87}.entry ul{margin:0;padding-left:15px;font-size:12px;line-height:1.95;color:var(--ink-soft)}.entry li+li{margin-top:6px}.sub{display:flex;align-items:center;gap:10px;margin:30px 0 13px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.18em;color:#9c8a68}.sub:after{content:"";flex:1;height:1px;background:#d3c2a0cc}.plain-list{margin:0;padding:0;list-style:none;font-size:12px;line-height:1.95;color:var(--ink-soft)}.plain-list li{position:relative;padding-left:14px}.plain-list li+li{margin-top:7px}.plain-list li:before{content:"";position:absolute;left:0;top:.72em;width:5px;height:1px;background:var(--rule)}.contact-mail{display:inline-block;margin:4px 0 18px;font-family:var(--serif);font-size:21px;letter-spacing:.01em;color:#17252f;text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:5px;word-break:break-all}.contact-mail:hover{color:var(--soil);border-color:#a9542f99}.skills{display:grid;gap:8px;margin-top:8px}.footnote{position:fixed;left:50%;bottom:86px;z-index:25;transform:translate(-50%) translateY(10px);max-width:min(600px,78vw);margin:0;padding:11px 16px;background:#f7efddf7;color:#22303c;border-radius:2px;font-size:12px;line-height:1.75;box-shadow:0 12px 34px #00000057;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s var(--ease)}.footnote.is-shown{opacity:1;transform:translate(-50%) translateY(0)}.fallback{position:fixed;inset:0;display:grid;place-content:center;padding:40px;color:var(--text)}#veil{position:fixed;inset:0;z-index:20;background:var(--night);pointer-events:none;transition:opacity .9s ease .1s}body.is-loaded #veil{opacity:0}.masthead__actions{margin-top:22px}.tour{display:inline-flex;align-items:center;gap:9px;padding:6px 0 4px;background:none;border:0;border-bottom:1px solid rgb(247 240 222 / .26);color:var(--text);font-family:inherit;font-size:12.5px;letter-spacing:.06em;cursor:pointer;transition:color .3s,border-color .3s}.tour:hover,.tour[aria-pressed=true]{color:var(--saffron);border-color:#e7b25cb3}.tour__dot{width:5px;height:5px;border-radius:50%;background:var(--saffron);box-shadow:0 0 #e7b25c8c}.tour[aria-pressed=true] .tour__dot{animation:tourPulse 1.9s ease-out infinite}@keyframes tourPulse{0%{box-shadow:0 0 #e7b25c8c}70%{box-shadow:0 0 0 7px #e7b25c00}to{box-shadow:0 0 #e7b25c00}}.marker__go{font-style:normal;color:var(--saffron);opacity:0;transform:translate(-3px);transition:opacity .25s,transform .25s}.marker:hover .marker__go,.marker:focus-visible .marker__go,.marker.is-hot .marker__go{opacity:1;transform:translate(0)}body.is-touring .masthead,body.is-touring .dock{opacity:.28;transition:opacity .5s ease}body.is-touring .masthead:hover,body.is-touring .dock:hover{opacity:1}@media (max-width: 900px){.masthead{left:20px;right:20px;top:20px;width:auto}.masthead__name{font-size:34px;margin:12px 0 10px}.masthead__headline{font-size:12.5px;letter-spacing:.1em}.masthead__intro{font-size:12.5px;line-height:1.85;margin-top:12px}.masthead__links{margin-top:16px;gap:16px}.dock{left:0;right:0;bottom:0;flex-direction:row;justify-content:space-around;padding:12px 8px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#070f1700,#070f17d1 55%);border-top:1px solid rgb(247 240 222 / .08)}.dock__item{grid-template-columns:1fr;justify-items:center;gap:3px;padding:2px 6px}.dock__label{font-size:12px}.dock__item:after{display:none}.sunset{top:18px;right:16px;bottom:auto}.sunset__text{display:none}.sunset__btn{padding:8px 10px;gap:7px}.hint{display:none;font-size:10.5px;letter-spacing:.1em}.panel{width:100%;top:auto;height:80vh;transform:translateY(101%);box-shadow:0 -22px 60px #040a1085}.panel.is-open{transform:translateY(0)}.panel__scroll{padding:30px 22px 56px}body.is-focus .masthead,body.is-focus #markers,body.is-focus .dock,body.is-focus .sunset,body.is-focus .hint{opacity:0;pointer-events:none;transition:opacity .35s ease}.footnote{bottom:calc(84px + env(safe-area-inset-bottom))}}@media (max-width: 640px){.masthead__intro{display:none}.marker{font-size:10.5px;padding:3px 7px 3px 6px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.galaxy{position:fixed;left:74px;bottom:92px;z-index:8;font-size:11px;letter-spacing:.16em;color:var(--faint);text-decoration:none;border-bottom:1px solid transparent;transition:color .3s var(--ease),border-color .3s var(--ease)}.galaxy:hover,.galaxy:focus-visible{color:var(--saffron);border-bottom-color:var(--saffron);outline:none}body.is-focus .galaxy,body.is-touring .galaxy{opacity:0;pointer-events:none}@media (max-width: 700px){.galaxy{left:24px;bottom:calc(74px + env(safe-area-inset-bottom));font-size:10px}}