@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap);html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:-webkit-fill-available;scroll-behavior:smooth}body{background-color:#fff;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden}code,kbd,pre,samp{font-family:SF Mono,JetBrains Mono,Fira Code,Consolas,monospace}::-moz-selection{background:#0000001a;color:#1a1a1a}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width:768px){::-webkit-scrollbar{height:0;width:0}*{scrollbar-width:none}}:focus{outline:none}:focus-visible{outline:1px solid #0000004d;outline-offset:2px}@media (hover:none) and (pointer:coarse){:focus-visible{outline:none}}*{-webkit-tap-highlight-color:transparent}img,video{height:auto;max-width:100%}a{color:inherit;text-decoration:none}@media print{body{background:#fff;color:#1a1a1a}.datetime-display,.footer,.sidebar{display:none!important}.page-container{display:block;padding:0}.main-content{max-width:100%}}.blog-list-container{margin:0 auto;max-width:680px;padding:96px 64px 120px;position:relative;z-index:2}.blog-list-item{animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) both;padding:24px 0}.blog-list-item h3{margin:0 0 6px}.blog-list-item h3 a{transition:opacity .15s cubic-bezier(.16,1,.3,1)}.blog-meta{font-family:SF Mono,JetBrains Mono,monospace;letter-spacing:.02em}.blog-post-container{margin:0 auto;max-width:680px;padding:96px 64px 120px;position:relative;z-index:2}.blog-markdown{color:#4a4a4a;font-size:14px;line-height:1.75}.blog-markdown h1,.blog-markdown h2,.blog-markdown h3,.blog-markdown h4{color:#1a1a1a;font-weight:500;letter-spacing:-.02em;margin-bottom:16px;margin-top:48px}.blog-markdown h1{font-size:24px;margin-top:0}.blog-markdown h2{font-size:18px}.blog-markdown h3{font-size:15px}.blog-markdown p{color:#4a4a4a;margin-bottom:20px}.blog-markdown a{color:#1a1a1a;text-decoration:underline;text-decoration-color:#00000040;text-underline-offset:2px;transition:text-decoration-color .15s}.blog-markdown a:hover{text-decoration-color:#1a1a1a}.blog-markdown img{border:1px solid #00000014;border-radius:6px;height:auto;margin:24px 0;max-width:100%}.blog-markdown b,.blog-markdown strong{color:#1a1a1a;font-weight:500}.blog-markdown code{background:#0000000f;border-radius:3px;color:#1a1a1a;font-family:SF Mono,JetBrains Mono,monospace;font-size:.9em;padding:2px 6px}.blog-markdown pre{background:#f8f8f8;border:1px solid #00000014;border-radius:6px;margin:24px 0;overflow-x:auto;padding:20px}.blog-markdown pre code{background:#0000;font-size:12px;line-height:1.6;padding:0}.blog-markdown blockquote{border-left:2px solid #00000026;color:#6a6a6a;font-style:italic;margin:24px 0;padding-left:20px}.blog-markdown ol,.blog-markdown ul{color:#4a4a4a;margin-bottom:20px;padding-left:24px}.blog-markdown li{margin-bottom:8px}.blog-markdown hr{border:none;border-top:1px solid #00000014;margin:40px 0}.back-link{align-items:center;color:#8a8a8a;display:inline-flex;font-family:SF Mono,JetBrains Mono,monospace;font-size:11px;gap:8px;letter-spacing:.03em;margin-bottom:40px;text-decoration:none;text-transform:uppercase;transition:color .15s}.back-link:hover{color:#1a1a1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.blog-list-container,.blog-post-container{max-width:100%;padding:80px 24px 100px}.blog-list-item{padding:20px 0}.blog-list-item h3{font-size:15px}.blog-meta{font-size:12px}.blog-list-item>p:last-child{font-size:14px}.blog-markdown{font-size:15px;line-height:1.7}.blog-markdown h1{font-size:22px;margin-top:0}.blog-markdown h2{font-size:17px;margin-top:36px}.blog-markdown h3{font-size:15px}.blog-markdown pre{border-left:none;border-radius:0;border-right:none;margin:20px -24px;padding:16px}.blog-markdown pre code{font-size:12px}.blog-markdown img{border-left:none;border-radius:0;border-right:none;margin:20px -24px;max-width:calc(100% + 48px);width:calc(100% + 48px)}.back-link{font-size:11px;margin-bottom:32px;min-height:44px}}@media (max-width:480px){.blog-list-container,.blog-post-container{padding:72px 20px 90px}.blog-list-item{padding:16px 0}.blog-list-item h3{font-size:14px;margin-bottom:4px}.blog-meta{font-size:11px;margin-bottom:6px}.blog-list-item>p:last-child{font-size:13px}.blog-markdown{font-size:14px}.blog-markdown h1{font-size:20px}.blog-markdown h2{font-size:16px;margin-top:32px}.blog-markdown h3{font-size:14px}.blog-markdown p{margin-bottom:16px}.blog-markdown pre{margin:16px -20px;padding:14px}.blog-markdown pre code{font-size:11px}.blog-markdown img{margin:16px -20px;max-width:calc(100% + 40px);width:calc(100% + 40px)}.blog-markdown ol,.blog-markdown ul{margin-bottom:16px;padding-left:20px}.blog-markdown li{margin-bottom:6px}.back-link{margin-bottom:24px}}@media (max-width:375px){.blog-list-container,.blog-post-container{padding:68px 16px 80px}.blog-markdown img,.blog-markdown pre{margin-left:-16px;margin-right:-16px}.blog-markdown img{max-width:calc(100% + 32px);width:calc(100% + 32px)}}@supports (padding:max(0px)){.blog-list-container,.blog-post-container{padding-bottom:max(90px,calc(90px + env(safe-area-inset-bottom)));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){.blog-list-item{animation:none}}:root{--bg-primary:#fff;--bg-secondary:#f8f8f8;--bg-tertiary:#f0f0f0;--bg-card:#fafafa;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#8a8a8a;--text-dim:#aaa;--accent:#1a1a1a;--accent-dim:#0000000f;--accent-hover:#0000001a;--border-subtle:#00000014;--border-default:#0000001f;--border-hover:#0003;--font-sans:"Space Grotesk",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:"SF Mono","JetBrains Mono","Fira Code","Consolas",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--sidebar-width:100px;--content-max-width:520px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--duration-fast:150ms;--duration-normal:250ms}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg-primary);color:#1a1a1a;color:var(--text-primary);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-family:var(--font-sans);font-size:14px;font-weight:400;letter-spacing:-.011em;line-height:1.65;text-rendering:optimizeLegibility}::selection{background:#0000001a;color:#1a1a1a;color:var(--text-primary)}.app{background:#fff;background:var(--bg-primary);min-height:100vh;position:relative}.app:before{background-image:linear-gradient(#00000005 1px,#0000 0),linear-gradient(90deg,#00000005 1px,#0000 0);background-size:60px 60px}.app:after,.app:before{content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.app:after{background:radial-gradient(ellipse at center,#0000 0,#00000005 100%)}.noise-overlay,.shadow-overlay{display:none}.page-container{grid-gap:64px;grid-gap:var(--space-16);display:grid;gap:64px;gap:var(--space-16);grid-template-columns:100px 520px 1fr;grid-template-columns:var(--sidebar-width) var(--content-max-width) 1fr;min-height:100vh;padding:96px 64px;padding:var(--space-24) var(--space-16);position:relative;z-index:1}.datetime-display{align-items:center;color:#8a8a8a;color:var(--text-muted);display:flex;font-family:SF Mono,JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:12px;gap:8px;gap:var(--space-2);letter-spacing:.05em;position:fixed;right:64px;right:var(--space-16);top:40px;top:var(--space-10);z-index:100}.datetime-display .time{font-feature-settings:"tnum";color:#4a4a4a;color:var(--text-secondary);font-variant-numeric:tabular-nums}.datetime-display .timezone{color:#8a8a8a;color:var(--text-muted);text-transform:uppercase}.sidebar{display:flex;flex-direction:column;gap:4px;gap:var(--space-1);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:96px;top:var(--space-24)}.nav-item{color:#8a8a8a;color:var(--text-muted);font-size:13px;font-weight:400;letter-spacing:.01em;padding:8px 0;padding:var(--space-2) 0;position:relative;text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-out)}.nav-item:hover{color:#4a4a4a;color:var(--text-secondary)}.nav-item.active{color:#1a1a1a;color:var(--text-primary)}.nav-item.active:before{color:#8a8a8a;color:var(--text-muted);content:"→";font-size:11px;left:-20px;position:absolute}.nav-item.resume-link{margin-top:24px;margin-top:var(--space-6)}.nav-item .arrow{font-size:9px;margin-left:4px;margin-left:var(--space-1);opacity:.4}.main-content{max-width:520px;max-width:var(--content-max-width)}.about-section{display:flex;flex-direction:column;gap:24px;gap:var(--space-6)}.about-text{color:#4a4a4a;color:var(--text-secondary);font-size:14px;line-height:1.75;margin:0}.highlighted-link{color:#1a1a1a;color:var(--text-primary);cursor:pointer;font-weight:450;position:relative;text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-out)}.highlighted-link:after{background:#8a8a8a;background:var(--text-muted);bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0;transition:background .15s cubic-bezier(.16,1,.3,1);transition:background var(--duration-fast) var(--ease-out)}.highlighted-link.active:after,.highlighted-link:hover:after{background:#1a1a1a;background:var(--text-primary)}.highlighted-link.blurred{filter:blur(1px);opacity:.15}.email-link{color:#1a1a1a;color:var(--text-primary);font-family:SF Mono,JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:13px;position:relative;text-decoration:none}.email-link:after{background:#8a8a8a;background:var(--text-muted);bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0;transition:background .15s cubic-bezier(.16,1,.3,1);transition:background var(--duration-fast) var(--ease-out)}.email-link:hover:after{background:#1a1a1a;background:var(--text-primary)}.contact-links{display:flex;flex-wrap:wrap;gap:24px;gap:var(--space-6);margin-top:16px;margin-top:var(--space-4)}.contact-links a{align-items:center;color:#4a4a4a;color:var(--text-secondary);display:inline-flex;font-family:SF Mono,JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:12px;gap:4px;gap:var(--space-1);letter-spacing:.03em;text-decoration:none;text-transform:uppercase;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-out)}.contact-links a:hover{color:#1a1a1a;color:var(--text-primary)}.contact-links .arrow{font-size:8px;transition:transform .15s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-fast) var(--ease-out)}.contact-links a:hover .arrow{transform:translate(2px,-2px)}.preview-panel{animation:fadeIn .25s cubic-bezier(.16,1,.3,1);animation:fadeIn var(--duration-normal) var(--ease-out);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:100%;position:-webkit-sticky;position:sticky;top:96px;top:var(--space-24);width:100%}.preview-panel-scroll{max-height:calc(100vh - 200px);overflow:auto;padding-right:12px;padding-right:var(--space-3)}.preview-panel-scroll::-webkit-scrollbar{width:2px}.preview-panel-scroll::-webkit-scrollbar-track{background:#0000}.preview-panel-scroll::-webkit-scrollbar-thumb{background:#0000001f;background:var(--border-default);border-radius:1px}.preview-panel-scroll::-webkit-scrollbar-thumb:hover{background:#0003;background:var(--border-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.preview-content{display:flex;flex-direction:column;gap:20px;gap:var(--space-5)}.preview-title{color:#1a1a1a;color:var(--text-primary);font-size:16px;font-weight:500;letter-spacing:-.02em;margin:0}.preview-date{color:#8a8a8a;color:var(--text-muted);font-family:SF Mono,JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:12px;letter-spacing:.02em}.preview-description{color:#4a4a4a;color:var(--text-secondary);font-size:15px;line-height:1.7;margin:0}.preview-images{display:flex;flex-direction:column;gap:16px;gap:var(--space-4);margin-top:12px;margin-top:var(--space-3)}.preview-image-container{background:#f8f8f8;background:var(--bg-secondary);border:1px solid #00000014;border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.preview-image{display:block;height:auto;width:100%}.preview-tags{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2);margin-top:8px;margin-top:var(--space-2)}.tag{background:#0000000f;background:var(--accent-dim);border:1px solid #00000014;border:1px solid var(--border-subtle);border-radius:4px;font-family:SF Mono,JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;padding:4px 12px;padding:var(--space-1) var(--space-3);text-transform:uppercase}.preview-markdown,.tag{color:#4a4a4a;color:var(--text-secondary)}.preview-markdown{font-size:13px;line-height:1.7}.preview-markdown h1,.preview-markdown h2,.preview-markdown h3{color:#1a1a1a;color:var(--text-primary);font-weight:500;letter-spacing:-.02em;margin-bottom:12px;margin-bottom:var(--space-3);margin-top:24px;margin-top:var(--space-6)}.preview-markdown h1{font-size:16px}.preview-markdown h2{font-size:14px}.preview-markdown h3{font-size:13px}.preview-markdown p{margin-bottom:16px;margin-bottom:var(--space-4)}.preview-markdown a{color:#1a1a1a;color:var(--text-primary);text-decoration:underline;text-decoration-color:#8a8a8a;text-decoration-color:var(--text-muted);text-underline-offset:2px;transition:text-decoration-color .15s;transition:text-decoration-color var(--duration-fast)}.preview-markdown a:hover{text-decoration-color:#1a1a1a;text-decoration-color:var(--text-primary)}.preview-markdown code{background:#0000000f;background:var(--accent-dim);border-radius:3px;font-family:SF Mono,JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:.9em;padding:2px 5px}.preview-markdown pre{background:#f8f8f8;background:var(--bg-secondary);border:1px solid #00000014;border:1px solid var(--border-subtle);border-radius:6px;margin:16px 0;margin:var(--space-4) 0;overflow-x:auto;padding:16px;padding:var(--space-4)}.preview-markdown pre code{background:#0000;padding:0}.preview-markdown ol,.preview-markdown ul{margin-bottom:16px;margin-bottom:var(--space-4);padding-left:20px;padding-left:var(--space-5)}.preview-markdown li{margin-bottom:8px;margin-bottom:var(--space-2)}.projects-section{display:flex;flex-direction:column}.project-item{border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-subtle);display:block;padding:20px 0;padding:var(--space-5) 0;text-decoration:none;transition:opacity .15s cubic-bezier(.16,1,.3,1);transition:opacity var(--duration-fast) var(--ease-out)}.project-item:first-child{padding-top:0}.project-item:last-of-type{border-bottom:none}.project-item.blurred{filter:blur(2px);opacity:.1}.project-header{margin-bottom:8px;margin-bottom:var(--space-2)}.project-name{align-items:center;color:#1a1a1a;color:var(--text-primary);display:inline-flex;font-size:13px;font-weight:450;gap:8px;gap:var(--space-2);letter-spacing:-.01em;margin:0}.project-name .arrow{font-size:9px;opacity:0;transform:translate(-2px,2px);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-out)}.project-item.active .project-name .arrow,.project-item:hover .project-name .arrow{opacity:.5;transform:translate(0)}.project-description{color:#4a4a4a;color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}.more-projects{border-top:1px solid #00000014;border-top:1px solid var(--border-subtle);margin-top:40px;margin-top:var(--space-10);padding-top:24px;padding-top:var(--space-6)}.more-projects-title{color:#8a8a8a;color:var(--text-muted);font-family:SF Mono,JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;margin-bottom:16px;margin-bottom:var(--space-4);text-transform:uppercase}.simple-project-link{align-items:center;color:#4a4a4a;color:var(--text-secondary);display:inline-flex;font-size:14px;gap:8px;gap:var(--space-2);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-out)}.simple-project-link:hover{color:#1a1a1a;color:var(--text-primary)}.simple-project-link .arrow{font-size:11px;transition:transform .15s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-fast) var(--ease-out)}.simple-project-link:hover .arrow{transform:translate(2px,-2px)}.blog-section{display:flex;flex-direction:column}.section-title{color:#8a8a8a;color:var(--text-muted);font-family:SF Mono,JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;margin-bottom:16px;margin-bottom:var(--space-4);text-transform:uppercase}.blog-item{border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-subtle);cursor:pointer;display:block;padding:20px 0;padding:var(--space-5) 0;transition:opacity .15s cubic-bezier(.16,1,.3,1);transition:opacity var(--duration-fast) var(--ease-out)}.blog-item:first-of-type{padding-top:0}.blog-item:last-of-type{border-bottom:none}.blog-item.blurred{filter:blur(2px);opacity:.1}.blog-title{align-items:center;color:#1a1a1a;color:var(--text-primary);display:inline-flex;font-size:13px;font-weight:450;gap:8px;gap:var(--space-2);letter-spacing:-.01em;margin:0 0 4px;margin:0 0 var(--space-1) 0}.blog-title .arrow{font-size:9px;opacity:0;transform:translate(-2px,2px);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-out)}.blog-item.active .blog-title .arrow,.blog-item:hover .blog-title .arrow{opacity:.5;transform:translate(0)}.blog-date{font-family:SF Mono,JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;margin:0}.blog-date,.no-posts{color:#8a8a8a;color:var(--text-muted)}.no-posts{font-size:13px}.footer{display:none}.sequence-gallery{margin-top:12px;margin-top:var(--space-3)}.sequence-grid{grid-gap:12px;grid-gap:var(--space-3);display:grid;gap:12px;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.sequence-grid .picture-item{aspect-ratio:3/4;margin-bottom:0}.mobile-gallery{animation:slideDown .25s cubic-bezier(.16,1,.3,1);animation:slideDown .25s var(--ease-out);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-subtle);padding:20px 0;padding:var(--space-5) 0}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}.mobile-sequence-gallery{display:flex;flex-direction:column;gap:12px;gap:var(--space-3)}.mobile-gallery-item{background:#f8f8f8;background:var(--bg-secondary);border-radius:6px;overflow:hidden;width:100%}.mobile-gallery-item img,.mobile-gallery-item video{display:block;height:auto;width:100%}.picture-item{aspect-ratio:3/4;background:#f8f8f8;background:var(--bg-secondary);border-radius:6px;break-inside:avoid;display:inline-block;margin-bottom:16px;margin-bottom:var(--space-4);overflow:hidden;page-break-inside:avoid;position:relative;width:100%}.picture-item img,.picture-item video{display:block;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1);transition:transform .5s var(--ease-out);width:100%}.picture-item:hover img,.picture-item:hover video{transform:scale(1.02)}.blog-list-container,.pictures-container{margin:0 auto;max-width:800px;padding:96px 64px;padding:var(--space-24) var(--space-16);position:relative;z-index:2}.pictures-container{max-width:960px}.pictures-header{margin-bottom:48px;margin-bottom:var(--space-12);text-align:center}.pictures-container h1{color:#1a1a1a;color:var(--text-primary);font-size:18px;font-weight:400;letter-spacing:-.02em;margin-bottom:8px;margin-bottom:var(--space-2)}.pictures-subtitle{color:#8a8a8a;color:var(--text-muted);font-size:13px;margin:0}.pictures-grid{column-count:3;column-gap:16px;column-gap:var(--space-4);margin-top:32px;margin-top:var(--space-8)}.chicago-grid,.hanoi-grid,.sf-grid{column-count:auto;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4);justify-content:center}.chicago-grid .picture-item,.hanoi-grid .picture-item,.sf-grid .picture-item{aspect-ratio:3/4;flex-basis:calc(33.33333% - 0.66667rem);flex-grow:0;flex-shrink:1;margin-bottom:0;max-width:calc(33.33333% - .66667rem)}.blog-list-item{border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-subtle);padding:20px 0;padding:var(--space-5) 0}.blog-list-item:last-child{border-bottom:none}.blog-list-item h3{font-size:14px;font-weight:450;letter-spacing:-.01em;margin:0 0 4px;margin:0 0 var(--space-1) 0}.blog-list-item h3 a{color:#1a1a1a;color:var(--text-primary);text-decoration:none;transition:opacity .15s;transition:opacity var(--duration-fast)}.blog-list-item h3 a:hover{opacity:.7}.blog-meta{color:#8a8a8a;color:var(--text-muted);font-family:SF Mono,JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:11px;margin:0 0 8px;margin:0 0 var(--space-2) 0}.blog-list-item>p:last-child{color:#4a4a4a;color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}.read-post-btn{-webkit-appearance:none;appearance:none;background:#0000;border:1px solid #0000001f;border:1px solid var(--border-default);border-radius:4px;color:#8a8a8a;color:var(--text-muted);cursor:pointer;font-family:SF Mono,JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;padding:8px 12px;padding:var(--space-2) var(--space-3);text-transform:uppercase;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-out)}.read-post-btn:hover{border-color:#0003;border-color:var(--border-hover);color:#1a1a1a;color:var(--text-primary)}@media (max-width:1400px){:root{--content-max-width:460px}.page-container{gap:48px;gap:var(--space-12);padding:80px 48px;padding:var(--space-20) var(--space-12)}.datetime-display{right:48px;right:var(--space-12)}}@media (max-width:1200px){:root{--content-max-width:420px}.page-container{gap:40px;gap:var(--space-10);padding:64px 40px;padding:var(--space-16) var(--space-10)}}@media (max-width:1024px){:root{--content-max-width:100%}.page-container{gap:40px;gap:var(--space-10);grid-template-columns:100px 1fr;grid-template-columns:var(--sidebar-width) 1fr;padding:64px 40px;padding:var(--space-16) var(--space-10)}.preview-panel{display:none}.main-content{max-width:560px}.datetime-display{right:40px;right:var(--space-10);top:32px;top:var(--space-8)}.blog-list-container,.pictures-container{padding:64px 40px;padding:var(--space-16) var(--space-10)}}@media (max-width:768px){body{font-size:15px}.page-container{gap:32px;gap:var(--space-8);grid-template-columns:1fr;padding:80px 24px 64px;padding:var(--space-20) var(--space-6) var(--space-16)}.sidebar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-subtle);flex-direction:row;gap:20px;gap:var(--space-5);justify-content:flex-start;left:0;padding:16px 24px;padding:var(--space-4) var(--space-6);position:fixed;right:0;top:0;z-index:1000}.nav-item{align-items:center;display:flex;font-size:12px;min-height:44px;padding:8px 0;padding:var(--space-2) 0}.nav-item.active:before{display:none}.nav-item.resume-link{margin-left:auto;margin-top:0}.main-content{max-width:100%;padding-top:24px;padding-top:var(--space-6)}.about-section{gap:20px;gap:var(--space-5)}.about-text{font-size:14px}.datetime-display{display:none}.blog-item,.project-item{filter:none!important;opacity:1!important;padding:16px 0;padding:var(--space-4) 0}.blog-item:active,.project-item:active{opacity:.7!important}.blog-title,.project-name{font-size:14px}.blog-title .arrow,.project-name .arrow{opacity:.3}.highlighted-link{filter:none!important;opacity:1!important}.blog-list-container,.pictures-container{padding:80px 24px;padding:var(--space-20) var(--space-6)}.pictures-grid{column-count:2;column-gap:12px;column-gap:var(--space-3)}.chicago-grid .picture-item,.hanoi-grid .picture-item,.sf-grid .picture-item{flex:0 1 calc(50% - 6px);flex:0 1 calc((100% - var(--space-3))/2);max-width:calc(50% - 6px);max-width:calc((100% - var(--space-3))/2)}.sequence-grid{gap:12px;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.page-container{gap:24px;gap:var(--space-6);padding:64px 20px 48px;padding:var(--space-16) var(--space-5) var(--space-12)}.sidebar{gap:16px;gap:var(--space-4);padding:12px 20px;padding:var(--space-3) var(--space-5)}.nav-item{font-size:11px}.about-text,.blog-title,.project-name{font-size:13px}.blog-date,.project-description{font-size:11px}.contact-links{gap:16px;gap:var(--space-4)}.contact-links a{font-size:10px}.blog-list-container,.pictures-container{padding:64px 20px;padding:var(--space-16) var(--space-5)}.pictures-grid{column-count:1}.chicago-grid .picture-item,.hanoi-grid .picture-item,.sf-grid .picture-item{flex:0 1 100%;max-width:100%}.sequence-grid{grid-template-columns:1fr}}@media (max-width:375px){.page-container{padding:64px 16px 40px;padding:var(--space-16) var(--space-4) var(--space-10)}.sidebar{gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4)}}@media (hover:none) and (pointer:coarse){.blog-item,.email-link,.highlighted-link,.nav-item,.project-item,.simple-project-link{min-height:44px}.picture-item:hover img,.picture-item:hover video{transform:none}.blog-item:active,.highlighted-link:active,.nav-item:active,.project-item:active{opacity:.7}}@supports (padding:max(0px)){.page-container,.sidebar{padding-left:max(20px,env(safe-area-inset-left));padding-left:max(var(--space-5),env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-right:max(var(--space-5),env(safe-area-inset-right))}.page-container{padding-bottom:max(48px,calc(48px + env(safe-area-inset-bottom)));padding-bottom:max(var(--space-12),calc(var(--space-12) + env(safe-area-inset-bottom)))}.blog-list-container,.pictures-container{padding-left:max(20px,env(safe-area-inset-left));padding-left:max(var(--space-5),env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-right:max(var(--space-5),env(safe-area-inset-right))}}.media-section{display:flex;flex-direction:column}.reads-section{margin-top:24px;margin-top:var(--space-6)}.reads-section-title{color:#1a1a1a;color:var(--text-primary);font-size:16px;font-weight:500;letter-spacing:-.01em;margin-bottom:32px;margin-bottom:var(--space-8)}.season-title{color:#8a8a8a;color:var(--text-muted);font-family:SF Mono,JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;margin-bottom:20px;margin-bottom:var(--space-5);margin-top:40px;margin-top:var(--space-10);text-transform:uppercase}.season-title:first-of-type{margin-top:0}.season-subsection{margin-bottom:32px;margin-bottom:var(--space-8)}.season-subsection:last-of-type{margin-bottom:0}.subsection-title{color:#8a8a8a;color:var(--text-muted);font-family:SF Mono,JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.05em;margin-bottom:16px;margin-bottom:var(--space-4);margin-top:0}.read-item{margin-bottom:32px;margin-bottom:var(--space-8)}.read-item:last-of-type{margin-bottom:0}.read-item-content{align-items:flex-start;display:flex;gap:24px;gap:var(--space-6)}.read-cover{flex-shrink:0;width:120px}.read-cover img{border-radius:4px;box-shadow:0 2px 8px #0000001a;display:block;height:auto;width:100%}.read-details{flex:1 1;min-width:0}.read-details-full{width:100%}.read-title{color:#1a1a1a;color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.6;margin:0 0 8px;margin:0 0 var(--space-2) 0}.read-author{color:#4a4a4a;color:var(--text-secondary);display:block;font-size:13px;font-style:normal;font-weight:400;margin-top:4px;margin-top:var(--space-1)}.read-link{align-items:baseline;color:#1a1a1a;color:var(--text-primary);display:inline-flex;gap:4px;gap:var(--space-1);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-out)}.read-link:hover{color:#4a4a4a;color:var(--text-secondary)}.read-link .arrow{font-size:10px;transition:transform .15s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-fast) var(--ease-out)}.read-link:hover .arrow{transform:translate(2px,-2px)}.read-review{color:#4a4a4a;color:var(--text-secondary);font-size:13px;line-height:1.7;margin:0 0 8px;margin:0 0 var(--space-2) 0}.read-rating{color:#8a8a8a;color:var(--text-muted);display:block;font-family:SF Mono,JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono);font-size:12px}@media (max-width:768px){.read-item-content{flex-direction:column;gap:16px;gap:var(--space-4)}.read-cover{width:100px}.read-title{font-size:13px}.read-review{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.68965ce3.css.map*/