:root{--page-bg:#fff;--ink:#171715;--muted:#70706b;--faint:#d9d9d3;--ghost:#ecece8;--sheet-bg:#f7f7f4;--sheet-border:#d1d1cb;--body-copy:#444440;--project-1:#dcebe2;--project-2:#dde5ee;--project-3:#ecdde7;--project-4:#eee5da;--project-5:#f7f8fa;--project-6:#e8f2ff;--ink-soft:color-mix(in srgb, var(--ink) 52%, transparent);--ink-overlay:color-mix(in srgb, var(--ink) 18%, transparent);--ink-shadow:color-mix(in srgb, var(--ink) 14%, transparent);color:var(--ink);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--page-bg);overflow:hidden}button,a{font:inherit}button{color:inherit}.timeline-root{--gutter:clamp(20px, 3vw, 48px);--header-max:620px;--ghost-size:clamp(72px, 14vw, 190px);overscroll-behavior:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;touch-action:pan-y;width:100%;height:100vh;min-height:0;position:relative;overflow:hidden}.profile-header{top:clamp(20px,4vh,42px);left:var(--gutter);right:var(--gutter);z-index:12;pointer-events:auto;justify-content:space-between;gap:24px;display:flex;position:absolute}.profile-copy{min-width:0}.profile-name{color:var(--ink);margin:0;font-weight:300;line-height:1.05}.profile-intro{max-width:var(--header-max);color:var(--muted);font-weight:300}.profile-intro span{color:var(--ink)}.profile-links{flex-direction:column;align-items:flex-end;gap:10px;margin-top:2px;display:flex}.profile-link{color:var(--ink);letter-spacing:.1em;text-transform:uppercase;opacity:.9;font-size:11px;line-height:1;text-decoration:none}.profile-link.is-disabled{opacity:.35;pointer-events:none}.ghost-year{z-index:1;color:var(--ghost);font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:var(--ghost-size);letter-spacing:-.04em;pointer-events:none;font-weight:300;line-height:1;position:absolute;bottom:24px;right:48px}.timeline-canvas{z-index:2;pointer-events:none;position:absolute;inset:0}.role-readout{z-index:4;pointer-events:none;white-space:nowrap;position:absolute}.role-line{height:16px;color:var(--ink);letter-spacing:.09em;text-transform:uppercase;align-items:center;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:12px;display:flex}.caret{background:var(--ink);width:6px;height:11px;margin-left:3px;animation:1.05s step-end infinite caret-blink;display:inline-block}.role-meta{height:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:6px;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:10px}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}.card-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.project-card{width:clamp(150px,24vw,300px);color:var(--ink);text-align:left;transform-origin:0 100%;will-change:transform, opacity;cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0;font-family:inherit;position:absolute;left:0}.project-thumb{aspect-ratio:16/10;border:1px solid var(--faint);background-color:var(--project-tone,var(--project-1));border-radius:3px;width:100%;margin-bottom:14px;display:block;position:relative}.project-tone-1{--project-tone:var(--project-1)}.project-tone-2{--project-tone:var(--project-2)}.project-tone-3{--project-tone:var(--project-3)}.project-tone-4{--project-tone:var(--project-4)}.project-tone-5{--project-tone:var(--project-5)}.project-tone-6{--project-tone:var(--project-6)}.project-number{color:var(--ink-soft);letter-spacing:.08em;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:10px;position:absolute;top:10px;left:12px}.project-title,.project-subtitle,.project-metrics{display:block}.project-title{letter-spacing:-.01em;margin-bottom:5px;font-size:14px;font-weight:500}.project-subtitle{color:var(--muted);margin-bottom:6px;font-size:12px}.project-metrics{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:10px}.sheet-overlay{z-index:40;background:var(--ink-overlay);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.sheet-overlay.is-open{opacity:1;pointer-events:auto}.project-sheet{z-index:50;border-top:1px solid var(--sheet-border);background:var(--sheet-bg);box-shadow:0 -30px 90px var(--ink-shadow);will-change:transform;border-radius:14px 14px 0 0;position:absolute;inset:52px 0 0;overflow:hidden}.sheet-close{z-index:3;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:8px 10px;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:11px;position:absolute;top:26px;right:40px}.sheet-scroll{overscroll-behavior:contain;scrollbar-width:none;height:100%;overflow:hidden auto}.sheet-scroll::-webkit-scrollbar{display:none}.sheet-content{width:min(760px,100% - 112px);margin:0 auto;padding:88px 0 0}.sheet-kicker,.sheet-metrics,.sheet-markdown h2,.sheet-markdown h3,.sheet-end{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:10px}.sheet-kicker{margin-bottom:20px}.sheet-content>h2{color:var(--ink);letter-spacing:-.035em;margin:0 0 18px;font-size:clamp(34px,5vw,56px);font-weight:500;line-height:1.02}.sheet-subtitle{max-width:520px;color:var(--muted);margin:0 0 52px;font-size:17px;line-height:1.5}.sheet-hero{aspect-ratio:16/9;border:1px solid var(--faint);background-color:var(--project-tone,var(--project-1));border-radius:4px;width:100%;margin-bottom:56px}.sheet-metrics{border-top:1px solid var(--faint);border-bottom:1px solid var(--faint);letter-spacing:.07em;margin-bottom:56px;padding:26px 0;font-size:12px}.sheet-markdown{margin-bottom:56px}.sheet-markdown h2,.sheet-markdown h3{margin:0 0 16px}.sheet-markdown p,.sheet-markdown ul,.sheet-markdown ol{max-width:580px;color:var(--body-copy);margin:0;font-size:16px;line-height:1.65}.sheet-markdown ul,.sheet-markdown ol{padding-left:22px}.sheet-markdown li+li{margin-top:8px}.sheet-end{border-top:1px solid var(--faint);text-align:center;letter-spacing:.14em;padding:40px 0 64px}.sheet-end span{opacity:.7;margin-top:10px;font-size:13px;display:block}.page-frame{background:var(--page-bg);width:100%;height:1000px;overflow:hidden}@media (width<=1024px){.page-frame{height:100%}.timeline-root{--gutter:clamp(18px, 3vw, 28px);--header-max:560px;height:100%}.profile-links{gap:8px}}@media (width<=809px){.page-frame{height:100%；}.timeline-root{--gutter:16px;--header-max:100%}.profile-header{display:block;top:14px}.profile-name{font-size:clamp(17px,6vw,22px)}.profile-intro{max-width:100%;margin-top:10px;font-size:clamp(13px,3.5vw,15px);line-height:1.42}.profile-links{flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;margin-top:10px}.sheet-close{right:20px}}@media (height<=780px){.profile-header{top:12px}.profile-intro{margin-top:8px;font-size:clamp(12px,2.1vh,14px)}.timeline-root{--ghost-size:clamp(38px, 8vh, 84px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}