.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{color-scheme:light;--canvas: #ffffff;--ink: #0a0a0a;--muted: #666666;--surface: #f2f2f2;--hairline: #d8d8d8;--ui-border: #767676;--font-sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;--shell: 1120px;--page-gutter: 80px}*{box-sizing:border-box}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0}html{min-width:320px;background:var(--canvas);color:var(--ink);scroll-padding-top:24px;scrollbar-gutter:stable;text-rendering:optimizeLegibility}body{min-width:320px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:17px;line-height:1.65}::selection{background:var(--ink);color:var(--canvas)}a{color:inherit}img,svg{display:block}img{max-width:100%}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:4px}main:focus{outline:none}main{flex:1 0 auto}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;top:12px;left:12px;z-index:100;min-height:44px;padding:9px 14px;transform:translateY(-160%);border:1px solid var(--ink);background:var(--canvas);color:var(--ink);font-weight:600}.skip-link:focus{transform:translateY(0)}.shell{width:min(var(--shell),calc(100% - (2 * var(--page-gutter))));margin-inline:auto}.text-link{display:inline-flex;min-height:44px;align-items:center;color:inherit;text-decoration:none}.text-link:hover,.text-link:active{color:inherit;text-decoration:none;transform:none}.arrow-icon{flex:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.3}.prose>*{margin:0}.prose>*+*{margin-top:24px}.prose h1,.prose h2,.prose h3{font-weight:500;line-height:1.4}.prose h1{font-size:28px}.prose h2{margin-top:48px;font-size:24px}.prose h3{font-size:18px}.prose ul,.prose ol{padding-left:1.35em}.prose code{border:1px solid var(--hairline);background:var(--surface);padding:.12em .32em;font-family:ui-monospace,monospace;font-size:.88em}.prose pre{overflow-x:auto;border:1px solid var(--hairline);background:var(--surface);padding:20px}.prose pre code{border:0;background:transparent;padding:0}.prose a{color:var(--muted);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}.prose a:hover,.prose a:active{color:var(--ink)}.site-header{position:relative;z-index:20}.site-header__inner{display:grid;grid-template-columns:1fr;align-items:start;padding-top:75px}.site-brand{display:inline-flex;width:137px;min-height:67px;flex-direction:column;justify-content:center;color:var(--ink);font-size:24px;font-weight:700;line-height:.93;letter-spacing:.035em;text-decoration:none}.site-language{display:none}.primary-navigation a:hover,.primary-navigation a:active,.page-rail a:hover,.page-rail a:active{color:var(--ink)}.primary-navigation,.page-rail ul{display:grid;gap:0}.primary-navigation a,.page-rail a,.page-rail span{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:14px;line-height:21px;text-decoration:none}.page-rail a,.page-rail span{justify-content:flex-start}.page-rail a{min-width:44px}.primary-navigation [aria-current],.page-rail [aria-current]{color:var(--ink)}.page-rail ul{margin:0;padding:0;list-style:none}.page-rail small{color:inherit;font-size:13px;font-variant-numeric:tabular-nums}.site-frame{display:grid;grid-template-columns:repeat(3,minmax(0,93.333333px)) repeat(9,minmax(0,1fr));column-gap:0;padding-top:151px}.site-frame__rail{grid-column:1 / span 3}.site-frame__content{min-width:0;grid-column:4 / -1}.site-menu-toggle,.site-menu-panel{display:none}.site-menu-toggle{position:absolute;top:59px;right:73px;z-index:30;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent}.site-menu-toggle span,.site-menu-toggle span:before,.site-menu-toggle span:after{position:absolute;left:7px;width:30px;height:1px;background:var(--ink);content:""}.site-menu-toggle span{top:21px}.site-menu-toggle span:before{top:-14px;left:0}.site-menu-toggle span:after{top:14px;left:0}[data-menu-open] .site-menu-toggle span{background:transparent}[data-menu-open] .site-menu-toggle span:before{top:0;transform:rotate(45deg)}[data-menu-open] .site-menu-toggle span:after{top:0;transform:rotate(-45deg)}.site-footer{padding-block:64px 32px;color:var(--muted);font-size:13px}.site-footer .shell{display:flex;min-height:44px;align-items:center}.site-footer p{margin:0}@media(min-width:1081px){.site-header__inner{min-height:142px}.site-brand{position:fixed;top:75px;left:max(var(--page-gutter),calc((100vw - var(--shell)) / 2))}.site-language{position:fixed;top:75px;right:max(var(--page-gutter),calc((100vw - var(--shell)) / 2));display:block;color:var(--ink);font-size:14px;line-height:21px}.site-frame__rail{position:sticky;top:293px;align-self:start}}.home-portal{padding-bottom:64px}.home-portal__statement{max-width:30ch;margin:0;font-size:24px;font-weight:500;line-height:1.25}@media(max-width:767px){.home-portal{padding-bottom:32px}}.projects-page{min-width:0;padding-bottom:64px}.projects-page__intro{display:grid;align-items:start;grid-template-columns:160px minmax(0,1fr);gap:24px;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--hairline)}.projects-page__intro h1{margin:0;font-size:16px;font-weight:500;line-height:1.5}.projects-page__intro p{max-width:52ch;margin:0;color:var(--muted);font-size:16px;line-height:1.6}.projects-group{scroll-margin-top:32px}.projects-group+.projects-group{margin-top:112px}.projects-group__title{margin:0 0 24px;font-size:16px;font-weight:500;line-height:1.3}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:9.23vw;row-gap:80px}.project-card{display:block;min-width:0;color:var(--muted);text-decoration:none}.project-card figure{margin:0}.project-card__media{overflow:hidden;background:var(--surface)}.project-card__media img{display:block;width:100%;height:auto;object-fit:contain}.project-card__caption{display:flex;min-height:44px;align-items:baseline;justify-content:space-between;gap:20px;padding-top:12px}.project-card__caption h3{margin:0;font-size:16px;font-weight:500;line-height:1.3}.project-card__caption time{flex:none;color:inherit;font-size:13px;font-variant-numeric:tabular-nums}.project-card:hover,.project-card:active{color:var(--ink)}.project-detail{min-width:0;padding-bottom:64px}.project-detail__header h1{max-width:42ch;margin:0;font-size:18px;font-weight:500;line-height:1.4}.project-detail__summary{max-width:58ch;margin:24px 0 0;font-size:16px;line-height:1.65}.project-detail__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:40px 0 0}.project-detail__meta div{padding-top:12px;border-top:1px solid var(--hairline)}.project-detail__meta dt{color:var(--muted);font-size:13px}.project-detail__meta dd{margin:8px 0 0;font-size:16px}.project-detail__tags{display:flex;flex-wrap:wrap;gap:8px 20px;margin:24px 0 0;padding:0;color:var(--muted);list-style:none}.project-detail__cover{margin:72px 0 0;background:var(--surface)}.project-detail__cover img{display:block;width:100%;height:auto;object-fit:contain}.project-detail__story{margin-top:96px}.project-detail__story>h2,.project-demo>h2{margin:0 0 40px;font-size:16px;font-weight:500}.project-detail__prose{max-width:68ch;font-size:16px;line-height:1.7}.project-demo{margin-top:112px;padding-top:24px;border-top:1px solid var(--hairline)}.project-demo>.text-link{display:inline-flex;min-height:44px;align-items:center}.project-demo>.text-link,.project-frame__bar .text-link{color:var(--muted)}.project-demo>.text-link:hover,.project-demo>.text-link:active,.project-frame__bar .text-link:hover,.project-frame__bar .text-link:active{color:var(--ink)}.project-frame{overflow:hidden;margin-top:40px;border:1px solid var(--ui-border);background:var(--canvas)}.project-frame__bar{display:flex;min-height:60px;align-items:center;justify-content:space-between;gap:16px;padding:6px 18px;border-bottom:1px solid var(--hairline);font-size:14px;font-weight:500}.project-frame iframe{display:block;width:100%;min-height:560px;border:0;background:var(--canvas)}@media(max-width:767px){.projects-page__intro{grid-template-columns:1fr;gap:12px;margin-bottom:32px}.projects-group+.projects-group{margin-top:80px}.project-detail__meta{grid-template-columns:1fr}.project-detail__cover,.project-detail__story,.project-demo{margin-top:72px}.project-frame iframe{min-height:480px}}@media(max-width:500px){.projects-grid{grid-template-columns:1fr;row-gap:25px;margin-inline:calc(-1 * var(--page-gutter))}.project-card__caption{padding-inline:var(--page-gutter)}.project-card:focus-visible{outline-offset:-3px}}.writing-page{min-width:0;padding-bottom:64px}.writing-page__intro{display:grid;grid-template-columns:112px minmax(0,1fr);gap:24px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--hairline)}.writing-page__intro h1{margin:0;font-size:16px;font-weight:500;line-height:1.4}.writing-page__intro p{grid-column:2;max-width:58ch;margin:0;color:var(--muted);font-size:14px;line-height:1.8}.writing-group{scroll-margin-top:32px}.writing-group+.writing-group{margin-top:96px}.writing-group>h2:not(.visually-hidden){margin:0 0 20px;font-size:16px;font-weight:500;line-height:1.4}.writing-list{margin:0;padding:0;border-top:1px solid var(--hairline);list-style:none}.writing-row{display:grid;min-height:112px;grid-template-columns:112px minmax(0,1fr) 96px;align-items:start;gap:24px;padding-block:20px;border-bottom:1px solid var(--hairline);color:var(--muted);text-decoration:none}.writing-row:hover,.writing-row:active{color:var(--ink)}.writing-row>time,.writing-row__category{color:inherit;font-size:13px;line-height:1.5}.writing-row>time{font-variant-numeric:tabular-nums}.writing-row__copy{min-width:0}.writing-row h3{margin:0;color:inherit;font-size:16px;font-weight:500;line-height:1.3}.writing-row__copy>span{display:block;max-width:54ch;margin-top:8px;color:inherit;font-size:14px;line-height:1.5}.writing-row__category{justify-self:end;text-align:right}.note-article{min-width:0;padding-bottom:64px}.note-article__status{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--muted);font-size:13px;line-height:1.5}.note-article__header h1{max-width:42ch;margin:24px 0 0;font-size:18px;font-weight:500;line-height:1.4}.note-article__summary{max-width:52ch;margin:24px 0 0;font-size:16px;line-height:1.65}.note-article__dates{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:32px;color:var(--muted);font-size:13px;line-height:1.5}.note-prose{max-width:68ch;margin-top:72px;font-size:16px;line-height:1.72}@media(max-width:767px){.writing-page__intro{grid-template-columns:1fr;gap:12px}.writing-page__intro p{grid-column:1}.writing-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 20px}.writing-row>time{grid-column:1;grid-row:1}.writing-row__copy{grid-column:1 / -1;grid-row:2}.writing-row__category{grid-column:2;grid-row:1}.note-article__dates{display:grid}.note-prose{margin-top:72px}}.about-page{max-width:720px}.about-section{scroll-margin-top:32px}.about-section+.about-section{margin-top:112px}.about-section h1,.about-section h2{max-width:16ch;margin:0 0 24px;font-size:18px;font-weight:500;line-height:1.4}.about-section .about-page__statement{max-width:25ch;margin:0 0 24px;font-size:18px;line-height:1.5}.about-section p{max-width:58ch;margin:0;color:var(--muted);font-size:14px;line-height:2}.about-section p+p{margin-top:24px}.about-principles{margin:0;padding:0;border-top:1px solid var(--hairline);list-style:none}.about-principles li{padding-block:24px;border-bottom:1px solid var(--hairline)}.about-principles h3{margin:0 0 8px;font-size:18px;font-weight:500}@media(max-width:767px){.about-section+.about-section{margin-top:72px}}.contact-page{max-width:680px;padding-bottom:64px}.contact-page h1{margin:0 0 32px;font-size:16px;font-weight:500;line-height:1.4}.contact-page__statement{max-width:24ch;margin:0 0 24px;font-size:18px;line-height:1.5}.contact-page>p:last-child{max-width:58ch;margin:0;color:var(--muted);font-size:14px;line-height:1.9}.apps-page,.lab-page{min-width:0;padding-bottom:64px}.apps-page__intro{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--hairline)}.apps-page__intro h1,.lab-page h1{margin:0;font-size:16px;font-weight:500;line-height:1.4}.apps-page__intro p{max-width:52ch;margin:0;color:var(--muted);font-size:16px;line-height:1.6}.apps-list{margin:0;padding:0;border-top:1px solid var(--hairline);list-style:none}.app-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.75fr);gap:40px;padding-block:32px;border-bottom:1px solid var(--hairline)}.app-row__media{display:block;min-height:44px;background:var(--surface)}.app-row__media img{display:block;width:100%;height:auto;object-fit:contain}.app-row__copy h2{margin:0;font-size:18px;font-weight:500;line-height:1.4}.app-row__copy>p{margin:16px 0 0;color:var(--muted);font-size:16px;line-height:1.6}.app-row__copy>div{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:32px}.app-row__copy a{display:inline-flex;min-height:44px;align-items:center;color:var(--muted);text-decoration:none}.app-row__copy a:hover,.app-row__copy a:active{color:var(--ink)}.lab-page{max-width:58ch}.lab-page__statement{margin:32px 0 16px;font-size:18px;line-height:1.5}.lab-page>p:last-child{margin:0;color:var(--muted);font-size:16px;line-height:1.65}@media(max-width:767px){.apps-page__intro{grid-template-columns:1fr;gap:12px}.app-row{grid-template-columns:1fr;gap:28px}}.not-found{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding-block:96px}.not-found__title{grid-column:1 / span 6}.not-found__title>p{margin:0 0 20px;color:var(--muted);font-size:13px}.not-found h1{max-width:9ch;margin:0;font-size:clamp(48px,6.25vw,80px);font-weight:500;letter-spacing:-.045em;line-height:.96}.not-found__recovery{grid-column:8 / -1}.not-found__message p{margin:0;color:var(--muted);font-size:16px;line-height:1.6}.not-found__message p+p{margin-top:20px}.not-found__links{display:grid;grid-template-columns:1fr;gap:24px;margin-top:48px;padding-top:20px;border-top:1px solid var(--hairline)}.not-found__links a{display:inline-flex;min-width:44px;min-height:44px;align-items:center;color:var(--muted);text-decoration:none}.not-found__links a:hover,.not-found__links a:active{color:var(--ink)}@media(max-width:767px){.not-found{grid-template-columns:1fr;gap:0;padding-block:72px}.not-found__title,.not-found__recovery{grid-column:1}.not-found__recovery{margin-top:56px}.not-found__links{grid-template-columns:1fr}}@media(max-width:1080px){:root{--page-gutter: 80px}.site-frame{grid-template-columns:repeat(8,minmax(0,1fr));row-gap:48px}.site-frame__rail{grid-column:1 / -1}.site-frame__rail--primary{display:none}.site-frame__rail--context{display:block}.site-frame__content{grid-column:1 / -1}.page-rail ul{display:flex;flex-wrap:wrap;column-gap:24px}.site-menu-toggle{top:59px;right:73px}[data-menu-ready] .site-menu-toggle:not([hidden]){display:grid;place-items:center}.site-menu-panel{grid-column:1 / -1;display:grid;gap:24px;padding-top:32px}[data-menu-ready] .site-menu-panel[hidden]{display:none}[data-menu-open] .site-menu-panel{position:fixed;z-index:20;inset:0;display:grid;align-content:start;gap:40px;overflow-y:auto;padding:247px 0 40px;background:var(--canvas)}.primary-navigation--menu{margin-inline:8px}.primary-navigation--menu{gap:0}.primary-navigation--menu a{min-height:50px;padding-inline:72px;color:var(--muted);font-size:20px;line-height:28px}.site-footer{padding-block:48px 24px}}@media(max-width:720px){:root{--page-gutter: 24px}.site-header__inner{padding-top:72px}.site-frame{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;row-gap:48px;padding-top:126px}.site-menu-toggle{right:18px}.primary-navigation--menu a{padding-inline:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}