::selection{background:#9678dc4d}:root{--color-bg:#fff;--color-bg-gradient:#d4e8fc;--color-text-primary:#1d1d1d;--color-text-muted:#b0bec5;--color-accent:#06f;--color-card-dark:#000;--color-card-pink:#f5a8d0;--color-card-warm-gray:#f0ede8;--color-card-teal:#1a3c34;--font-family-sans:"Neue Haas Grotesk Display Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-hero:42px;--text-section:28px;--text-body:20px;--text-card-title:20px;--text-caption:16px;--text-small:14px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--ease-out:cubic-bezier(.25, .46, .45, .94);--ease-snap:cubic-bezier(.22, 1, .36, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.6s;--sheet-bg:#fff;--sheet-handle:#d0d0d0;--backdrop:#ffffffd9;--tag-bg:#f0ede8;--tag-bg-active:var(--color-text-primary);--tag-text:var(--color-text-muted);--tag-text-active:#fff;--link-pill-bg:#f0f0f2;--link-pill-bg-hover:#e4e4e7;--link-pill-text:var(--color-text-primary);--link-highlight-bg:#c3a8ff26;--link-highlight-bg-hover:#c3a8ff38;--dot:#00000012;--dot-size:1px;--dot-space:22px}[data-theme=dark]{--color-bg:#0a0a0a;--color-bg-gradient:#0a1628;--color-text-primary:#e8e8e8;--color-text-muted:#7b8fa3;--color-accent:#3b82f6;--sheet-bg:#141414;--sheet-handle:#333;--backdrop:#ffffffe6;--tag-bg:#1e1e1e;--tag-bg-active:#e8e8e8;--tag-text:#7b8fa3;--tag-text-active:#0a0a0a;--link-pill-bg:#1e1e1e;--link-pill-bg-hover:#2a2a2a;--link-pill-text:#e8e8e8;--link-highlight-bg:#a17aff29;--link-highlight-bg-hover:#a17aff3d;--dot:#ffffff0f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;color:var(--color-text-primary);background:#fff;min-height:100vh;line-height:1.5}h1,h2,h3{text-wrap:balance}button,a{touch-action:manipulation}img{max-width:100%;display:block}a{color:var(--color-text-primary);text-underline-offset:3px;text-decoration:none}.interactive-link{border-radius:var(--radius-sm);min-height:44px;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:NeueHaasGrotesk,Helvetica Neue,Helvetica,Arial,sans-serif;text-decoration:none;display:inline-flex}.interactive-link.is-active,.interactive-link[aria-current=page],.interactive-link[aria-pressed=true]{background:var(--link-highlight-bg);color:var(--color-text-primary)}@media (hover:hover) and (pointer:fine){.interactive-link:hover{background:var(--link-highlight-bg-hover);color:var(--color-text-primary)}}.bg-dots{z-index:-2;pointer-events:none;background-image:radial-gradient(var(--dot) var(--dot-size), transparent var(--dot-size));background-size:var(--dot-space) var(--dot-space);transition:z-index 0s, background-color var(--duration-normal) ease;background-repeat:repeat;position:fixed;inset:0}.bg-dots.overlay-active{z-index:998;background-color:#ffffffd9;background-image:radial-gradient(var(--dot) var(--dot-size), transparent var(--dot-size))}.layout{max-width:1400px;min-height:100vh;margin:0 auto;padding:30px;display:flex;position:relative}.sidebar{width:40%;max-width:none;height:100vh;padding:50px var(--space-lg) 30px 0;z-index:10;flex-direction:column;justify-content:center;display:flex;position:fixed;top:0}.sidebar h1{letter-spacing:0;color:#1a1a2e;cursor:default;max-width:435px;padding-left:42px;font-family:NeueHaasGrotesk,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:30px;font-style:normal;font-weight:400;line-height:1.3;position:relative}.sidebar .emoji-spin{cursor:default;-webkit-user-select:none;user-select:none;text-align:center;justify-content:center;align-items:center;width:34px;font-style:normal;display:inline-flex;position:absolute;left:0}.andrew-link{font:inherit;color:inherit;cursor:pointer;line-height:inherit;letter-spacing:inherit;background:0 0;border:none;margin:0;padding:0;display:inline;position:relative}.andrew-underline{pointer-events:none;width:100%;height:6px;position:absolute;bottom:-4px;left:0;overflow:visible}.andrew-hover-photo{border-radius:var(--radius-lg);pointer-events:none;z-index:9999;will-change:transform;width:175px;position:fixed;top:0;left:0;box-shadow:0 12px 40px #0000002e}.andrew-underline path{fill:none;stroke:#9678dc99;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:200px;opacity:0;filter:url(#sketchy);transition:none}.andrew-link:hover .andrew-underline path{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .45s,opacity}@media (prefers-reduced-motion:reduce){.andrew-link:hover .andrew-underline path{transition:none}}.sidebar-links{gap:var(--space-xs);margin-top:calc(var(--space-md) - 20px);flex-direction:row;margin-left:-16px;padding-left:42px;display:flex}.sidebar-links .interactive-link{font-size:var(--text-card-title)}.sidebar-link-svg{position:relative}.sidebar-link-svg:hover{background:0 0!important}.link-scribble-underline{pointer-events:none;height:10px;position:absolute;bottom:6px;left:12px;right:12px;overflow:visible}.link-scribble-underline path{fill:none;stroke:#9678dc80;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:200px;opacity:0;filter:url(#sketchy);transition:none}.link-scribble-underline path:nth-child(2){stroke-dashoffset:-200px}.sidebar-link-svg:hover .link-scribble-underline path{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .45s,opacity}.sidebar-link-svg:hover .link-scribble-underline path:nth-child(2){transition-delay:.2s}.sidebar-link-svg:hover .link-scribble-underline path:nth-child(3){transition-delay:.35s}.link-scribble-circle{pointer-events:none;width:calc(100% + 16px);height:calc(100% + 12px);position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.link-scribble-circle path{fill:none;stroke:#9678dc99;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:300;stroke-dashoffset:300px;opacity:0;filter:url(#sketchy);transition:none}.sidebar-link-svg:hover .link-scribble-circle path{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .55s,opacity}@media (prefers-reduced-motion:reduce){.sidebar-link-svg:hover .link-scribble-underline path,.sidebar-link-svg:hover .link-scribble-circle path{transition:none}}@media (hover:hover) and (pointer:fine){.sidebar-links .interactive-link:hover{color:var(--color-text-primary)}}.sidebar-links .external-arrow{width:14px;height:14px}.main-content{width:60%;min-height:100vh;margin-left:40%;padding:0}@media (width<=900px){.layout{flex-direction:column;padding:100px 10px}.sidebar{justify-content:flex-start;width:100%;height:auto;padding:0;position:relative}.sidebar h1{max-width:100%;margin-bottom:0;padding-left:34px;font-size:24px;line-height:1.25}.sidebar .emoji-spin{width:28px}.sidebar-links{gap:14px;margin-top:0;margin-bottom:100px;padding-left:34px}.sidebar-links .interactive-link{padding:10px 14px;font-size:16px}.main-content{width:100%;margin-left:0;padding:0}.project-list[data-view=large]{gap:28px;max-width:100%}.project-list[data-view=large] .project-card{border-radius:18px}.project-list[data-view=large] .list-meta{display:block!important}.project-list[data-view=large] .project-card-meta{gap:10px;padding-top:8px}.project-list[data-view=large] .project-card-icon{background:0 0;border:none;border-radius:8px;width:32px;height:32px;padding:0}.project-list[data-view=large] .project-card-title{font-size:13px;line-height:1.2}.project-list[data-view=large] .project-card-role{margin-top:3px;font-size:11px;line-height:1.2}.cursor-project-meta{display:none!important}.detail-sheet{border-radius:20px 20px 0 0;width:calc(100vw - 20px);max-width:calc(100vw - 20px);top:0}.detail-sheet>.sheet-close{top:10px;right:10px}.sheet-close{width:42px;height:42px}.sheet-close svg{width:18px;height:18px}.sheet-info{padding:28px 12px 14px}.sheet-header h2{font-size:24px;line-height:1.2}.sheet-links{gap:12px;padding-top:10px}.sheet-links a{font-size:14px}.sheet-content{padding:20px 12px}.sheet-content p{margin-bottom:14px;font-size:18px;line-height:1.35}.sheet-content img:not(.work-logo):not(.book-cover):not(.album-art),.sheet-content video{border-radius:12px;margin-bottom:14px}.sheet-password{padding:28px 12px 40px}.sheet-password-icon{width:24px;height:24px}.sheet-password-input{padding:14px 16px;font-size:16px}.detail-sheet.password-sheet{height:55vh;top:auto;bottom:0}.detail-sheet.password-sheet.open{transform:translate(-50%)}.about-sheet .sheet-content{padding-bottom:120px}.work-history{margin-top:24px}.work-item{gap:10px;padding:10px 0}.work-logo{border-radius:10px;width:44px;min-width:44px;height:44px}.work-company,.work-role,.work-dates{font-size:14px;line-height:1.2}.work-dates{margin-top:0}.currently-row{flex-direction:column;gap:22px;margin-top:24px}.currently-label{margin-bottom:10px;font-size:13px}.currently-item{gap:10px}.book-cover{width:auto;height:72px}.album-art{width:72px;height:72px}.currently-title{font-size:15px;line-height:1.2}.currently-subtitle{font-size:13px;line-height:1.2}}@media (width<=640px){.layout{padding:100px 10px}.sidebar h1{margin-bottom:0;font-size:20px}.project-list[data-view=large]{gap:18px}.project-list[data-view=large] .project-card-icon{width:30px;height:30px}.project-list[data-view=large] .project-card-title{font-size:12px}.project-list[data-view=large] .project-card-role{font-size:10px}}.filter-toggle{bottom:var(--space-md);left:var(--space-md);z-index:100;align-items:center;gap:0;display:flex;position:fixed}.filter-icon{background:var(--tag-bg);cursor:pointer;width:40px;height:40px;color:var(--color-text-muted);transition:color var(--duration-fast) ease;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.filter-icon svg{width:16px;height:16px}@media (hover:hover) and (pointer:fine){.filter-icon:hover{color:var(--color-text-primary)}}.filter-bar{align-items:center;gap:var(--space-md);opacity:0;max-width:0;transition:max-width .3s var(--ease-snap), opacity .2s ease, padding .3s var(--ease-snap);white-space:nowrap;padding:0;display:flex;overflow:hidden}.filter-toggle.open .filter-bar{opacity:1;max-width:500px;padding-left:var(--space-sm)}.filter-btn{color:var(--color-text-muted);font-size:var(--text-small);cursor:pointer;min-height:40px;transition:color var(--duration-fast) ease;background:0 0;border:none;border-radius:0;align-items:center;padding:0;font-family:inherit;font-weight:400;display:flex}.filter-btn[aria-pressed=true]{color:var(--color-text-primary);font-weight:500}@media (hover:hover) and (pointer:fine){.filter-btn:hover{color:var(--color-text-primary)}}.view-toggle{bottom:var(--space-md);right:var(--space-md);z-index:100;border-radius:var(--radius-sm);background:0 0;flex-shrink:0;gap:2px;padding:0;display:flex;position:fixed}.view-btn{background:var(--tag-bg);cursor:pointer;width:40px;height:40px;color:var(--color-text-muted);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.view-btn[aria-pressed=true]{background:var(--tag-bg-active);color:var(--tag-text-active)}@media (hover:hover) and (pointer:fine){.view-btn:hover:not([aria-pressed=true]){color:var(--color-text-primary)}}.view-btn svg{width:16px;height:16px}.theme-toggle{top:var(--space-md);right:var(--space-md);z-index:100;background:var(--tag-bg);cursor:pointer;width:44px;height:44px;color:var(--color-text-primary);opacity:.6;transition:opacity var(--duration-normal) ease;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}@media (hover:hover) and (pointer:fine){.theme-toggle:hover{opacity:1}}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:block}.project-list{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));padding-bottom:100px;display:grid}@media (width<=640px){.project-list{gap:var(--space-md);grid-template-columns:1fr}}.project-list[data-view=large]{gap:var(--space-xl);grid-template-columns:1fr;max-width:860px}.project-list[data-view=large] .project-card{aspect-ratio:16/9;width:100%;height:auto}.project-list[data-view=large] .project-card-title,.project-list[data-view=large] .project-card-role{font-size:var(--text-section)}.project-list[data-view=list]{grid-template-columns:1fr;gap:0;max-width:860px;margin:0 auto}.project-list[data-view=list] .project-card-wrapper{align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--tag-bg);display:flex}.project-list[data-view=list] .project-card-wrapper:first-child{border-top:1px solid var(--tag-bg)}.project-list[data-view=list] .project-card{border-radius:var(--radius-md);flex-shrink:0;width:120px;height:75px}.project-list[data-view=list] .project-card-meta{padding-top:0}.project-list[data-view=list] .list-meta{flex:1;min-width:0}.project-list[data-view=list] .play-icon{width:36px;height:36px}.project-list[data-view=list] .play-icon svg{width:14px;height:14px;margin-left:2px}.project-card-wrapper{cursor:pointer}.project-card{aspect-ratio:16/10;border-radius:var(--radius-xl);width:100%;box-shadow:none;border:none;outline:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.project-card>img,.project-card>video{object-fit:cover;border:none;outline:none;width:100%;height:100%;display:block}@media (hover:hover) and (pointer:fine){.project-card-wrapper:hover .project-card{transform:scale(1.03);box-shadow:0 12px 32px #0000000f,0 4px 12px #0000000a}.project-card-wrapper:hover .link-icon{transform:translate(2px,-2px)}}.project-card-wrapper:active .project-card{transition-duration:var(--duration-fast);transform:scale(1.01)}.play-icon{-webkit-backdrop-filter:blur(8px);pointer-events:none;width:64px;height:64px;transition:transform var(--duration-normal) var(--ease-out);background:#fff3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-icon svg{fill:#fff;width:24px;height:24px;margin-left:3px}@media (hover:hover) and (pointer:fine){.project-card-wrapper:hover .play-icon{transform:translate(-50%,-50%)scale(1.08)}}.project-card-meta{align-items:center;gap:var(--space-sm);padding-top:var(--space-md);flex-direction:row;display:flex}.project-card-icon{border-radius:var(--radius-lg);box-sizing:border-box;object-fit:contain;background:#ffffffe6;border:1px solid #0000000f;flex-shrink:0;width:52px;height:52px;padding:6px}.project-list[data-view=large] .project-card-icon{width:64px;height:64px}.project-card-text{flex-direction:column;display:flex}.project-card-title{font-family:NeueHaasGrotesk,Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;font-size:var(--text-card-title);letter-spacing:0;color:var(--color-text-primary);line-height:1}.project-card-role{font-family:NeueHaasGrotesk,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--text-card-title);color:var(--color-text-muted);margin-top:4px;line-height:1;display:block}.cursor-project-meta{z-index:1300;pointer-events:none;position:fixed;top:0;left:0}.cursor-project-meta-inner{-webkit-backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #00000014;border-radius:12px;gap:10px;min-width:260px;max-width:340px;padding:10px 12px;box-shadow:0 8px 22px #0000001f}.cursor-project-meta .project-card-icon{background:0 0;border:none;border-radius:10px;width:40px;height:40px;padding:0}[data-theme=dark] .project-card-icon{background:#191c22d1;border-color:#ffffff24}.cursor-project-meta .project-card-title{white-space:nowrap;font-size:16px;line-height:1.15}.cursor-project-meta .project-card-role{white-space:nowrap;margin-top:3px;font-size:14px;line-height:1.15}[data-theme=dark] .cursor-project-meta .project-card-icon{background:0 0;border:none}@media (hover:hover) and (pointer:fine){.project-list[data-view=large] .list-meta{display:none}}@media (hover:none),(pointer:coarse){.cursor-project-meta{display:none}.project-list[data-view=large] .list-meta{display:block}}.link-icon{width:12px;height:12px;color:var(--color-text-primary);transition:transform var(--duration-normal) ease;flex-shrink:0}.sheet-backdrop{z-index:999;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:none;background:0 0;position:fixed;inset:0}.sheet-backdrop.open{opacity:1;pointer-events:auto}.detail-sheet{z-index:1000;border-radius:var(--radius-xl) var(--radius-xl) 0 0;opacity:1;pointer-events:none;isolation:isolate;will-change:transform;background:#fff;flex-direction:column;width:80vw;max-width:1080px;transition:transform .5s cubic-bezier(.34,1.3,.64,1);display:flex;position:fixed;top:4vh;bottom:0;left:50%;overflow:hidden;transform:translate(-50%,100%);box-shadow:0 -4px 40px #0000000f,0 -1px 10px #00000008}.detail-sheet.open{pointer-events:auto;transform:translate(-50%)}.sheet-hero-media{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;overflow:hidden}.sheet-hero-media:empty{display:none}.sheet-hero-media img,.sheet-hero-media video,.sheet-hero-media iframe{width:100%;display:block}.sheet-hero-media iframe{aspect-ratio:16/9;border:none}.detail-sheet>.sheet-close{top:var(--space-sm);right:var(--space-sm);z-index:2;position:absolute}.sheet-body{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow:hidden auto}.sheet-body::-webkit-scrollbar{display:none}.sheet-company-header{align-items:flex-start;gap:16px;width:100%;max-width:700px;margin:50px auto 40px;padding:0;display:flex}.sheet-company-logo{object-fit:cover;border-radius:8px;flex-shrink:0;width:64px;height:64px}.sheet-company-info{flex-direction:column;flex:1;gap:0;display:flex}.sheet-company-name{font-family:NeueHaasGrotesk,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--text-section);color:var(--color-text-primary);font-weight:400;line-height:1.2}.sheet-company-role{font-family:NeueHaasGrotesk,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--text-section);color:var(--color-text-muted);margin-top:2px;font-weight:400;line-height:1.2}.sheet-company-link{background:var(--color-card-dark);color:var(--color-text-primary);transition:background-color var(--duration-normal) ease;border-radius:6px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;margin-top:12px;padding:8px 16px;font-size:14px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.sheet-company-link:hover{background:var(--link-pill-bg-hover)}}.sheet-bottom-link{justify-content:center;width:100%;max-width:700px;margin:0 auto;padding:100px 30px;display:flex}.sheet-bottom-link a{font-size:var(--text-section);color:var(--color-text-primary);padding:12px 20px}@media (hover:hover) and (pointer:fine){.sheet-bottom-link a:hover{color:var(--color-text-primary)}}.sheet-bottom-link svg{flex-shrink:0;width:18px;height:18px}.sheet-info{text-align:left;width:100%;max-width:700px;margin:0 auto 32px;padding:0}.sheet-header{flex-shrink:0;width:100%;max-width:none;margin:0;padding:0}.sheet-header h2{letter-spacing:0;text-align:left;font-family:NeueHaasGrotesk,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:32px;font-weight:400;line-height:1.2}.sheet-description{font-family:NeueHaasGrotesk,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--text-section);color:var(--color-text-primary);margin:0;font-weight:400;line-height:1.4}.sheet-close{cursor:pointer;width:48px;height:48px;color:var(--color-text-primary);-webkit-backdrop-filter:blur(8px);transition:background-color var(--duration-normal) ease;background:#f5f5f5e6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-theme=dark] .sheet-close{background:#1e1e1ed9}@media (hover:hover) and (pointer:fine){.sheet-close:hover{background:var(--link-pill-bg-hover)}}.sheet-close svg{width:20px;height:20px}.sheet-links,.sheet-divider{display:none}.sheet-content{padding:var(--space-lg) 60px;flex:1;width:100%;max-width:1080px;margin:0 auto;padding-bottom:0}.sheet-content p{color:var(--color-text-primary);max-width:750px;margin:0 auto var(--space-md);font-family:NeueHaasGrotesk,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:28px;font-weight:400;line-height:1.3}.sheet-content img:not(.work-logo):not(.book-cover):not(.album-art),.sheet-content video{border-radius:var(--radius-lg);width:100%;margin-bottom:var(--space-md);display:block}.sheet-media-figure{margin:0 0 var(--space-md)}.sheet-media-figure img,.sheet-media-figure video{margin-bottom:0}.sheet-media-figure figcaption{color:var(--color-text-muted);font-size:var(--text-small);text-align:center;margin-top:var(--space-xs)}@media (width<=640px){.sheet-header{padding:0}.sheet-header h2{font-size:20px}.sheet-links{padding:8px 0 0}.sheet-divider{width:calc(100% - 24px)}.sheet-content{padding:16px 10px}.sheet-content p{font-size:16px}.work-logo{width:40px;min-width:40px;height:40px}.work-company,.work-role,.work-dates{font-size:12px}.book-cover,.album-art{width:64px;height:64px}.currently-title{font-size:14px}.currently-subtitle{font-size:12px}}.empty-state{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--color-text-muted);font-size:16px;display:none}.empty-state.visible{display:block}.site-footer{max-width:1200px;padding:var(--space-lg) var(--space-md);text-align:center;color:var(--color-text-muted);font-size:var(--text-small);margin:0 auto}.about-sheet .sheet-content{padding-bottom:0}.currently-row{margin-top:var(--space-xl);flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:56px;width:100%;max-width:750px;margin-left:auto;margin-right:auto;display:flex}.currently-section{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.currently-label{color:var(--color-text-muted);margin-bottom:var(--space-md);text-align:left;font-family:NeueHaasGrotesk,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;display:block}.currently-item{justify-content:flex-start;align-items:center;gap:32px;width:100%;display:flex}.book-cover{border-radius:var(--radius-md);flex-shrink:0;width:auto;height:140px;transform:rotate(-3deg);box-shadow:0 4px 16px #0000001a}.album-art{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:140px;height:140px}.currently-info{flex-direction:column;max-width:260px;display:flex}.currently-title{color:var(--color-text-primary);font-family:NeueHaasGrotesk,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.2}.currently-subtitle{color:var(--color-text-muted);margin-top:2px;font-family:NeueHaasGrotesk,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.2}@media (width<=900px){.currently-row{flex-direction:column;align-items:center;gap:32px;max-width:100%}.currently-section{width:100%;max-width:100%}.currently-item{gap:20px}.book-cover{width:auto;height:112px}.album-art{width:112px;height:112px}.currently-title,.currently-subtitle,.currently-label{font-size:18px}}@media (width<=640px){.currently-row{gap:24px}.currently-item{gap:16px}.book-cover{width:auto;height:88px}.album-art{width:88px;height:88px}.currently-title{font-size:14px}.currently-subtitle{font-size:12px}.currently-label{font-size:14px}}.lock-inline{vertical-align:middle;width:14px;height:14px;color:var(--color-text-muted);margin-left:6px;display:inline-flex}.detail-sheet.password-sheet{top:4vh}.sheet-password{padding:60px var(--space-md) var(--space-xl);flex:1;justify-content:center;align-items:center;display:flex}.sheet-password-inner{flex-direction:column;align-items:center;display:flex}.sheet-password-icon{width:32px;height:32px;color:var(--color-text-muted);margin-bottom:var(--space-md);display:block}.sheet-password h2{font-family:NeueHaasGrotesk,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--text-card-title);margin-bottom:var(--space-xs);font-weight:400}.sheet-password p{font-size:var(--text-small);color:var(--color-text-muted);margin-bottom:var(--space-md)}.sheet-password-input{border:1px solid var(--tag-bg);border-radius:var(--radius-md);background:var(--color-bg);width:100%;color:var(--color-text-primary);text-align:center;transition:border-color var(--duration-fast) ease;outline:none;padding:20px 24px;font-family:inherit;font-size:24px}.sheet-password-input:focus{border-color:var(--color-text-muted)}.sheet-password-error{color:#e53e3e;font-size:var(--text-small);margin-top:var(--space-xs)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet-unlocked{animation:.3s forwards fadeIn}.about-footer-banner{margin-left:calc(-60px - var(--space-lg));margin-right:calc(-60px - var(--space-lg));margin-top:var(--space-xl);margin-bottom:-100px;padding:80px 60px}.about-footer-links{align-items:center;gap:var(--space-xs);flex-direction:column;max-width:750px;margin-left:auto;margin-right:auto;display:flex}.about-footer-links .interactive-link{color:var(--color-text-primary);font-size:28px}.about-footer-links .interactive-link:hover{color:#7850c8;background:#9678dc1f}.about-footer-links .external-arrow,.about-footer-links .interactive-link svg{width:24px;height:24px}@media (width<=640px){.about-footer-links .interactive-link{font-size:18px}.about-footer-links .interactive-link svg,.about-footer-links .external-arrow{width:16px;height:16px}}.work-history{margin-top:var(--space-lg);max-width:750px;margin-left:auto;margin-right:auto}.work-item{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid #0000000d;display:flex}.work-item:first-child{border-top:1px solid #0000000d}[data-theme=dark] .work-item{border-color:#ffffff0f}.work-logo{border-radius:var(--radius-lg);object-fit:cover;flex-shrink:0;width:64px;min-width:64px;height:64px}.work-info{flex-direction:column;flex:1;min-width:0;display:flex}.work-company{font-family:NeueHaasGrotesk,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--text-section);color:var(--color-text-primary);font-weight:400;line-height:1.2}.work-role{font-family:NeueHaasGrotesk,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--text-section);color:var(--color-text-muted);margin-top:2px;font-weight:400;line-height:1.2}.work-dates{font-family:NeueHaasGrotesk,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--text-section);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;margin-top:calc(1.2em + 2px);font-weight:400}.intro-emoji{z-index:10000;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.intro-emoji span{font-size:40px;animation:.5s forwards introFadeIn}.intro-emoji-move span{animation:.5s forwards introFadeOut}@keyframes introFadeIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes introFadeOut{0%{opacity:1}to{opacity:0}}.emoji-hidden{opacity:0!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp var(--duration-slow) var(--ease-out) forwards;opacity:0;animation-play-state:paused}.intro-revealed .animate-fade-up{animation-play-state:running}@media (width<=900px){.detail-sheet{border-radius:20px 20px 0 0;width:calc(100vw - 20px);max-width:calc(100vw - 20px);top:40px}.detail-sheet.password-sheet{height:55vh;top:auto;bottom:0}.sheet-password-icon{width:20px;height:20px;margin-bottom:12px}.sheet-password-input{padding:12px 14px;font-size:16px}.project-list[data-view=large] .project-card-meta{gap:8px;padding-top:8px}.project-list[data-view=large] .project-card-icon{border-radius:8px;width:34px;height:34px}.project-list[data-view=large] .project-card-title{font-size:14px;line-height:1.2}.project-list[data-view=large] .project-card-role{margin-top:2px;font-size:12px;line-height:1.2}.work-history{margin-top:18px}.work-item{align-items:center;gap:8px;padding:8px 0}.work-logo{border-radius:8px;width:42px;min-width:42px;height:42px}.work-company,.work-role,.work-dates{font-size:13px;line-height:1.2}.work-dates{white-space:nowrap;align-self:center;margin-top:0}.sheet-company-header{gap:16px;margin:24px auto 20px;padding:24px 20px}.sheet-company-logo{width:48px;height:48px}.sheet-company-name,.sheet-company-role{font-size:16px}.sheet-info{margin:0 auto 24px;padding:0 20px}.sheet-description{font-size:16px;line-height:1.35}.sheet-bottom-link{padding:24px 20px 150px}.sheet-bottom-link a{padding:10px 16px;font-size:16px}}@media (width<=640px){.project-list[data-view=large] .project-card-icon{width:38px;height:38px}.project-list[data-view=large] .project-card-title,.project-list[data-view=large] .project-card-role{font-size:16px}.work-logo{width:36px;min-width:36px;height:36px}.work-company,.work-role,.work-dates{font-size:12px}.sheet-company-header{gap:12px;margin:20px auto 16px;padding:20px 16px}.sheet-company-logo{width:40px;height:40px}.sheet-company-name,.sheet-company-role{font-size:16px}.sheet-info{margin:0 auto 20px;padding:0 16px}.sheet-description{font-size:16px;line-height:1.35}.sheet-bottom-link{padding:20px 16px 150px}.sheet-bottom-link a{padding:10px 14px;font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.animate-fade-up,.main-content{opacity:1}}