@import url(https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;600;700&family=Inter:wght@400;600&family=Geist+Mono:wght@400&display=swap);:root{--color-surface-background-default:#16181a;--color-surface-buttons-button-enable:#f1e23c;--color-text-heading-default:#fff;--color-text-body-default:#e2e4e6;--color-text-body-secondary:#8d929d;--color-text-button-default:#16181a;--color-border-default:#43474f;--color-border-light:#5a5f6a;--color-neutral-300:#8d929d;--color-neutral-700:#43474f;--color-neutral-800:#2d3035;--color-neutral-900:#1f2124;--color-blue-300:#88bfff;--color-blue-800:#163c66;--color-yellow-400:#f4e863;--color-yellow-700:#918824;--color-icons-default:#fff;--color-icons-dark:#5a5f6a;--type-font-family-headings:"Albert Sans",sans-serif;--type-font-family-body:"Inter",sans-serif;--type-font-family-subheading:"Geist Mono",monospace;--type-font-weight-regular:normal;--type-font-weight-semibold:600;--type-font-weight-bold:bold;--fontsize-headings-h2:48px;--fontsize-subheadings-h5:24px;--fontsize-subheadings-h6:20px;--fontsize-body-sm:12px;--fontsize-body-md:14px;--fontsize-body-lg:16px;--line-height-body-sm:20px;--line-height-body-md:28px;--line-height-body-lg:32px;--line-height-subheadings-h5:40px;--line-height-subheadings-h6:32px;--paragraph-spacing-headings-h3:12px;--paragraph-spacing-subheadings-h5:8px;--paragraph-spacing-subheadings-h6:8px;--paragraph-spacing-body-sm:8px;--paragraph-spacing-body-md:12px;--paragraph-spacing-body-lg:14px;--sizes-spacing-none:0px;--sizes-spacing-sp-4:4px;--sizes-spacing-sp-8:8px;--sizes-spacing-sp-12:12px;--sizes-spacing-sp-16:16px;--sizes-spacing-sp-24:24px;--sizes-spacing-sp-32:32px;--sizes-spacing-sp-40:40px;--sizes-border-br-1:1px;--sizes-border-none:0px;--sizes-radius-none:0px;--sizes-radius-rd-8:8px;--sizes-radius-rd-12:12px;--sizes-avatar-small:28px;--sizes-avatar-medium:36px;--sizes-avatar-large:56px;--sizes-icon-small:8px;--sizes-icon-medium:20px;--sizes-icon-large:36px;--sizes-projectCard-height:280px;--sizes-section-headerHeight:64px;--fontsize-subheadings-h4:32px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#16181a;background-color:var(--color-surface-background-default);color:#fff;color:var(--color-text-heading-default);font-family:Inter,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;font-family:var(--type-font-family-body),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100vh;overflow:auto;width:100vw}@media (max-width:768px){#root{height:auto;min-height:100vh}body{overflow-x:hidden}}.homepage{gap:var(--sizes-spacing-none);height:100vh;padding:var(--sizes-spacing-none);width:100%}.homepage,.homepage-left{align-items:flex-start;background-color:var(--color-surface-background-default);display:flex;overflow:hidden;position:relative}.homepage-left{border-right:var(--sizes-border-br-1) solid var(--color-border-default);flex-direction:column;flex-shrink:0;gap:var(--sizes-spacing-sp-24);height:100%;padding:var(--sizes-spacing-none) var(--sizes-spacing-sp-40) var(--sizes-spacing-sp-32);width:572px}.decorative-ellipse-1{bottom:-150px;height:452px;left:252px;position:absolute;width:452px}.decorative-ellipse-1 img{display:block;height:100%;width:100%}.decorative-union{height:285.968px;left:-208px;position:absolute;top:402px;width:1186.722px}.decorative-union img{display:block;height:100%;width:100%}.homepage-header{align-items:center;justify-content:space-between;padding:var(--sizes-spacing-sp-24) var(--sizes-spacing-none)}.homepage-header,.homepage-intro{display:flex;flex-shrink:0;position:relative;width:100%}.homepage-intro{align-items:flex-start;flex-direction:column;gap:var(--sizes-spacing-sp-24);min-height:1px;min-width:1px}.homepage-title{color:var(--color-text-heading-default);font-family:var(--type-font-family-headings);font-size:var(--fontsize-headings-h2);font-weight:var(--type-font-weight-bold);line-height:var(--fontsize-headings-h2)}.homepage-description,.homepage-title{margin:0;min-width:100%;white-space:pre-wrap}.homepage-description{color:var(--color-text-body-secondary);font-family:var(--type-font-family-subheading);font-size:var(--fontsize-body-lg);font-weight:var(--type-font-weight-regular);line-height:var(--line-height-body-lg)}.homepage-connect{align-items:flex-start;bottom:var(--sizes-spacing-sp-32);display:flex;flex-direction:column;flex-shrink:0;gap:var(--sizes-spacing-sp-16);left:var(--sizes-spacing-sp-40);padding:var(--sizes-spacing-none);position:absolute;width:281px}.connect-title{color:var(--color-text-heading-default);font-family:var(--type-font-family-headings);font-size:var(--fontsize-subheadings-h5);font-weight:var(--type-font-weight-bold);line-height:var(--line-height-subheadings-h5)}.connect-subtitle,.connect-title{margin:0;min-width:100%;white-space:pre-wrap}.connect-subtitle{color:var(--color-text-body-secondary);font-family:var(--type-font-family-body);font-size:var(--fontsize-body-lg);font-weight:var(--type-font-weight-regular);line-height:var(--line-height-body-lg)}.social-links{align-items:center;display:flex;flex-shrink:0;gap:var(--sizes-spacing-sp-24);padding:var(--sizes-spacing-none);position:relative}.social-link{cursor:pointer;flex-shrink:0;position:relative}.social-link,.social-link img{display:block;height:24px;transition:filter .2s ease;width:24px}.social-link img{filter:brightness(0) invert(1);object-fit:contain}.social-link:hover img{filter:invert(64%) sepia(4%) saturate(710%) hue-rotate(187deg) brightness(91%) contrast(84%)}.homepage-right{flex-direction:column;gap:var(--sizes-spacing-none);height:100%;overflow-x:auto;overflow-y:auto;width:868px}.homepage-right,.section-header{align-items:center;display:flex;flex-shrink:0;position:relative}.section-header{border-bottom:var(--sizes-border-br-1) solid var(--color-neutral-700);gap:var(--sizes-spacing-sp-8);height:var(--sizes-section-headerHeight);padding:var(--sizes-spacing-sp-16) var(--sizes-spacing-sp-24);width:100%}.section-icon{font-size:var(--fontsize-body-lg);margin-right:0}.section-title{color:var(--color-text-heading-default);font-family:var(--type-font-family-subheading);font-size:var(--fontsize-body-lg);font-weight:var(--type-font-weight-bold);line-height:var(--line-height-body-lg)}.projects-grid,.section-title{flex-shrink:0;position:relative}.projects-grid{align-items:flex-start;display:flex;flex-direction:column;gap:var(--sizes-spacing-sp-24);padding:var(--sizes-spacing-sp-32) var(--sizes-spacing-sp-24);width:100%}.projects-row{align-items:stretch;width:820px}.articles-grid,.projects-row{display:flex;flex-shrink:0;gap:var(--sizes-spacing-sp-24);position:relative}.articles-grid{align-items:flex-start;flex-direction:column;padding:var(--sizes-spacing-sp-32) var(--sizes-spacing-sp-24);width:100%}.articles-row{align-items:stretch;flex-shrink:0;gap:var(--sizes-spacing-sp-32);width:820px}.articles-row,.substack-cta{display:flex;position:relative}.substack-cta{align-items:flex-start;flex:1 0;flex-direction:column;flex-shrink:0;gap:var(--sizes-spacing-sp-12);height:100%;justify-content:center;min-height:1px;min-width:1px;padding:var(--sizes-spacing-none)}.substack-text{color:var(--color-text-body-default);font-family:var(--type-font-family-subheading);font-size:var(--fontsize-body-md);font-weight:var(--type-font-weight-regular);line-height:var(--line-height-body-sm);margin:0;min-width:100%;white-space:pre-wrap}@media (max-width:1440px) and (min-width:1025px){.homepage-right{width:calc(100vw - 572px)}.articles-row,.projects-row{min-width:820px}}@media (max-width:1024px) and (min-width:769px){.homepage-left{width:400px}.homepage-right{width:calc(100% - 400px)}.articles-row,.projects-row{min-width:720px;width:100%}}@media (max-width:768px){.homepage{overflow-y:auto;position:relative}.homepage,.homepage-left{display:flex;flex-direction:column;height:auto}.homepage-left{border-right:none;padding:var(--sizes-spacing-none);padding-bottom:var(--sizes-spacing-none);width:100%}.homepage-header{background-color:var(--color-surface-background-default);left:0;padding:var(--sizes-spacing-sp-8) var(--sizes-spacing-sp-16);position:fixed;right:0;top:0;width:100%;z-index:100}.decorative-ellipse-1{display:none}.decorative-union{height:285.968px;left:-208px;top:202px;width:1186.722px}.homepage-intro{gap:var(--sizes-spacing-sp-12);padding:var(--sizes-spacing-sp-16);padding-bottom:var(--sizes-spacing-sp-32);padding-top:calc(56px + var(--sizes-spacing-sp-16))}.homepage-title{font-size:var(--fontsize-subheadings-h4);line-height:var(--fontsize-headings-h2)}.homepage-description{font-size:var(--fontsize-body-md);line-height:var(--line-height-body-md)}.homepage-connect{bottom:auto;left:auto;margin-top:0;overflow:visible;padding:var(--sizes-spacing-sp-24) var(--sizes-spacing-sp-16);position:relative;width:100%;z-index:1}.homepage-connect:after{background-image:url(https://www.figma.com/api/mcp/asset/ac48036c-0250-47ea-b1da-5bf78b301c8f);background-repeat:no-repeat;background-size:contain;bottom:-80px;content:"";height:272px;pointer-events:none;position:absolute;right:-50px;width:272px;z-index:0}.connect-title{font-size:var(--fontsize-subheadings-h6);line-height:var(--line-height-subheadings-h6)}.connect-subtitle,.connect-title{min-width:auto;position:relative;white-space:normal;width:auto;z-index:2}.connect-subtitle{font-size:var(--fontsize-body-md);line-height:var(--line-height-body-md)}.social-links{gap:var(--sizes-spacing-sp-24);position:relative;z-index:2}.social-link,.social-link img{height:28px;width:28px}.homepage-right{height:auto;overflow-y:visible;width:100%}.section-header{padding:var(--sizes-spacing-sp-8) var(--sizes-spacing-sp-24)}.projects-grid{padding:var(--sizes-spacing-sp-32) var(--sizes-spacing-sp-16) var(--sizes-spacing-sp-16)}.projects-grid,.projects-row{gap:var(--sizes-spacing-sp-16)}.projects-row{flex-direction:column;width:100%}.articles-grid{border-bottom:var(--sizes-border-br-1) solid var(--color-border-default);padding:var(--sizes-spacing-sp-24) var(--sizes-spacing-sp-16) var(--sizes-spacing-sp-12)}.articles-grid,.articles-row{gap:var(--sizes-spacing-sp-16)}.articles-row{flex-direction:column;width:100%}.substack-cta{gap:var(--sizes-spacing-sp-24);padding:var(--sizes-spacing-sp-16) var(--sizes-spacing-none)}.substack-text{font-size:var(--fontsize-body-md);line-height:var(--line-height-body-md)}}.avatar{flex-shrink:0;position:relative}.avatar,.avatar-background{height:var(--sizes-avatar-large);width:var(--sizes-avatar-large)}.avatar-background{left:0;position:absolute;top:0}.avatar-bg-circle{display:block;height:100%;width:100%}.avatar-image{height:var(--sizes-avatar-small);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--sizes-avatar-small)}.avatar-image img{height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none;width:100%}@media (max-width:768px){.avatar,.avatar-background{height:40px;width:40px}.avatar-image{height:28px;width:28px}}.status-badge{background-color:var(--color-neutral-700);border-radius:100px;gap:var(--sizes-spacing-sp-8);padding:var(--sizes-spacing-sp-8) var(--sizes-spacing-sp-12)}.status-badge,.status-dot-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center}.status-dot,.status-dot-wrapper{height:var(--sizes-icon-small);position:relative;width:var(--sizes-icon-small)}.status-dot{flex-shrink:0;z-index:2}.status-dot img{display:block;height:100%;width:100%}.status-dot-wrapper.sonar-active:after,.status-dot-wrapper.sonar-active:before{animation:sonar-pulse 3.5s cubic-bezier(.25,.46,.45,.94) infinite;border:1.5px solid #f4e863;border:1.5px solid var(--color-yellow-400,#f4e863);border-radius:50%;content:"";height:var(--sizes-icon-small);left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--sizes-icon-small)}.status-dot-wrapper.sonar-active:before{animation-delay:0s}.status-dot-wrapper.sonar-active:after{animation-delay:1.75s}@keyframes sonar-pulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(4)}}.status-text{color:var(--color-text-heading-default);font-family:var(--type-font-family-headings);font-size:var(--fontsize-body-sm);font-weight:var(--type-font-weight-semibold);line-height:var(--paragraph-spacing-body-sm);text-align:center}.button{align-items:center;background-color:var(--color-surface-buttons-button-enable);border:none;border-radius:var(--sizes-radius-rd-8);cursor:pointer;display:flex;gap:var(--sizes-spacing-none);justify-content:center;padding:var(--sizes-spacing-sp-4) var(--sizes-spacing-sp-24);transition:opacity .2s ease}.button:hover{opacity:.9}.button-text{color:var(--color-text-button-default);font-family:var(--type-font-family-headings);font-size:var(--fontsize-body-lg);font-weight:var(--type-font-weight-bold);line-height:var(--line-height-body-lg);text-align:center}@media (max-width:768px){.button{padding:var(--sizes-spacing-sp-4) var(--sizes-spacing-sp-16)}.button-text{font-size:var(--fontsize-body-md);line-height:var(--line-height-body-md)}}.project-card{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:var(--sizes-spacing-sp-8);height:100%;justify-content:flex-start;padding:var(--sizes-spacing-none);transition:transform .6s ease-out,opacity .6s ease-out;width:398px}.project-card:hover{opacity:.9;transform:translateY(-2px)}.project-card-image-container{align-items:center;border-radius:var(--sizes-radius-rd-8);display:flex;flex-direction:column;flex-shrink:0;gap:var(--sizes-spacing-none);height:var(--sizes-projectCard-height);justify-content:center;overflow:hidden;padding:var(--sizes-spacing-none);position:relative;width:100%}.project-card-image{border-radius:var(--sizes-radius-rd-8);height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:center center;transition:height .6s ease-out,width .6s ease-out,transform .6s ease-out;width:100%}.project-card:hover .project-card-image{height:350px;min-height:350px;min-width:497.5px;transform:translate(-50%,-50%);width:497.5px}.project-card-image img{height:100%;object-fit:cover;object-position:50% 50%;width:100%}.project-card-image img,.project-card-image-overlay{border-radius:var(--sizes-radius-rd-8);inset:0;pointer-events:none;position:absolute}.project-card-image-overlay{overflow:hidden}.project-card-image-overlay img{height:141.55%;left:25.91%;object-fit:contain;object-position:center;position:absolute;top:12.49%;width:48.17%}.project-card-image:after{background-color:#0000;border-radius:var(--sizes-radius-rd-8);content:"";inset:0;pointer-events:none;position:absolute;transition:background-color .6s ease-out}.project-card:hover .project-card-image:after{background-color:#0003}.project-card-content{flex:1 1;flex-direction:column;gap:var(--sizes-spacing-none);justify-content:flex-start}.project-card-content,.project-card-header{display:flex;padding:var(--sizes-spacing-none)}.project-card-header{align-items:center;gap:var(--sizes-spacing-sp-8)}.project-card-title{color:var(--color-text-heading-default);flex-shrink:0;font-family:var(--type-font-family-body);font-size:var(--fontsize-body-lg);font-weight:var(--type-font-weight-semibold);line-height:var(--line-height-body-lg);margin:0}.project-card-icon{flex-shrink:0;height:var(--sizes-icon-medium);width:var(--sizes-icon-medium)}.project-card-icon img{display:block;height:100%;width:100%}.project-card-description{color:var(--color-text-body-secondary);font-family:var(--type-font-family-body);font-size:var(--fontsize-body-md);font-weight:var(--type-font-weight-regular);line-height:var(--line-height-body-md);margin:0;min-width:100%;white-space:pre-wrap}@media (max-width:768px){.project-card{width:100%}.project-card-image-container{height:280px}.project-card:hover{opacity:1;transform:none}.project-card:hover .project-card-image{height:100%;min-height:auto;min-width:auto;width:100%}.project-card:hover .project-card-image:after{background-color:#0000}}.card{align-items:flex-start;background-color:var(--color-neutral-800);border:var(--sizes-border-br-1) solid var(--color-border-light);border-radius:var(--sizes-radius-rd-12);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:var(--sizes-spacing-sp-8);height:220px;padding:var(--sizes-spacing-sp-24);transition:transform .6s ease-out,opacity .6s ease-out,border-color .6s ease-out,background-color .6s ease-out;width:394px}.card:hover{background-color:var(--color-neutral-900);border-color:var(--color-surface-buttons-button-enable);opacity:.9;transform:translateY(-2px)}.card-title{color:var(--color-text-heading-default);font-size:var(--fontsize-body-lg);font-weight:var(--type-font-weight-semibold);line-height:var(--line-height-body-lg)}.card-description,.card-title{font-family:var(--type-font-family-body);margin:0;white-space:pre-wrap;width:100%}.card-description{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--color-text-body-secondary);display:-webkit-box;flex:1 1;font-size:var(--fontsize-body-sm);font-weight:var(--type-font-weight-regular);line-height:var(--line-height-body-sm);overflow:hidden}.card-footer{align-items:center;display:flex;gap:var(--sizes-spacing-sp-12);margin-top:auto;width:100%}.card-read-text{color:var(--color-text-heading-default);flex-shrink:0;font-family:var(--type-font-family-headings);font-size:var(--fontsize-body-lg);font-weight:var(--type-font-weight-bold);line-height:var(--line-height-body-lg);transition:color .6s ease-out}.card:hover .card-read-text{color:var(--color-surface-buttons-button-enable)}.card-icon{flex-shrink:0;height:var(--sizes-icon-medium);position:relative;width:var(--sizes-icon-medium)}.card-icon img{display:block;height:100%;width:100%}@media (max-width:768px){.card{height:auto;min-height:200px;width:100%}.card:hover{background-color:var(--color-neutral-800);border-color:var(--color-border-light);opacity:1;transform:none}.card:hover .card-read-text{color:var(--color-text-heading-default)}}.App{min-height:100vh;width:100%}
/*# sourceMappingURL=main.b557db5d.css.map*/