@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap);html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{background-color:#0a0a0a;color:#e8e8e8;margin:0;min-height:100vh;min-height:-webkit-fill-available}html{height:-webkit-fill-available}code{font-family:SF Mono,JetBrains Mono,Fira Code,Courier New,monospace}::selection{color:#fff}::-moz-selection{background:#ffffff26;color:#fff}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (max-width:768px){::-webkit-scrollbar{height:0;width:0}*{scrollbar-width:none}}:focus{outline:none}:focus-visible{outline:2px solid #fff6;outline-offset:2px}@media (hover:none) and (pointer:coarse){:focus-visible{outline:none}}*{-webkit-tap-highlight-color:transparent}.preview-panel-scroll,.sidebar{-webkit-overflow-scrolling:touch}img,video{height:auto;max-width:100%}a{color:inherit;text-decoration:none}@media print{body{background:#fff;color:#000}.datetime-display,.footer,.noise-overlay,.sidebar{display:none!important}.page-container{display:block;padding:0}.main-content{max-width:100%}}.blog-list-container{margin:0 auto;max-width:700px;padding:60px 80px 120px;position:relative;z-index:2}.blog-list-item{animation:fadeInUp .5s ease both;border-bottom:1px solid #ffffff1a}.blog-list-item h3{font-size:18px;font-weight:500;margin:0 0 8px}.blog-list-item h3 a{color:#e5e5e5;transition:opacity .15s ease}.blog-meta{color:#666;font-size:13px}.blog-list-item>p:last-child{font-size:14px}.blog-post-container{margin:0 auto;max-width:700px;padding:60px 80px 120px;position:relative;z-index:2}.blog-markdown{color:#e5e5e5;line-height:1.8}.blog-markdown h1,.blog-markdown h2,.blog-markdown h3,.blog-markdown h4{color:#fff;font-weight:600;margin-bottom:1rem;margin-top:2rem}.blog-markdown h1{font-size:2rem}.blog-markdown h2{font-size:1.5rem}.blog-markdown h3{font-size:1.25rem}.blog-markdown p{color:#ccc;margin-bottom:1.5rem}.blog-markdown a{color:#e5e5e5;text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:3px;transition:text-decoration-color .15s ease}.blog-markdown a:hover{text-decoration-color:#e5e5e5}.blog-markdown img{border-radius:8px;height:auto;margin:1.5rem 0;max-width:100%}.blog-markdown b,.blog-markdown strong{color:#fff;font-weight:600}.blog-markdown code{background:#ffffff1a;border-radius:4px;color:#e5e5e5;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em;padding:2px 6px}.blog-markdown pre{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1rem}.blog-markdown pre code{background:#0000;padding:0}.blog-markdown blockquote{border-left:3px solid #ffffff4d;color:#888;font-style:italic;margin:1.5rem 0;padding-left:1rem}.blog-markdown ol,.blog-markdown ul{color:#ccc;margin-bottom:1.5rem;padding-left:1.5rem}.blog-markdown li{margin-bottom:.5rem}.back-link{align-items:center;color:#888;display:inline-flex;font-size:14px;gap:8px;margin-bottom:2rem;text-decoration:none;transition:color .15s ease}.back-link:hover{color:#e5e5e5}@media (max-width:768px){.blog-list-container,.blog-post-container{max-width:100%;padding:80px 20px 100px}.blog-list-item{padding:1.25rem 0}.blog-list-item h3{font-size:17px}.blog-meta{font-size:14px}.blog-list-item>p:last-child{font-size:15px}.blog-markdown{font-size:16px;line-height:1.75}.blog-markdown h1{font-size:1.75rem;margin-top:1.5rem}.blog-markdown h2{font-size:1.4rem}.blog-markdown h3{font-size:1.15rem}.blog-markdown p{margin-bottom:1.25rem}.blog-markdown pre{border-left:none;border-radius:0;border-right:none;margin:1.25rem -20px;padding:.875rem}.blog-markdown code{font-size:.85em}.blog-markdown img{border-radius:0;margin:1.25rem -20px;max-width:calc(100% + 40px);width:calc(100% + 40px)}.blog-markdown blockquote{margin:1.25rem 0;padding-left:.875rem}.blog-markdown ol,.blog-markdown ul{margin-bottom:1.25rem;padding-left:1.25rem}.back-link{align-items:center;display:inline-flex;font-size:15px;margin-bottom:1.5rem;min-height:44px}}@media (max-width:480px){.blog-list-container,.blog-post-container{padding:72px 16px 90px}.blog-list-item{padding:1rem 0}.blog-list-item h3{font-size:16px;margin-bottom:4px}.blog-meta{font-size:13px;margin-bottom:6px}.blog-list-item>p:last-child{font-size:14px}.blog-markdown{font-size:15px;line-height:1.7}.blog-markdown h1{font-size:1.5rem;margin-bottom:.75rem;margin-top:1.25rem}.blog-markdown h2{font-size:1.25rem;margin-bottom:.5rem;margin-top:1.25rem}.blog-markdown h3{font-size:1.1rem}.blog-markdown p{margin-bottom:1rem}.blog-markdown pre{font-size:.8em;margin:1rem -16px;padding:.75rem}.blog-markdown img{margin:1rem -16px;max-width:calc(100% + 32px);width:calc(100% + 32px)}.blog-markdown ol,.blog-markdown ul{margin-bottom:1rem;padding-left:1rem}.blog-markdown li{margin-bottom:.375rem}.back-link{font-size:14px;margin-bottom:1.25rem}}@media (max-width:375px){.blog-list-container,.blog-post-container{padding:68px 12px 80px}.blog-markdown img,.blog-markdown pre{margin-left:-12px;margin-right:-12px}.blog-markdown img{max-width:calc(100% + 24px);width:calc(100% + 24px)}}@supports (padding:max(0px)){.blog-list-container,.blog-post-container{padding-bottom:max(90px,calc(90px + env(safe-area-inset-bottom)));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){.blog-list-item{animation:none}}:root{--bg-primary:#0f0f0f;--bg-secondary:#161616;--bg-tertiary:#1a1a1a;--text-primary:#fafafa;--text-secondary:#888;--text-muted:#555;--border-color:#ffffff0f;--border-hover:#ffffff1f;--accent:#fafafa;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","JetBrains Mono","Fira Code",monospace;--sidebar-width:80px;--preview-width:900px;--content-max-width:480px;--transition-fast:0.12s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.2s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f0f;background-color:var(--bg-primary);color:#fafafa;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:1.6;overflow-x:hidden}::selection{background:#ffffff26}.app{background:#0f0f0f;background:var(--bg-primary);min-height:100vh;position:relative}.app:before{background:radial-gradient(ellipse 80% 50% at 50% -20%,#78787814 0,#0000 60%);content:"";inset:0;z-index:0}.app:before,.noise-overlay{pointer-events:none;position:fixed}.noise-overlay{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");height:100%;left:0;opacity:.02;top:0;width:100%;z-index:1}.shadow-overlay{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.app>:not(.shadow-overlay){position:relative;z-index:1}.shadow-filter-svg{height:0;position:absolute;width:0}.shadow-layer{background-color:#64646433;filter:blur(8px);inset:-120px;mask-image:url(/static/media/shadow.9346962255cd38783f34.avif);-webkit-mask-image:url(/static/media/shadow.9346962255cd38783f34.avif);mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:cover;-webkit-mask-size:cover;mix-blend-mode:screen;opacity:.6;position:absolute}.shadow-noise{animation:noiseShift 20s linear infinite;background-image:url(/static/media/grain.70abbb1540fefb6c42f2.avif);background-repeat:repeat;background-size:200px;inset:0;mix-blend-mode:soft-light;opacity:.08;position:absolute}@keyframes noiseShift{0%{background-position:0 0}to{background-position:200px 200px}}@media (prefers-reduced-motion:reduce){.shadow-noise{animation:none}}.page-container{grid-gap:60px;display:grid;gap:60px;grid-template-columns:80px 480px 1fr;grid-template-columns:var(--sidebar-width) var(--content-max-width) 1fr;min-height:100vh;padding:100px 100px 120px;position:relative;z-index:2}.datetime-display{color:#555;color:var(--text-muted);display:flex;font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:12px;gap:8px;letter-spacing:.02em;position:fixed;right:100px;top:48px;z-index:100}.datetime-display .time{font-feature-settings:"tnum";color:#888;color:var(--text-secondary);font-variant-numeric:tabular-nums}.datetime-display .timezone{color:#555;color:var(--text-muted)}.sidebar{display:flex;flex-direction:column;gap:2px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.nav-item{color:#555;color:var(--text-muted);font-size:13px;font-weight:400;letter-spacing:0;padding:6px 0;position:relative;text-decoration:none;transition:color .12s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.nav-item:hover{color:#888;color:var(--text-secondary)}.nav-item.active{color:#fafafa;color:var(--text-primary)}.nav-item.resume-link{margin-top:16px}.nav-item .arrow{font-size:10px;margin-left:4px;opacity:.5}.main-content{max-width:480px;max-width:var(--content-max-width);padding-top:0}.about-section{display:flex;flex-direction:column;gap:24px}.about-text{color:#888;color:var(--text-secondary);font-size:14px;line-height:1.7;margin:0}.contact-links{display:flex;flex-wrap:wrap;font-size:13px;gap:20px;margin-top:8px}.contact-links a{align-items:center;color:#555;color:var(--text-muted);display:inline-flex;font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:12px;gap:4px;letter-spacing:.01em;text-decoration:none;transition:color .12s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.contact-links .arrow{font-size:9px;opacity:.6;transition:transform .12s cubic-bezier(.4,0,.2,1),opacity .12s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast),opacity var(--transition-fast)}.contact-links a:hover{color:#fafafa;color:var(--text-primary)}.contact-links a:hover .arrow{opacity:1;transform:translate(1px,-1px)}.highlighted{font-weight:500}.highlighted,.highlighted-link{color:#fafafa;color:var(--text-primary)}.highlighted-link{border-bottom:1px solid #fff3;cursor:pointer;font-weight:450;padding-bottom:1px;text-decoration:none;transition:opacity .12s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast)}.highlighted-link.active,.highlighted-link:hover{border-bottom-color:#ffffff80}.highlighted-link.blurred{filter:blur(1px);opacity:.2}.email-link{border-bottom:1px solid #fff3;color:#fafafa;color:var(--text-primary);font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:13px;font-weight:400;padding-bottom:1px;text-decoration:none;transition:border-color .12s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast)}.email-link:hover{border-bottom-color:#ffffff80}.preview-panel{animation:fadeSlideIn .2s cubic-bezier(.4,0,.2,1);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:900px;max-width:var(--preview-width);position:-webkit-sticky;position:sticky;top:100px}.preview-panel-scroll{max-height:calc(100vh - 200px);overflow:auto;padding-right:8px}.preview-panel-scroll::-webkit-scrollbar{width:4px}.preview-panel-scroll::-webkit-scrollbar-track{background:#0000}.preview-panel-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.preview-panel-scroll::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeSlideIn{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.preview-content{display:flex;flex-direction:column;gap:16px}.preview-intro{color:#888;color:var(--text-secondary);font-size:14px;line-height:1.7;margin:0}.preview-title{color:#fafafa;color:var(--text-primary);font-size:15px;font-weight:500;letter-spacing:-.01em;margin:0 0 4px}.preview-markdown{color:#888;color:var(--text-secondary);font-size:13px;line-height:1.7}.preview-markdown h1,.preview-markdown h2,.preview-markdown h3{color:#fafafa;color:var(--text-primary);font-weight:500;letter-spacing:-.02em;margin-bottom:.5rem;margin-top:1.5rem}.preview-markdown h1{font-size:1.25rem}.preview-markdown h2{font-size:1.1rem}.preview-markdown h3{font-size:1rem}.preview-markdown p{color:#888;color:var(--text-secondary);margin-bottom:1rem}.preview-markdown a{border-bottom:1px solid #fff3;color:#fafafa;color:var(--text-primary);text-decoration:none;transition:border-color .12s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast)}.preview-markdown a:hover{border-bottom-color:#ffffff80}.preview-markdown code{background:#ffffff0f;border-radius:4px;font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.85em;padding:2px 6px}.preview-markdown pre{background:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--border-color);border-radius:8px;margin:1rem 0;overflow-x:auto;padding:1rem}.preview-markdown pre code{background:#0000;padding:0}.preview-markdown ol,.preview-markdown ul{margin-bottom:1rem;padding-left:1.25rem}.preview-markdown li{margin-bottom:.5rem}.preview-description{color:#888;color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}.preview-images{display:flex;flex-direction:column;gap:12px;margin-top:8px}.preview-image-container{background:#161616;background:var(--bg-secondary);border:1px solid #ffffff0f;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.preview-image{display:block;height:auto;object-fit:cover;width:100%}.preview-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{background:#ffffff0a;border:1px solid #ffffff0f;border:1px solid var(--border-color);border-radius:4px;color:#555;color:var(--text-muted);font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;padding:4px 10px}.projects-section{display:flex;flex-direction:column;gap:0}.project-item{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-color);display:block;padding:20px 0;text-decoration:none;transition:opacity .12s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast)}.project-item:first-child{padding-top:0}.project-item:last-of-type{border-bottom:none}.project-item.active,.project-item:hover{opacity:1}.project-item.blurred{filter:blur(1px);opacity:.15}.project-header{justify-content:space-between;margin-bottom:6px}.project-header,.project-name{align-items:center;display:flex}.project-name{color:#fafafa;color:var(--text-primary);font-size:14px;font-weight:450;gap:6px;letter-spacing:-.01em;margin:0}.project-name .arrow{font-size:10px;opacity:0;transition:opacity .12s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast),transform var(--transition-fast)}.project-item.active .project-name .arrow,.project-item:hover .project-name .arrow{opacity:.5;transform:translate(1px,-1px)}.project-description{color:#555;color:var(--text-muted);font-size:13px;line-height:1.5;margin:0}.more-projects{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-color);margin-top:32px;padding-top:24px}.more-projects-title{color:#555;color:var(--text-muted);font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.simple-project-link{align-items:center;color:#555;color:var(--text-muted);display:inline-flex;font-size:13px;gap:4px;text-decoration:none;transition:color .12s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.simple-project-link:hover{color:#888;color:var(--text-secondary)}.simple-project-link .arrow{font-size:10px;transition:transform .12s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.simple-project-link:hover .arrow{transform:translate(1px,-1px)}.footer{display:none}.blog-section{display:flex;flex-direction:column;gap:0}.section-title{color:#555;color:var(--text-muted);font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.1em;margin-bottom:16px;text-transform:uppercase}.blog-item{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-color);cursor:pointer;display:block;padding:20px 0;transition:opacity .12s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast)}.blog-item:first-of-type{padding-top:0}.blog-item:last-of-type{border-bottom:none}.blog-item.active,.blog-item:hover{opacity:1}.blog-item.blurred{filter:blur(1px);opacity:.15}.blog-title{align-items:center;color:#fafafa;color:var(--text-primary);display:flex;font-size:14px;font-weight:450;gap:6px;letter-spacing:-.01em;margin:0 0 4px}.blog-title .arrow{font-size:10px;opacity:0;transition:opacity .12s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast),transform var(--transition-fast)}.blog-item.active .blog-title .arrow,.blog-item:hover .blog-title .arrow{opacity:.5;transform:translate(1px,-1px)}.blog-date{font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:12px;letter-spacing:.01em;margin:0}.blog-date,.no-posts{color:#555;color:var(--text-muted)}.no-posts{font-size:13px}.preview-date{margin:0}.preview-date,.read-post-btn{color:#555;color:var(--text-muted);font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:12px}.read-post-btn{-webkit-appearance:none;appearance:none;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:8px 14px;transition:color .12s cubic-bezier(.4,0,.2,1),border-color .12s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast),border-color var(--transition-fast)}.read-post-btn:hover{border-color:#ffffff1f;border-color:var(--border-hover);color:#888;color:var(--text-secondary)}.blog-list-container,.pictures-container{margin:0 auto;max-width:800px;padding:100px;position:relative;z-index:2}.blog-list-container,.pictures-container{padding-bottom:120px}.pictures-container{max-width:1000px}.pictures-header{margin-bottom:3rem;text-align:center}.pictures-container h1{color:#fafafa;color:var(--text-primary);font-size:1.5rem;font-weight:400;letter-spacing:-.02em;margin-bottom:.5rem}.pictures-subtitle{color:#555;color:var(--text-muted);font-size:.875rem;font-weight:400;margin:0}.pictures-grid{column-count:3;column-gap:1rem;margin-top:2rem}.sequence-gallery{margin-top:12px}.sequence-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.sequence-grid .picture-item{aspect-ratio:3/4;margin-bottom:0}@media (max-width:1200px){.sequence-grid{grid-template-columns:1fr}}.mobile-gallery{animation:slideDown .25s cubic-bezier(.4,0,.2,1);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-color);padding:20px 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}.mobile-gallery-item{background-color:#ffffff05;border-radius:8px;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-color:#ffffff05;border-radius:8px;break-inside:avoid;display:inline-block;margin-bottom:1rem;overflow:hidden;page-break-inside:avoid;position:relative;width:100%}.picture-item img,.picture-item video{cursor:pointer;display:block;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.picture-item:hover img,.picture-item:hover video{transform:scale(1.02)}.chicago-grid,.hanoi-grid,.sf-grid{column-count:auto;display:flex;flex-wrap:wrap;gap:1rem;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);width:calc(33.33333% - .66667rem)}.blog-list-item{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-color);padding:1.5rem 0}.blog-list-item:last-child{border-bottom:none}.blog-list-item h3{font-size:15px;font-weight:450;letter-spacing:-.01em;margin:0 0 6px}.blog-list-item h3 a{color:#fafafa;color:var(--text-primary);text-decoration:none;transition:opacity .12s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast)}.blog-list-item h3 a:hover{opacity:.7}.blog-meta{color:#555;color:var(--text-muted);font-family:SF Mono,JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:12px;margin:0 0 8px}.blog-list-item>p:last-child{color:#888;color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1400px){:root{--preview-width:550px;--content-max-width:420px}.page-container{gap:50px;padding:80px 60px 100px}.datetime-display{right:60px}}@media (max-width:1200px){:root{--preview-width:450px;--content-max-width:380px}.page-container{gap:40px;padding:70px 50px 100px}}@media (max-width:1024px){:root{--content-max-width:100%}.page-container{gap:40px;grid-template-columns:80px 1fr;grid-template-columns:var(--sidebar-width) 1fr;padding:70px 50px 100px}.preview-panel{display:none}.main-content{max-width:560px}.datetime-display{right:50px;top:36px}.blog-list-container,.pictures-container{padding:70px 50px 120px}}@media (max-width:768px){body{-webkit-text-size-adjust:100%;font-size:15px}.page-container{gap:28px;grid-template-columns:1fr;padding:80px 24px 100px}.sidebar{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f0ff2;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-color);flex-direction:row;gap:20px;justify-content:flex-start;left:0;overflow-x:auto;padding:16px 24px;position:fixed;right:0;scrollbar-width:none;top:0;z-index:1000}.sidebar::-webkit-scrollbar{display:none}.nav-item{align-items:center;display:flex;font-size:13px;min-height:44px;padding:8px 0;white-space:nowrap}.nav-item.resume-link{margin-left:auto;margin-top:0}.main-content{max-width:100%}.about-section{gap:20px}.about-text{font-size:15px;line-height:1.7}.datetime-display{display:none}.project-item{filter:none!important;opacity:1!important;padding:18px 0}.project-item:active{opacity:.7!important}.project-name{font-size:15px}.project-name .arrow{opacity:.4}.project-description{font-size:14px;line-height:1.6}.blog-item{filter:none!important;opacity:1!important;padding:18px 0}.blog-item:active{opacity:.7!important}.blog-title{font-size:15px}.blog-title .arrow{opacity:.4}.blog-date{font-size:13px}.highlighted-link{filter:none!important;opacity:1!important;padding:4px 0}.highlighted-link:active{opacity:.7!important}.email-link{font-size:14px;word-break:break-all}.contact-links{gap:16px}.contact-links a{font-size:13px}.blog-list-container,.pictures-container{padding:80px 24px 100px}.pictures-container h1{font-size:1.5rem}.pictures-subtitle{font-size:.9rem}.pictures-grid{column-count:2;column-gap:12px}.picture-item{margin-bottom:12px}.chicago-grid,.hanoi-grid,.sf-grid{gap:12px}.chicago-grid .picture-item,.hanoi-grid .picture-item,.sf-grid .picture-item{flex-basis:calc(50% - 6px);flex-grow:0;flex-shrink:1;max-width:calc(50% - 6px);width:calc(50% - 6px)}.sequence-grid{gap:10px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){body{font-size:15px}.page-container{gap:24px;padding:72px 20px 90px}.sidebar{gap:16px;padding:14px 20px}.nav-item{font-size:13px;min-height:44px;padding:10px 0}.nav-item .arrow{font-size:9px}.about-section{gap:20px}.about-text{font-size:14px;line-height:1.7}.projects-section{gap:0}.project-item{padding:16px 0}.project-name{font-size:14px}.project-description{font-size:13px}.more-projects{margin-top:24px;padding-top:20px}.more-projects-title{font-size:10px}.simple-project-link{align-items:center;display:inline-flex;font-size:13px;min-height:44px}.blog-section{gap:0}.blog-item{padding:16px 0}.blog-title{font-size:14px}.blog-date{font-size:12px}.no-posts{font-size:13px}.section-title{font-size:10px;margin-bottom:12px}.blog-list-container,.pictures-container{padding:72px 20px 90px}.pictures-header{margin-bottom:2rem}.pictures-container h1{font-size:1.25rem}.pictures-subtitle{font-size:.8rem}.pictures-grid{column-count:1;column-gap:0;margin-top:1.5rem}.picture-item{border-radius:10px;margin-bottom:16px}.chicago-grid,.hanoi-grid,.sf-grid{flex-direction:column;gap:16px}.chicago-grid .picture-item,.hanoi-grid .picture-item,.sf-grid .picture-item{flex:0 1 100%;max-width:100%;width:100%}.sequence-grid{gap:12px;grid-template-columns:1fr}.sequence-grid .picture-item{aspect-ratio:4/5}.blog-list-item{padding:1.25rem 0}.blog-list-item h3{font-size:14px;margin-bottom:4px}.blog-meta{font-size:11px}.blog-list-item>p:last-child{font-size:13px}}@media (max-width:375px){.page-container{padding:68px 16px 80px}.sidebar{gap:12px;padding:12px 16px}.nav-item{font-size:12px}.about-text{font-size:13px}.blog-list-container,.pictures-container{padding:68px 16px 80px}}@media (hover:none) and (pointer:coarse){.blog-item,.email-link,.highlighted-link,.nav-item,.project-item,.simple-project-link{min-height:44px}.blog-item:hover .blog-title .arrow,.project-item:hover .project-name .arrow{opacity:.4}.picture-item:hover img,.picture-item:hover video{transform:none}.blog-item:active,.highlighted-link:active,.nav-item:active,.project-item:active{opacity:.7}.sidebar{scroll-snap-type:x mandatory}.nav-item{scroll-snap-align:start}}@media (max-height:500px) and (orientation:landscape){.page-container{padding-bottom:60px;padding-top:60px}.sidebar{padding:10px 20px}.nav-item{min-height:36px;padding:6px 0}.about-section{gap:16px}}@supports (padding:max(0px)){.page-container,.sidebar{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.page-container{padding-bottom:max(80px,calc(80px + env(safe-area-inset-bottom)))}.blog-list-container,.pictures-container{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}@media (prefers-color-scheme:dark){:root{color-scheme:dark}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.picture-item img,.picture-item video{transition:none}}
/*# sourceMappingURL=main.5617c1eb.css.map*/