@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.0-te~ja_gpvcf.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-geist-sans), sans-serif;color:#000;background-color:#fff;min-height:100vh;position:relative;overflow-x:hidden}.menu-bar{border-radius:16px;justify-content:flex-start;align-items:center;gap:24px;width:100%;display:flex}.menu-avatar{cursor:pointer;border-radius:4px;flex-shrink:0;width:40px;height:40px;text-decoration:none;overflow:hidden}.left-panel-content{flex-direction:column;flex:auto;gap:40px;display:flex}.menu-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.menu-items{align-items:center;gap:24px;display:flex}.menu-item{cursor:pointer;color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex;position:relative}.menu-bar-mobile{display:none!important}.squares-top-wrapper{flex-direction:column;gap:32px;display:flex}.last-update{flex-direction:column;gap:8px;display:flex}.last-update-text{font-family:var(--font-geist-sans), sans-serif;color:#6b6a6a;margin:0;font-size:14px;line-height:20px}.menu-square{background-color:#cbcaca;flex-shrink:0;width:8px;height:8px;transition:background-color .3s}.menu-item.active .menu-square{background-color:#c20013}.menu-text{font-family:var(--font-geist-sans), sans-serif;color:#000;font-size:16px;line-height:24px;position:relative}.menu-item:hover .menu-text:after{content:"";background-color:#000;width:100%;height:1px;animation:.3s ease-in-out blink-fast;position:absolute;bottom:0;left:0}.squares-grid{pointer-events:none;z-index:0;flex-wrap:wrap;gap:4px;width:100%;display:flex}.squares-grid-top{margin:0}.blinking-square{background-color:#e4e4e4;flex-shrink:0;width:8px;height:8px;transition:background-color .3s}.container{z-index:1;width:1440px;max-width:100%;min-height:calc(100vh - 120px);margin:0 auto;display:flex;position:relative}.left-panel{flex-direction:column;flex-shrink:0;align-self:flex-start;gap:30px;width:420px;height:100vh;max-height:100vh;padding:32px;display:flex;position:sticky;top:0;overflow-y:auto}.text-content{z-index:1;flex-direction:column;gap:12px;width:100%;display:flex;position:relative}.headline{font-family:var(--font-geist-sans), sans-serif;color:#000;white-space:pre-wrap;font-size:28px;font-weight:400;line-height:36px}.bio{font-family:var(--font-geist-sans), sans-serif;color:#6b6a6a;white-space:pre-wrap;font-size:17px;font-weight:400;line-height:25px}.email-button{white-space:nowrap;color:#fff;width:fit-content;font-family:var(--font-geist-sans), sans-serif;text-shadow:0 .5px #00000080;z-index:1;cursor:pointer;background:linear-gradient(#ffffff21 0%,#fff0 100%),linear-gradient(90deg,#c20013 0% 100%);border:1px solid #c20013;border-radius:4px;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:16px;line-height:normal;text-decoration:none;transition:opacity .2s;display:inline-flex;position:relative;box-shadow:0 1px 3px #0000001a,0 1px 2px #00000040,0 0 0 1px #c20013}@keyframes blink-fast{0%,to{opacity:1}16.66%{opacity:0}33.33%{opacity:1}50%{opacity:0}66.66%{opacity:1}83.33%{opacity:0}}.email-icon{filter:brightness(0)invert();opacity:.6;width:16px;height:16px;transition:opacity .15s ease-out}.email-icon.copied{opacity:1}.email-icon.swapping{opacity:0}.email-button:hover .email-icon{animation:.15s ease-in-out blink-fast}.email-button:before{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff40}.email-button:hover{opacity:.9}.email-button:hover .email-icon{opacity:1}.email-button:active{opacity:.8}.email-button.copied:hover{opacity:1}.email-button.copied:hover .email-icon{opacity:1;animation:none}.right-panel{flex-direction:column;flex:1;align-items:flex-start;gap:24px;width:100%;min-width:0;padding:36px 32px 96px;display:flex}.page-content,.about-section{flex-direction:column;gap:48px;width:100%;display:flex}.about-title-block{background-color:#fff;align-items:center;width:100%;display:flex;position:relative;overflow:visible}.about-title{font-family:var(--font-geist-sans), sans-serif;color:#000;margin:0;font-size:21px;font-weight:400;line-height:30px}.work-title-block{background-color:#fff;align-items:center;width:100%;display:flex;position:relative;overflow:visible}.browser-items-container{flex-direction:column;gap:32px;display:flex}.work-title{font-family:var(--font-geist-sans), sans-serif;color:#000;margin:0;font-size:21px;font-weight:400;line-height:30px}.about-content-wrapper{flex-direction:column;gap:48px;width:100%;display:flex}.about-subsection{flex-direction:column;width:100%;padding:0;display:flex}.about-card{background-color:#fff;border:none;gap:24px;padding:0;position:relative;overflow:visible}.about-subsection-header{align-items:center;gap:16px;margin:0;padding:0;display:flex;position:relative;overflow:visible}.about-subsection-header-inline{align-items:center;gap:16px;margin:0;display:flex}.about-subsection-square{background-color:#c20013;flex-shrink:0;width:8px;height:8px}.about-subsection-label{font-family:var(--font-geist-sans), sans-serif;color:#000;margin:0;font-size:16px;line-height:24px}.about-experience-list{flex-direction:column;gap:24px;width:100%;padding-top:0;padding-left:0;padding-right:0;display:flex}.about-experience-rows-wrapper{flex-direction:column;gap:0;display:flex}.about-experience-row{font-family:var(--font-geist-sans), sans-serif;border-bottom:1px dashed #cbcaca;justify-content:space-between;align-items:flex-start;padding:12px 0;font-size:16px;line-height:24px;display:flex}.about-experience-rows-wrapper>.about-experience-row:first-child{border-top:none}.about-experience-row-last{border-bottom:none}.about-experience-left{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.about-role{color:#5c5959}.about-experience-date{color:#5c5959;text-align:right}.about-email-section{font-family:var(--font-geist-sans), sans-serif;align-items:flex-start;gap:12px;max-width:600px;font-size:16px;line-height:24px;display:flex}.about-email-text{color:#000}.about-copy-button{color:#c61122;cursor:pointer;position:relative}.about-copy-button:hover:after{content:"";background-color:#c61122;width:100%;height:1px;animation:.3s ease-in-out blink-fast;position:absolute;bottom:0;left:0}.about-text-section{flex-direction:column;gap:24px;width:100%;padding-top:0;padding-left:0;padding-right:0;display:flex}.about-text-wrapper{flex-direction:column;gap:16px;width:70%;display:flex}.about-text{font-family:var(--font-geist-sans), sans-serif;color:#5c5959;margin:0;font-size:16px;line-height:28px}.text-link{color:#000;cursor:pointer;text-decoration:none;display:inline-block;position:relative}.text-link:visited{color:#000}.text-link:visited:after,.text-link:after{content:"";border-bottom:1px dashed #cbcaca;width:100%;height:1px;display:block;position:absolute;bottom:2px;left:0}.text-link:hover{color:#c20013;animation:.3s ease-in-out forwards social-link-blink}.text-link:hover:after{border-bottom-color:#c20013;animation:.3s ease-in-out forwards social-link-underline-blink}.company-logos-grid{background-color:#fff;border-top:none;flex-direction:column;gap:4px;width:100%;display:flex;overflow:hidden}.logo-row{gap:4px;width:100%;display:flex}.logo-box{background-color:#f0f0f0;border-radius:8px;flex:1 0 0;justify-content:center;align-items:center;height:100px;display:flex;position:relative;overflow:hidden}.logo-box a{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.logo-img{object-fit:contain;max-width:80%;max-height:80%}.about-images-section{flex-direction:column;gap:4px;width:100%;display:flex}.about-images-row{gap:4px;width:100%;display:flex}.about-image-box{border-radius:8px;flex:1 0 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.about-image-box:first-child{aspect-ratio:418/475.148}.about-image-box:last-child{aspect-ratio:512/582}.about-image-large{aspect-ratio:1566/1059;border-radius:8px;width:100%;position:relative;overflow:hidden}.about-image{object-fit:cover;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;top:0;left:0}.about-images-section .about-image{box-shadow:inset 0 0 0 1px #0000001a}.posts-header-wrapper{flex-direction:column;gap:8px;width:100%;display:flex}.posts-title-block{background-color:#fff;align-items:center;width:100%;display:flex;position:relative;overflow:visible}.posts-title{font-family:var(--font-geist-sans), sans-serif;color:#000;margin:0;font-size:21px;font-weight:400;line-height:30px}.posts-text{font-family:var(--font-geist-sans), sans-serif;color:#6b6a6a;font-size:16px;line-height:24px}.posts-list{flex-direction:column;width:100%;display:flex}.post-item-link{color:inherit;width:100%;text-decoration:none;display:block}.post-item{cursor:pointer;justify-content:space-between;align-items:center;width:100%;margin-left:-16px;margin-right:-16px;padding:16px;display:flex;position:relative}.post-content{align-items:center;gap:20px;display:flex}.post-cover{background-color:#fff;border:1px solid #e4e4e4;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:52px;display:flex;overflow:hidden}.post-cover-img{object-fit:contain;width:100%;height:100%;display:block}.post-info{flex-direction:column;justify-content:center;gap:4px;display:flex}.post-title{font-family:var(--font-geist-sans), sans-serif;color:#000;margin:0;font-size:16px;font-weight:400;line-height:24px}.post-date{font-family:var(--font-geist-sans), sans-serif;color:#5c5959;margin:0;font-size:16px;font-weight:400;line-height:24px}.post-arrow{color:#9a999a;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;display:flex}.post-item:hover{background-color:#f0f0f0;border-bottom:none;border-radius:8px}.post-item:hover .post-arrow{color:#000}.experience-role-group{align-items:center;gap:0;display:inline-flex}.experience-separator{color:#000;margin:0 2px}.experience-role-link{color:#000;text-decoration:none;position:relative}.experience-role-link:hover:after{content:"";background-color:#000;width:100%;height:1px;animation:.3s ease-in-out blink-fast;position:absolute;bottom:0;left:0}.socials-section{z-index:1;flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.socials-links{align-items:center;gap:8px;display:flex}.social-link{font-family:var(--font-geist-sans), sans-serif;color:#000;font-size:16px;line-height:24px;text-decoration:none;position:relative}.social-link:after{content:"";border-bottom:1px dashed #cbcaca;width:100%;height:1px;position:absolute;bottom:0;left:0}.social-link:hover{color:#c20013;animation:.3s ease-in-out forwards social-link-blink}.social-link:hover:after{border-bottom-color:#c20013;animation:.3s ease-in-out forwards social-link-underline-blink}.socials-link{font-family:var(--font-geist-sans), sans-serif;color:#000;background-color:#f0f0f0;border-radius:4px;padding:2px 8px;font-size:16px;line-height:24px;text-decoration:none}.socials-link:hover{opacity:.9}@keyframes social-link-blink{0%{color:#000}16.66%{color:#c20013}33.33%{color:#000}50%{color:#c20013}66.66%{color:#000}83.33%{color:#c20013}to{color:#c20013}}@keyframes social-link-underline-blink{0%{border-bottom-color:#cbcaca}16.66%{border-bottom-color:#c20013}33.33%{border-bottom-color:#cbcaca}50%{border-bottom-color:#c20013}66.66%{border-bottom-color:#cbcaca}83.33%{border-bottom-color:#c20013}to{border-bottom-color:#c20013}}.browser-window{aspect-ratio:852/639;border:none;border-radius:8px;flex-shrink:0;align-self:stretch;width:100%;max-width:100%;position:relative;overflow:hidden}.browser-window-bordered{border:1px solid #0000000f}.browser-screenshot{object-fit:cover;object-position:center;pointer-events:none;border-radius:8px;width:100%;height:100%;display:block}.browser-window.mp4-video-container{aspect-ratio:auto;justify-content:center;align-items:center;height:auto;display:flex}.mp4-video-container video.browser-screenshot{object-fit:fill;border:1px solid #0000000f;border-radius:8px;width:100%;height:auto;max-height:100%}.browser-item{flex-direction:column;gap:16px;width:100%;padding-bottom:24px;display:flex;position:relative;overflow:visible}.browser-caption{width:100%;font-family:var(--font-geist-sans), sans-serif;justify-content:space-between;align-items:center;font-size:16px;line-height:24px;display:flex}.browser-title{color:#000;margin:0}.browser-year{color:#6b6a6a;text-align:right;margin:0}.quote-block{width:70%;margin-bottom:24px;padding:24px 0}.quote-content{border-left:1px dashed #cbcaca;flex-direction:column;gap:16px;padding-left:32px;display:flex}.quote-text{font-family:var(--font-geist-sans), sans-serif;color:#6b6a6a;margin:0;font-size:16px;font-weight:400;line-height:26px}.quote-text-highlight{color:#000}.quote-author{align-items:center;gap:12px;display:flex}.quote-avatar{object-fit:cover;border-radius:4px;flex-shrink:0;width:32px;height:32px}.quote-name{font-family:var(--font-geist-sans), sans-serif;color:#6b6a6a;font-size:16px;line-height:24px}@media (max-width:1200px){.container{flex-direction:column;width:100%}.left-panel{flex-direction:column;width:100%;height:auto;max-height:none;padding:32px;display:flex;position:relative;overflow:visible}body:not(.work-page) .left-panel,body.blog-post-page .left-panel{display:none}.menu-bar,.menu-bar-mobile{z-index:1000;background-color:#fff;width:fit-content;padding:12px 16px 12px 12px;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000014,0 1px 2px -1px #00000014,0 2px 4px #0000000f;display:flex!important;position:fixed!important}.right-panel{align-items:center;width:100%;padding:32px;overflow-x:hidden}.posts-list{overflow-x:hidden}.browser-window{width:100%}.browser-screenshot{object-fit:contain}.post-item:hover{background-color:#0000;border-radius:0}.post-item:hover .post-arrow{color:inherit}.post-arrow{display:none}.post-item{width:100%;max-width:100%;margin-left:0;margin-right:0;padding:0;overflow:hidden}.post-item-link{width:100%;overflow:hidden}.post-content{flex:1;gap:12px;min-width:0;overflow:hidden}.post-cover{flex-shrink:0;width:70px;height:46px}.post-info{flex:1;min-width:0}.post-title,.post-date{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quote-block{width:100%}.quote-content{padding-left:24px}.page-content{gap:32px}}@media (max-width:768px){.about-text-wrapper{width:100%}.left-panel{flex-direction:column;gap:48px;height:auto;padding:32px 16px 64px;display:flex;overflow:visible}.squares-top-wrapper{gap:16px}body:not(.work-page) .left-panel,body.blog-post-page .left-panel{display:none}.menu-bar{z-index:1000;background-color:#fff;width:fit-content;padding:12px 16px 12px 12px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000014,0 1px 2px -1px #00000014,0 2px 4px #0000000f}.menu-bar-mobile{z-index:1000;background-color:#fff;width:fit-content;padding:12px 16px 12px 12px;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000014,0 1px 2px -1px #00000014,0 2px 4px #0000000f;display:flex!important;position:fixed!important}.right-panel{gap:16px;padding:16px 16px 64px}.headline{font-size:28px;line-height:36px}.about-text-section{padding:0 0 24px}.about-experience-list{padding-top:0;padding-left:0;padding-right:0}.quote-content{padding-left:24px}.page-content{gap:32px}.logo-row{flex-wrap:wrap}.logo-box{flex:0 0 calc(50% - 2px)}}.blog-panel{padding:32px}.right-panel.blog-panel{gap:48px}.blog-content-wrapper{flex-direction:column;gap:24px;width:100%;display:flex}.blog-header{text-align:left;justify-content:flex-start;align-items:center;gap:20px;width:100%;display:flex}.blog-back-btn{color:#000;background-color:#f5f5f5;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:background-color .2s;display:flex}.blog-back-btn:hover{background-color:#e8e8e8}.blog-title{font-family:var(--font-geist-sans), sans-serif;color:#000;margin:0;font-size:21px;font-weight:400;line-height:30px}.blog-hero{aspect-ratio:932/420;background-image:url(/Images/cover1.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #0000001a;border-radius:8px;width:100%;margin-bottom:24px;position:relative;overflow:hidden}.blog-paragraph{font-family:var(--font-geist-sans), sans-serif;color:#6b6a6a;width:70%;margin:0 0 24px;font-size:16px;font-weight:400;line-height:26px}.blog-divider{justify-content:center;align-items:center;gap:4px;width:100%;margin:24px auto;display:flex}.divider-square{background-color:#e4e4e4;border-radius:1px;width:8px;height:8px}.blog-section-title{font-family:var(--font-geist-sans), sans-serif;color:#000;margin:0 0 24px;font-size:21px;font-weight:400;line-height:30px}.blog-section-last{padding-bottom:64px}.blog-image-full{border-radius:8px;width:100%;margin-bottom:48px;overflow:hidden}.blog-img{object-fit:cover;width:100%;height:auto;display:block}.unicorn-embed{aspect-ratio:932/420;width:100%;max-width:100%;display:block;position:relative;overflow:hidden}.unicorn-embed canvas{object-fit:contain;display:block;width:100%!important;height:100%!important}.blog-image-grid{gap:4px;margin:32px 0;display:flex}.blog-image-grid-3 .blog-grid-item{aspect-ratio:308/462;border-radius:8px;flex:1;overflow:hidden}.blog-image-grid-2 .blog-grid-item{aspect-ratio:464/309;border-radius:8px;flex:1;overflow:hidden}.blog-grid-item .blog-img{object-fit:cover;width:100%;height:100%}.blog-video-embed{justify-content:center;align-items:center;width:100%;max-width:100%;margin:32px 0;display:flex}.blog-video-embed iframe,.blog-video-embed blockquote{border-radius:8px;width:100%!important;max-width:100%!important}@media (max-width:1200px){.blog-panel{padding:32px 32px 120px}.blog-header{justify-content:flex-start}.blog-paragraph{width:100%;font-size:16px;line-height:26px}.blog-image-full{margin-bottom:32px}.right-panel.blog-panel{gap:24px}}@media (max-width:768px){.blog-panel{padding:16px 16px 120px}.blog-header{justify-content:flex-start;gap:12px}.blog-title{font-size:18px;line-height:24px}.blog-hero{border-radius:4px}.blog-paragraph{font-size:16px;line-height:26px}.blog-section-title{font-size:18px;line-height:24px}.blog-divider{margin:24px 0}.blog-image-grid{flex-direction:column;gap:8px}.blog-image-grid-3{flex-direction:row;gap:4px}.blog-image-grid-3 .blog-grid-item{aspect-ratio:308/462}.blog-image-grid-2 .blog-grid-item{aspect-ratio:16/9}.blog-image-full{border-radius:4px;margin-bottom:32px}.right-panel.blog-panel{gap:24px}}