@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f1e8;--surface:#f5f1e8db;--text:#1d1c19;--muted:#716e65;--faint:#a49e91;--line:#ded8cc;--grid:#43362708;--accent:#e76f3d;--accent-dark:#b84a20;--chip:#ece6da;--shadow:0 18px 55px #4c36221a;--danger:#b33a2e}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171512;--surface:#171512e0;--text:#f1eadf;--muted:#aaa196;--faint:#736b62;--line:#342f29;--grid:#ffecd106;--accent:#ef7c4b;--accent-dark:#ff9a70;--chip:#24201c;--shadow:0 16px 50px #00000040;--danger:#ff8d7d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);min-width:320px;color:var(--text);background-size:70px 70px;margin:0;font-family:Manrope,sans-serif;font-size:14px;line-height:1.65;transition:background-color .18s,color .18s}a{color:inherit;text-decoration:none}button,input,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}svg{stroke-width:1.7px;width:17px;height:17px}.wrap{width:min(768px,100% - 40px);margin-inline:auto}.site-shell{min-height:100vh}.site-header{justify-content:space-between;align-items:center;height:98px;display:flex}.site-header nav{gap:28px;display:flex}.site-header a{color:var(--muted);position:relative}.site-header a:hover,.site-header a.active{color:var(--text)}.site-header a.active:after{content:"";background:var(--text);height:1px;position:absolute;bottom:-7px;left:0;right:0}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:8px;display:grid}.icon-button:hover{background:var(--chip)}.profile-hero{padding:44px 0 26px}.identity{align-items:center;gap:16px;display:flex}.avatar{border:1px solid var(--line);background:repeating-linear-gradient(135deg, var(--chip), var(--chip) 6px, transparent 6px, transparent 12px);width:65px;height:65px;color:var(--muted);border-radius:12px;place-items:center;font:500 16px DM Mono;display:grid;overflow:hidden}.profile-mark{object-fit:contain;image-rendering:auto;flex:0 0 65px;width:65px;height:65px;transition:filter .18s}[data-theme=dark] .profile-mark{filter:invert()}.avatar.small{border-radius:50%;width:46px;height:46px;font-size:12px}h1,h2,h3,p{margin-top:0}.identity h1,.project-card h3,.contact-card h3,.catalog-card h3{font-family:Manrope,sans-serif}.about-intro h1,.services-hero h1,.components-hero h1,.detail-heading h1,.not-found h1{font-family:Instrument Serif,serif;font-weight:400}.identity h1{letter-spacing:-1.35px;margin:0;font-size:30px;line-height:1.2}.role{height:23px;color:var(--muted);margin:3px 0 0;font-size:15px;line-height:23px}.role-stage{vertical-align:baseline;font-weight:500;display:inline-grid}.role-measure,.role-current{white-space:nowrap;grid-area:1/1;display:block}.role-measure{visibility:hidden}.role-letter{white-space:pre;animation:.44s cubic-bezier(.22,1,.36,1) both role-letter-in;animation-delay:calc(var(--letter-index) * 16ms);display:inline-block}.role-current.leaving .role-letter{animation:.3s ease-in both role-letter-out;animation-delay:calc(var(--letter-index) * 10ms)}@keyframes role-letter-in{0%{opacity:0;filter:blur(7px)}to{opacity:1;filter:blur()}}@keyframes role-letter-out{0%{opacity:1;filter:blur()}to{opacity:0;filter:blur(7px)}}.meta-grid{grid-template-columns:1.1fr 1.45fr 1fr;gap:24px;margin:36px 0 29px;display:grid}.meta-grid dt,.section-label,.eyebrow{text-transform:uppercase;letter-spacing:1.7px;color:var(--muted);font:400 11px/1.4 DM Mono}.meta-grid dd{white-space:nowrap;align-items:center;gap:8px;margin:7px 0 0;display:flex}.meta-grid svg{width:14px;color:var(--muted)}.intro{max-width:750px;font-size:15px;line-height:1.75}.social-row{gap:17px;display:flex}.social-row a{color:var(--muted);place-items:center;transition:transform .16s,color .16s;display:grid}.social-row a:hover{color:var(--text);transform:translateY(-2px)}.section{margin-top:58px}.section-label{margin-bottom:16px}.stack-cloud{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.tech-chip{outline:none;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s;display:inline-flex;position:relative}.tech-chip:hover,.tech-chip:focus-visible{z-index:3;transform:scale(1.1)}.tech-chip:before,.tech-chip:after{pointer-events:none;opacity:0;transition:opacity .14s,transform .14s;position:absolute;left:50%}.tech-chip:before{content:"";border:4px solid #0000;border-top-color:#292929;bottom:calc(100% + 4px);transform:translate(-50%,3px)}.tech-chip:after{content:attr(aria-label);color:#fff;white-space:nowrap;background:#292929;border-radius:7px;padding:7px 10px;font:600 10px/1 DM Sans,sans-serif;bottom:calc(100% + 12px);transform:translate(-50%,3px);box-shadow:0 5px 14px #0000003d}.tech-chip:hover:before,.tech-chip:hover:after,.tech-chip:focus-visible:before,.tech-chip:focus-visible:after{opacity:1;transform:translate(-50%)}.tech-chip>img,.tech-chip>svg{object-fit:contain;width:100%;height:100%}.stack-cloud .tech-chip{width:36px;height:36px}[data-theme=light] .tech-chip>img[src$=nextjs\.svg],[data-theme=dark] .tech-chip>img[src$=github\.png]{filter:invert()}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tag-row{flex-wrap:wrap;gap:8px 12px;margin-top:18px;display:flex}.project-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.project-card:first-child{grid-column:1/-1}.project-card:first-child .project-art{height:310px}.project-card:first-child .project-body{grid-template-columns:1fr 1.35fr;align-items:start;column-gap:42px;display:grid}.project-card:first-child .project-title{grid-column:1}.project-card:first-child .project-body>p{grid-area:1/2/span 2;min-height:0;margin-top:0}.project-card:first-child .tag-row{grid-column:1}.project-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;transition:transform .18s,box-shadow .18s;overflow:hidden}.project-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.project-art{border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;height:205px;display:flex;position:relative;overflow:hidden}.project-art:after{content:"";background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.project-art.sky{color:#342116;background:radial-gradient(circle at 70% 20%,#ffd8b8,#0000 25%),linear-gradient(155deg,#e66b3a,#f4bd85 58%,#76533c)}.project-art.paper{color:#29231e;background:radial-gradient(circle at 25% 25%,#f1d8bf,#0000 24%),radial-gradient(circle at 75% 70%,#e8c5a2,#0000 22%),#f7f0e5}.project-art.ink{color:#f5f1e8;background:radial-gradient(circle at 22% 28%,#e76f3d59,#0000 27%),linear-gradient(140deg,#24201c,#4d4035)}.project-art span,.project-art small{z-index:1;letter-spacing:1.4px;font:400 8px DM Mono}.project-art strong{z-index:1;margin:10px;font-size:24px}.project-body{padding:18px 20px 20px}.project-title{justify-content:space-between;align-items:center;display:flex}.project-title h3{margin:0;font-size:15px}.project-title div{gap:11px;display:flex}.project-title a{color:var(--muted)}.project-body>p{color:var(--muted);min-height:70px;margin:10px 0 0}.contact{margin-bottom:72px}.contact-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.contact-options{grid-template-rows:auto repeat(3,1fr) auto;display:grid}.card-pad,.form-card{padding:24px}.contact-card h3{margin-bottom:5px;font-size:18px}.contact-card p{color:var(--muted);line-height:1.6}.contact-link{border-top:1px solid var(--line);grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:15px 20px;display:grid}.contact-link:hover{background:var(--chip)}.contact-link strong,.contact-link small{display:block}.contact-link strong{font-size:12px}.contact-link small{color:var(--muted);font-size:10px}.contact-link>svg{width:13px;color:var(--muted)}.contact-icon{color:var(--muted);place-items:center;display:grid}.visitor-contact{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0}.availability{border-top:1px solid var(--line);color:var(--muted);gap:3px;padding:9px 10px;font-size:12px;display:grid}.availability span{align-items:center;gap:9px;min-height:20px;display:flex}.availability svg{flex:0 0 13px;width:13px;height:13px}.form-card{flex-direction:column;display:flex}.form-card input,.form-card textarea{border:1px solid var(--line);background:var(--bg);border-radius:9px;outline:none;width:100%;margin-bottom:10px;padding:12px 14px}.form-card textarea{resize:none;appearance:none;height:120px;min-height:120px;max-height:120px;overflow-y:auto}.form-card textarea::-webkit-scrollbar{width:8px}.form-card textarea::-webkit-scrollbar-track{background:0 0}.form-card textarea::-webkit-scrollbar-thumb{background:var(--faint);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.form-card textarea::-webkit-scrollbar-button{width:0;height:0;display:none}.form-card textarea::-webkit-scrollbar-button:vertical:start:decrement{background:0 0;width:0;height:0;display:none}.form-card textarea::-webkit-scrollbar-button:vertical:end:increment{background:0 0;width:0;height:0;display:none}.form-card textarea::-webkit-scrollbar-button:vertical:decrement{background:0 0;width:0;height:0;display:none}.form-card textarea::-webkit-scrollbar-button:vertical:increment{background:0 0;width:0;height:0;display:none}.form-card textarea::-webkit-scrollbar-button:single-button{background:0 0;width:0;height:0;display:none}.form-card textarea::-webkit-resizer{background:0 0;display:none}.form-card input:focus,.form-card textarea:focus{border-color:var(--faint)}.bot-field{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.form-card .form-status{min-height:21px;margin:0 0 7px;font-size:12px;line-height:21px}.form-card .form-status.error{color:var(--danger)}.primary-button{background:var(--text);min-height:42px;color:var(--bg);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.primary-button:hover{opacity:.84}.primary-button:disabled{cursor:wait;opacity:.68}.visitor-modal-backdrop{z-index:100;background:color-mix(in srgb, var(--bg) 76%, transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);place-items:center;padding:20px;animation:.18s ease-out modal-fade;display:grid;position:fixed;inset:0}.visitor-modal{border:1px solid var(--line);background:var(--bg);width:min(360px,100%);min-height:280px;box-shadow:var(--shadow);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:32px;animation:.26s ease-out modal-rise;display:flex;position:relative}.modal-close{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--chip)}.modal-close svg{width:14px}.visitor-modal-label{color:var(--muted);text-transform:uppercase;letter-spacing:1.3px;font:400 9px DM Mono}.visitor-modal-number{color:var(--text);font-variant-numeric:tabular-nums;margin:18px 0 8px;font-family:Instrument Serif,serif;line-height:1}.visitor-modal-number strong{letter-spacing:-3px;font-size:76px;font-weight:400}.visitor-modal-number sup{color:var(--accent-dark);vertical-align:top;margin-left:5px;font:400 13px DM Mono}.visitor-modal p{color:var(--muted);margin:0;font-size:12px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.site-footer{border-top:1px solid var(--line);min-height:130px;color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:26px;font-size:12px;display:grid}.site-footer p{margin:0}.site-footer nav{gap:20px;display:flex}.site-footer>div{justify-content:flex-end;gap:14px;display:flex}.site-footer a:hover{color:var(--text)}.prose-page{padding-top:72px}.about-intro,.services-hero{max-width:680px}.about-intro h1,.services-hero h1{letter-spacing:-3.2px;margin:22px 0 24px;font-size:clamp(38px,7vw,62px);font-weight:600;line-height:1.08}.about-intro h1 span,.services-hero h1 span{color:var(--muted)}.about-intro>p:not(.eyebrow),.services-hero>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.9}.about-intro blockquote{border-left:2px solid var(--accent);color:var(--muted);margin:38px 0;padding-left:24px;font-family:Georgia,serif;font-size:19px;font-style:italic}.traits{flex-wrap:wrap;gap:8px;margin:34px 0;display:flex}.traits span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 12px;font:400 10px DM Mono}.about-meta{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding:16px 0;display:grid}.about-meta div{border-right:1px solid var(--line);padding:7px 18px}.about-meta div:first-child{padding-left:0}.about-meta div:last-child{border:0}.about-meta dt{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font:400 9px DM Mono}.about-meta dd{margin:4px 0 0}.about-meta a{align-items:center;gap:5px;display:inline-flex}.story{margin-top:82px}.story p{max-width:680px;color:var(--muted);margin-bottom:20px;font-size:15px;line-height:1.95}.principles{border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.principles article{min-height:190px;padding:26px}.principles article:nth-child(odd){border-right:1px solid var(--line)}.principles article:nth-child(-n+2){border-bottom:1px solid var(--line)}.principles span,.process article>span{color:var(--accent-dark);font:400 10px DM Mono}.principles h3{margin:18px 0 7px}.principles p,.beyond p{color:var(--muted)}.beyond>div{border-top:1px solid var(--line);grid-template-columns:180px 1fr;gap:24px;padding:24px 0;display:grid}.beyond h3{font-size:13px}.connect-strip{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;margin:80px 0;padding:35px 0;display:flex}.connect-strip h2{margin-bottom:5px;font-size:22px}.connect-strip p{color:var(--muted);max-width:430px;margin:0}.connect-strip>div:last-child{flex-direction:column;gap:7px;min-width:100px;display:flex}.connect-strip a{align-items:center;gap:8px;font-size:12px;display:flex}.services-hero{padding-bottom:65px}.service-list{border-top:1px solid var(--line)}.service-list article{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr 2fr 28px;align-items:start;gap:22px;min-height:150px;padding:28px 0;display:grid}.service-list article>span{color:var(--accent-dark);font:400 10px DM Mono}.service-list h2{font-size:18px}.service-list p{color:var(--muted)}.process>div{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.process article{padding:24px 18px 0 0}.process h3{margin:14px 0 5px}.process p{color:var(--muted);font-size:12px}.components-page{padding-top:28px}.component-stats{gap:10px;display:flex}.component-stats span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 10px;font:400 9px DM Mono}.components-hero{max-width:625px;padding:38px 0 50px}.components-hero h1{letter-spacing:-3px;margin-bottom:10px;font-size:54px}.components-hero>p{color:var(--muted);max-width:570px;font-size:15px}.components-hero>div{flex-wrap:wrap;gap:20px;margin-top:25px;display:flex}.components-hero>div span{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.catalog-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.catalog-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;transition:transform .18s,box-shadow .18s;overflow:hidden}.catalog-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.component-preview{border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 45%), var(--chip);height:180px;color:var(--muted);text-transform:capitalize;justify-content:center;align-items:center;gap:12px;display:flex}.catalog-card>div:last-child{padding:19px;position:relative}.catalog-num{color:var(--faint);font:400 9px DM Mono;position:absolute;top:20px;right:19px}.catalog-card h3{margin-bottom:7px;font-size:15px}.catalog-card p{color:var(--muted);min-height:68px;font-size:12px;line-height:1.7}.view-component{color:var(--muted);align-items:center;gap:3px;font-size:10px;display:flex}.view-component svg{width:12px}.mini-search,.mini-tabs,.filter-chips{background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow);align-items:center;gap:10px;display:flex}.mini-search{border-radius:10px;width:78%;padding:10px 12px;font-size:11px}.mini-search kbd{border:1px solid var(--line);border-radius:4px;margin-left:auto;padding:1px 5px}.mini-tabs{border-radius:10px;padding:4px;font-size:10px}.mini-tabs span,.mini-tabs b{padding:6px 10px;font-weight:400}.mini-tabs b{background:var(--text);color:var(--bg);border-radius:7px}.filter-chips{border-radius:10px;padding:10px}.filter-chips span,.filter-chips b{border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:9px}.filter-chips b{background:var(--text);color:var(--bg)}.confetti button{background:var(--text);color:var(--bg);border:0;border-radius:8px;padding:9px 15px}.mini-command{background:var(--bg);border:1px solid var(--line);width:72%;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:5px;padding:8px;display:flex}.mini-command span,.mini-command small{align-items:center;gap:7px;padding:6px 8px;font-size:9px;display:flex}.mini-command small{background:var(--chip);border-radius:5px}.catalog-signoff{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:13px;margin:60px 0 85px;padding-top:28px;display:flex}.catalog-signoff p{margin:0;font-size:11px;line-height:1.5}.catalog-signoff>span{margin-left:auto;font:400 9px DM Mono}.component-detail{padding:60px 0 100px}.back-link{color:var(--muted);font-size:12px}.detail-heading{max-width:610px;padding:50px 0 38px}.detail-heading h1{letter-spacing:-2.2px;margin:15px 0 8px;font-size:45px}.detail-heading>p:last-child{color:var(--muted);font-size:15px}.demo-stage{border:1px solid var(--line);border-radius:14px;overflow:hidden}.demo-stage .component-preview{border:0;height:390px}.demo-stage .mini-command,.demo-stage .mini-search{max-width:430px}.code-panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-top:18px;overflow:hidden}.code-panel>div{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:11px 15px;font:400 10px DM Mono;display:flex}.code-panel button{cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:flex}.code-panel pre{margin:0;padding:24px;font:400 13px DM Mono;overflow:auto}.detail-note{color:var(--muted);margin-top:20px}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;min-height:70vh;display:flex}.not-found>span{color:var(--accent-dark);font:400 11px DM Mono}.not-found h1{letter-spacing:-2px;margin:10px 0 0;font-size:48px}.not-found p{color:var(--muted)}@media (width<=700px){body{background-size:44px 44px}.wrap{width:min(100% - 30px,768px)}.site-header{height:75px}.site-header nav{gap:19px}.profile-hero{padding-top:30px}.identity h1{font-size:26px}.meta-grid{grid-template-columns:1fr;gap:16px;margin:29px 0 24px}.meta-grid dd{white-space:normal}.project-grid,.contact-grid,.catalog-grid{grid-template-columns:1fr}.project-card:first-child{grid-column:auto}.project-card:first-child .project-art{height:220px}.project-card:first-child .project-body{display:block}.project-card:first-child .project-body>p{margin-top:10px}.project-body>p,.catalog-card p{min-height:0}.site-footer{grid-template-columns:1fr;gap:17px;padding:30px 0}.site-footer nav{flex-wrap:wrap}.site-footer>div{justify-content:flex-start}.about-intro h1,.services-hero h1{letter-spacing:-2px}.about-meta,.principles{grid-template-columns:1fr}.about-meta div{border:0;padding:10px 0}.principles article:nth-child(n){border-right:0;border-bottom:1px solid var(--line)}.principles article:last-child{border-bottom:0}.beyond>div{grid-template-columns:1fr;gap:3px}.connect-strip{flex-direction:column;align-items:flex-start}.connect-strip>div:last-child{flex-flow:wrap;gap:16px}.service-list article{grid-template-columns:35px 1fr 20px}.service-list article p{grid-column:2/4}.process>div{grid-template-columns:1fr 1fr}.components-hero h1{font-size:43px}.demo-stage .component-preview{height:290px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}