@import url(https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600&family=Geist+Mono:wght@400&display=swap);.blog-post-page{display:flex;flex-direction:column;min-height:100vh}.blog-post-container{flex:1 1;margin:4em auto;max-width:800px;padding:0 2em}.blog-post-header{margin-bottom:3em}.blog-post__back-link{color:var(--clr-primary);display:inline-block;font-weight:500;margin-bottom:2em;text-decoration:none;transition:opacity .2s ease}.blog-post__back-link:hover{opacity:.8}.blog-post__title{font-size:2.5rem;line-height:1.2;margin-bottom:.5em}.blog-post__meta{align-items:center;color:var(--clr-fg-alt);display:flex;font-size:.95rem;gap:.5em}.blog-post__separator{opacity:.5}.blog-post__content{font-size:1.05rem;line-height:1.8}.blog-post__content h1,.blog-post__content h2,.blog-post__content h3,.blog-post__content h4{line-height:1.3;margin-bottom:.5em;margin-top:1.5em}.blog-post__content h1{font-size:2rem}.blog-post__content h2{font-size:1.75rem}.blog-post__content h3{font-size:1.5rem}.blog-post__content h4{font-size:1.25rem}.blog-post__content p{margin-bottom:1.2em}.blog-post__content ol,.blog-post__content ul{list-style:none;margin-bottom:1.5em;padding-left:0}.blog-post__content ul{margin-left:.5em}.blog-post__content ol{counter-reset:list-counter;margin-left:.5em}.blog-post__content li{line-height:1.7;margin-bottom:.75em;padding-left:2em;position:relative}.blog-post__content ul>li:before{background-color:var(--clr-primary);border-radius:50%;content:"";height:6px;left:.5em;position:absolute;top:.65em;width:6px}.blog-post__content ol>li{counter-increment:list-counter}.blog-post__content ol>li:before{color:var(--clr-primary);content:counter(list-counter) ".";font-weight:600;left:0;position:absolute}.blog-post__content ol ul>li:before,.blog-post__content ul ul>li:before{background-color:var(--clr-fg-alt);height:5px;opacity:.7;width:5px}.blog-post__content ol ol>li:before,.blog-post__content ul ol>li:before{color:var(--clr-fg-alt);opacity:.8}.blog-post__content a{color:var(--clr-primary);text-decoration:none}.blog-post__content a:hover{text-decoration:underline}.blog-post__content img{border-radius:8px;height:auto;margin:2em 0;max-width:100%}.blog-post__content code{background-color:var(--clr-bg-alt);border-radius:3px;font-family:Courier New,monospace;font-size:.9em;padding:.2em .4em}.blog-post__content pre{background-color:var(--clr-bg-alt);border-radius:8px;margin:1.5em 0;overflow-x:auto;padding:1.5em}.blog-post__content pre code{background-color:initial;padding:0}.blog-post__content blockquote{border-left:4px solid var(--clr-primary);color:var(--clr-fg-alt);font-style:italic;margin:1.5em 0;padding-left:1.5em}@media (max-width:768px){.blog-post-container{margin:2em auto;padding:0 1.5em}.blog-post__title{font-size:2rem}.blog-post__content h1{font-size:1.75rem}.blog-post__content h2{font-size:1.5rem}.blog-post__content h3{font-size:1.25rem}.blog-post-article{min-width:0;overflow-wrap:anywhere;word-break:break-word}.blog-post-article .blog-meta{flex-wrap:wrap}}.blog-post-article{min-width:0;overflow-wrap:anywhere;word-break:break-word}.blog-post-article .blog-meta{flex-wrap:wrap}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.light,:root{--bg:#fff;--surface:#fcfcfc;--surface-hover:#f3f3f3;--border:#eaeaea;--border-hover:#d0d0d0;--text-1:#111;--text-2:#444;--text-3:#888;--tag-bg:#f4f4f4;--tag-text:#444;--radius:8px;--radius-sm:6px;--font:"Geist",-apple-system,BlinkMacSystemFont,sans-serif;--mono:"Geist Mono",monospace;--active-bg:#111;--active-text:#fff}html{font-size:14px}body,html{overflow-x:hidden}body{background:#fff;background:var(--bg);color:#444;color:var(--text-2);font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-weight:400;line-height:1.7;min-height:100vh;transition:background .3s,color .3s}.app-container,.sidebar{display:flex;min-height:100vh}.sidebar{-ms-overflow-style:none;background:#fcfcfc;background:var(--surface);border-right:1px solid #eaeaea;border-right:1px solid var(--border);bottom:0;flex-direction:column;gap:0;left:0;overflow-y:auto;padding:24px 20px;position:fixed;scrollbar-width:none;top:0;width:240px;z-index:10}.sidebar::-webkit-scrollbar{height:0;width:0}.sidebar-logo{align-items:center;display:flex;gap:12px;margin-bottom:32px;text-decoration:none}.sidebar-logo-img{align-items:center;background:#eaeaea;background:var(--border);border-radius:50%;color:#111;color:var(--text-1);display:flex;flex-shrink:0;font-size:14px;font-weight:500;height:32px;justify-content:center;overflow:hidden;width:32px}.sidebar-logo-img img{height:100%;object-fit:cover;width:100%}.sidebar-name{color:#111;color:var(--text-1);font-size:14px;font-weight:600;letter-spacing:.01em}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-nav a{align-items:center;border-radius:6px;border-radius:var(--radius-sm);color:#444;color:var(--text-2);display:flex;font-size:13px;font-weight:400;gap:12px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.sidebar-nav a:hover{background:#f3f3f3;background:var(--surface-hover);color:#111;color:var(--text-1)}.sidebar-nav a.active{background:#111;background:var(--active-bg);color:#fff;color:var(--active-text);font-weight:500}.sidebar-nav a .icon{height:16px;opacity:.8;width:16px}.sidebar-nav a.active .icon,.sidebar-nav a:hover .icon{opacity:1}.sidebar-section-label{color:#888;color:var(--text-3);font-size:11px;letter-spacing:.05em;padding:24px 12px 8px}.sidebar-footer{display:flex;justify-content:flex-start;margin-top:auto;padding-left:12px;padding-top:24px}.theme-toggle{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#444;color:var(--text-2);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:color .2s}.theme-toggle:hover{background:#f3f3f3;background:var(--surface-hover);color:#111;color:var(--text-1)}.main-wrapper{display:flex;flex:1 1;justify-content:center;margin-left:0;padding-left:240px}.main{max-width:1200px;min-width:0;padding:140px clamp(16px,5vw,64px) 100px;width:100%}.hero{border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border);margin-bottom:56px;padding-bottom:48px}.hero-content-wrapper{align-items:center;display:flex;gap:40px;justify-content:space-between}.hero-text{flex:1 1}.hero-image{border:4px solid #f3f3f3;border:4px solid var(--surface-hover);border-radius:50%;box-shadow:0 4px 24px #0000000f;flex-shrink:0;height:180px;overflow:hidden;width:180px}.hero-image img{height:100%;object-fit:cover;width:100%}.hero h1{color:#111;color:var(--text-1);font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.25;margin-bottom:6px}.hero h2{color:#444;color:var(--text-2);font-size:15px;font-weight:400;margin-bottom:6px}.hero-pron{font-size:13px;margin-bottom:32px}.currently-label,.hero-pron{color:#888;color:var(--text-3)}.currently-label{font-size:12px;margin-bottom:12px}.currently-list{display:flex;flex-direction:column;gap:10px}.currently-item{align-items:flex-start;color:#444;color:var(--text-2);display:flex;font-size:14px;gap:8px;line-height:1.5}.currently-icon{color:#0ea5e9;flex-shrink:0;height:16px;margin-top:2px;width:16px}.currently-item:nth-child(2) .currently-icon{color:#f59e0b}.currently-item:nth-child(3) .currently-icon{color:#10b981}.currently-item a{border-bottom:1px solid #d0d0d0;border-bottom:1px solid var(--border-hover);color:#111;color:var(--text-1);text-decoration:none;transition:border-color .15s}.currently-item a:hover{border-color:#444;border-color:var(--text-2)}.section{margin-bottom:64px}.section-header{margin-bottom:24px}.section-title{color:#111;color:var(--text-1);font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.section-subtitle{color:#888;color:var(--text-3);font-size:15px;line-height:1.5}.project-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.project-card{background:#fcfcfc;background:var(--surface);border:1px solid #eaeaea;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);display:flex;flex-direction:column;gap:16px;min-width:0;padding:24px;position:relative;text-decoration:none;transition:all .2s ease}.project-card:hover{background:#f3f3f3;background:var(--surface-hover);border-color:#d0d0d0;border-color:var(--border-hover)}.project-logo{align-items:center;background:#fff;background:var(--bg);border:1px solid #eaeaea;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111;color:var(--text-1);display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:48px;justify-content:center;overflow:hidden;width:48px}.project-info{display:flex;flex-direction:column;gap:4px}.project-name{align-items:center;color:#111;color:var(--text-1);display:flex;font-size:14px;font-weight:600;gap:6px;min-width:0;overflow-wrap:anywhere}.tag-dot{background:#10b981;border-radius:50%;height:6px;width:6px}.tag-dot.red{background:#ef4444}.project-desc{color:#444;color:var(--text-2);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.project-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#f4f4f4;background:var(--tag-bg);border:1px solid #eaeaea;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#444;color:var(--tag-text);font-size:11px;overflow-wrap:anywhere;padding:4px 8px;white-space:nowrap}.project-link-icon{color:#888;color:var(--text-3);height:14px;position:absolute;right:20px;top:20px;width:14px}.sidebar-link-content{align-items:center;display:flex;gap:12px}.sidebar-link-external{margin-left:auto;opacity:.5}.sidebar-nav a:hover .sidebar-link-external{opacity:1}.trusted-logos{align-items:center;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:64px;margin-top:32px}.trusted-logos .logo-placeholder,.trusted-logos img{filter:grayscale(100%);height:40px;opacity:.6;transition:all .2s}.trusted-logos .logo-placeholder:hover,.trusted-logos img:hover{filter:grayscale(0);opacity:1}.trusted-label{color:#111;color:var(--text-1);font-size:12px;font-weight:500;margin-bottom:24px;text-align:center}.portfolio-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.portfolio-card{display:flex;flex-direction:column;text-decoration:none;transition:transform .2s}.portfolio-card:hover{transform:translateY(-2px)}.portfolio-thumb{aspect-ratio:16/9;background:#eaeaea;background:var(--border);border:1px solid #eaeaea;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);margin-bottom:12px;overflow:hidden;width:100%}.portfolio-thumb img{height:100%;object-fit:cover;width:100%}.portfolio-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:4px}.portfolio-name{color:#111;color:var(--text-1);font-size:14px;font-weight:600}.portfolio-meta,.portfolio-name{min-width:0;overflow-wrap:anywhere}.portfolio-meta{color:#888;color:var(--text-3);font-family:Geist Mono,monospace;font-family:var(--mono);font-size:12px}.portfolio-desc{color:#444;color:var(--text-2);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.writing-list{display:flex;flex-direction:column;gap:16px}.writing-item{align-items:baseline;display:flex;gap:16px;justify-content:space-between;min-width:0;text-decoration:none}.writing-item:hover .writing-title{color:#111;color:var(--text-1);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.writing-title{color:#111;color:var(--text-1);flex:1 1;font-size:14px;font-weight:500;min-width:0;overflow-wrap:anywhere;transition:color .15s}.writing-date{color:#888;color:var(--text-3);flex-shrink:1;font-family:Geist Mono,monospace;font-family:var(--mono);font-size:13px;white-space:nowrap}.photo-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.photo-item{aspect-ratio:3/4;background:#fcfcfc;background:var(--surface);border:1px solid #eaeaea;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);overflow:hidden;width:100%}.photo-item.wide{aspect-ratio:16/9;grid-column:span 2}.photo-item img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.photo-item:hover img{transform:scale(1.05)}.btn{align-items:center;background:#fcfcfc;background:var(--surface);border:1px solid #eaeaea;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#444;color:var(--text-2);cursor:pointer;display:inline-flex;font-size:13px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s}.btn:hover{background:#eaeaea;background:var(--border);color:#111;color:var(--text-1)}.footer{align-items:center;border-top:1px solid #eaeaea;border-top:1px solid var(--border);color:#888;color:var(--text-3);flex-direction:column;font-size:12px;margin-top:80px;padding-top:32px}.footer,.footer-socials{display:flex;gap:16px}.footer-socials a{color:#888;color:var(--text-3);transition:color .2s}.footer-socials a:hover{color:#111;color:var(--text-1)}@media (max-width:900px){.portfolio-grid,.project-grid{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}.main{margin-left:0;padding:32px 24px 80px}.list-card{padding:24px!important}.list-header{align-items:flex-start!important;flex-direction:column;gap:12px}.hero h1{font-size:24px}.hero{margin-bottom:24px;padding-bottom:24px}.hero-content-wrapper{align-items:flex-start;flex-direction:column-reverse;gap:24px}.hero-image{height:100px;width:100px}.section{margin-bottom:40px!important}.section-title{font-size:20px}.portfolio-thumb{margin-bottom:8px}.trusted-logos{margin-bottom:32px;margin-top:24px;overflow:visible;white-space:normal}.marquee-track{animation:none;flex-wrap:wrap;gap:16px;justify-content:center;min-width:0;padding-right:0;transform:none}.trusted-logo-link{flex-shrink:1}.trusted-logo-link img{height:40px;max-width:140px}.about-masonry{gap:24px;grid-template-columns:1fr;margin-bottom:40px;margin-top:24px}.about-img-square,.about-img-tall,.about-img-wide{transform:none;z-index:1}.about-img-square{filter:none}.about-img img{aspect-ratio:16/9}.split-layout{flex-direction:column;min-height:auto}.split-sidebar{flex-shrink:1;width:100%!important}.split-content{padding-left:0!important}.portfolio-grid,.project-grid{grid-template-columns:1fr!important}.photo-grid{grid-template-columns:1fr}.project-logo{max-width:48px!important;width:48px!important}.writing-item{align-items:flex-start;gap:8px}.tag,.writing-date{white-space:normal}}.about-masonry{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr 1.3fr 1fr;margin-bottom:80px;margin-top:40px}.about-img{border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 20px #00000014;overflow:hidden}.about-img img{display:block;object-fit:cover;width:100%}.about-img-square{filter:grayscale(100%);transform:translateY(20px) translateX(16px);z-index:1}.about-img-square img{aspect-ratio:1}.about-img-tall{transform:scale(1.05);z-index:2}.about-img-tall img{aspect-ratio:3/4}.about-img-wide{transform:translateY(32px) translateX(-16px);z-index:1}.about-img-wide img{aspect-ratio:16/9}.about-content{margin:0 auto;max-width:600px}.about-content h1{color:#111;color:var(--text-1);font-size:24px;font-weight:600;margin-bottom:24px}.about-content p{color:#444;color:var(--text-2);font-size:15px;line-height:1.7;margin-bottom:20px}.about-content a{color:#111;color:var(--text-1);font-weight:500;text-decoration:underline;text-underline-offset:4px}.tabs{background:#fcfcfc;background:var(--surface);border:1px solid #eaeaea;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);display:flex;margin-bottom:24px;padding:4px;width:-webkit-max-content;width:max-content}.tab{background:#0000;border:none;border-radius:4px;color:#444;color:var(--text-2);cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px}.tab.active{background:#111;background:var(--active-bg);color:#fff;color:var(--active-text)}.split-layout{display:flex;gap:40px;min-height:calc(100vh - 144px);min-width:0}.split-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:32px;max-width:100%;min-width:0;width:320px}.split-content{flex:1 1;max-width:1000px;min-width:0}.trusted-logos{display:flex;overflow:hidden;position:relative;white-space:nowrap;width:100%}.marquee-track{align-items:center;animation:marquee 25s linear infinite;display:flex;gap:64px;min-width:-webkit-max-content;min-width:max-content;padding-right:64px}.marquee-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.trusted-logo-link{flex-shrink:0}.trusted-logo-link img{display:block;filter:grayscale(100%);height:48px;max-width:180px;object-fit:contain;opacity:.5;transition:all .3s ease;width:auto}.trusted-logo-link:hover img{filter:grayscale(0);opacity:1}@media (max-width:768px){.trusted-logos{justify-content:center;overflow:hidden;white-space:normal}.marquee-track{animation:none;flex-wrap:wrap;gap:16px;justify-content:center;max-width:100%;min-width:0;padding-right:0;transform:none;width:100%}.trusted-logo-link{flex-shrink:1}.trusted-logo-link img{height:40px;max-width:140px}}.mobile-menu-btn{background:#fcfcfc;background:var(--surface);border:1px solid #eaeaea;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000000d;color:#111;color:var(--text-1);cursor:pointer;display:none;padding:8px;position:fixed;right:16px;top:16px;z-index:2000}.sidebar-overlay{display:none}@media (max-width:1024px){.sidebar{transform:translateX(-100%);transition:transform .3s ease;z-index:1500}.sidebar.open{transform:translateX(0)}.main-wrapper{margin-left:0;padding-left:0}.main{padding-left:24px;padding-right:24px;padding-top:80px}.portfolio-grid,.project-grid{grid-template-columns:1fr!important}.mobile-menu-btn{align-items:center;display:flex;justify-content:center}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}}
/*# sourceMappingURL=main.bfc8252b.css.map*/