@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;src:url(/fonts/instrument-sans-latin.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/geist-mono-latin.woff2)format("woff2")}:root{--ground:#0e0d0c;--surface:#171513;--ink:#f1ece4;--ink-2:#a29b91;--line:#2a2622;--accent:#e6a15c;--sans:"Instrument Sans", "Helvetica Neue", Arial, sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--maxw:1280px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}a{color:inherit}::selection{background:var(--accent);color:var(--ground)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(16px,4vw,56px)}.label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:12px}.site-head{z-index:10;-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb, var(--ground) 72%, transparent);position:sticky;top:0}.head-row{flex-wrap:wrap;align-items:center;gap:24px;padding-block:16px;display:flex}.mark{letter-spacing:-.01em;font-size:16px;font-weight:600;text-decoration:none}.site-nav{flex-wrap:wrap;gap:26px;margin-left:auto;display:flex}.site-nav a{color:var(--ink-2);font-size:15px;text-decoration:none;transition:color .2s}.site-nav a:hover{color:var(--ink)}.status{color:var(--ink-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.status i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px var(--accent);border-radius:50%}.lang{border:1px solid var(--line);min-width:44px;min-height:36px;color:var(--ink);font:500 13px var(--mono);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:0 12px;text-decoration:none;display:inline-grid}.lang:hover{border-color:var(--ink-2)}.stage{height:clamp(300px,52vw,620px);position:relative}.particles{width:100%;height:100%;display:block;position:absolute;inset:0}.stage h1{text-align:center;letter-spacing:-.04em;place-items:center;margin:0;font-size:clamp(56px,13vw,190px);font-weight:650;font-stretch:80%;line-height:.9;display:grid;position:absolute;inset:0}.stage.live h1{color:#0000}.stage .hint{opacity:0;transition:opacity .6s .8s;position:absolute;bottom:12px;right:clamp(16px,4vw,56px)}.stage.live .hint{opacity:1}.hero-foot{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:24px;padding-block:24px clamp(56px,8vw,104px);display:grid}.hero-foot .role{flex-direction:column;grid-column:1/span 4;gap:6px;display:flex}.hero-foot .role .who{color:var(--ink);margin-bottom:14px;font-size:15px}.hero-foot .role strong{font-size:15px;font-weight:500}.lede{letter-spacing:-.01em;grid-column:5/span 5;max-width:46ch;margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.45}.lede em{color:var(--accent);font-style:normal}.ctas{flex-direction:column;grid-column:10/span 3;gap:10px;display:flex}.btn{border-radius:999px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 20px;font-size:15px;font-weight:500;text-decoration:none;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.btn.primary{background:var(--ink);color:var(--ground)}.btn.primary:hover{background:var(--accent)}.btn.ghost{border:1px solid var(--line)}.btn.ghost:hover{border-color:var(--ink-2)}.btn svg{flex:none;width:16px;height:16px}.block{border-top:1px solid var(--line);padding-block:clamp(72px,10vw,136px)}.sec-head{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:24px;margin-bottom:56px;display:grid}.sec-head h2{letter-spacing:-.035em;text-wrap:balance;grid-column:1/span 7;margin:0;font-size:clamp(38px,5.4vw,76px);font-weight:600;font-stretch:85%;line-height:.98}.sec-head p{color:var(--ink-2);grid-column:9/span 4;margin:0}.work{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:16px;min-width:0;padding:clamp(24px,3vw,36px);transition:transform .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(380px circle at var(--x,50%) var(--y,50%), color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%);transition:opacity .3s;position:absolute;inset:0}.card:hover:before{opacity:1}.card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}.card>*{position:relative}.card.feature{grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.card.feature .c-main{flex-direction:column;grid-column:1/span 7;gap:16px;min-width:0;display:flex}.card.feature .c-side{flex-direction:column;grid-column:9/span 4;justify-content:flex-end;gap:12px;display:flex}.c-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.card h3{letter-spacing:-.03em;margin:0;font-size:clamp(28px,3vw,42px);font-weight:600;font-stretch:88%;line-height:1}.card p{color:var(--ink-2);max-width:62ch;margin:0}.tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tags li{font-family:var(--mono);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:5px 10px;font-size:12px}.links{flex-wrap:wrap;gap:18px;font-size:15px;display:flex}.links:empty{display:none}.links a{border-bottom:1px solid var(--accent);padding-bottom:1px;text-decoration:none}.role-tag{font-family:var(--mono);color:var(--accent);font-size:12px}.fact{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding-top:10px;font-size:14px;display:flex}.fact span:first-child{color:var(--ink-2)}.oss{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.oss li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,2fr);align-items:baseline;gap:24px;padding:26px 0;transition:padding .3s;display:grid}.oss li:hover{padding-left:12px}.oss .name{letter-spacing:-.02em;font-size:24px;font-weight:600;text-decoration:none;transition:color .3s}.oss li:hover .name{color:var(--accent)}.oss .pkg{font-family:var(--mono);color:var(--ink-2);text-align:right;overflow-wrap:anywhere;font-size:13px}.oss p{color:var(--ink-2);margin:0}.split{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.caps{grid-column:1/span 5;align-content:start;gap:24px;display:grid}.cap h3{margin:0 0 6px;font-size:15px;font-weight:600}.cap p{color:var(--ink-2);margin:0;font-size:15px}.about{letter-spacing:-.01em;flex-direction:column;grid-column:7/span 6;gap:20px;font-size:clamp(18px,1.5vw,21px);display:flex}.about p{max-width:56ch;margin:0}.contact{flex-direction:column;gap:32px;display:flex}.contact h2{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(48px,9vw,132px);font-weight:650;font-stretch:80%;line-height:.92}.contact h2 span{color:var(--accent)}.mail{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mail code{font-family:var(--mono);-webkit-user-select:all;user-select:all;margin-right:8px;font-size:clamp(16px,2vw,22px)}.mail button{border:1px solid var(--line);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 18px;font-size:14px}.mail button:hover{border-color:var(--ink-2)}.site-foot{border-top:1px solid var(--line);padding-block:32px}.site-foot .wrap{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px;display:flex}[data-reveal]{transition:transform 1s cubic-bezier(.2,.7,.1,1)}[data-reveal].pending{transform:translateY(28px)}@media (width<=900px){.hero-foot .role,.lede,.ctas{grid-column:1/-1}.ctas{flex-flow:wrap}.sec-head h2,.sec-head p{grid-column:1/-1}.work{grid-template-columns:minmax(0,1fr)}.card.feature .c-main,.card.feature .c-side{grid-column:1/-1}.oss li{grid-template-columns:minmax(0,1fr);gap:6px}.oss .pkg{text-align:left}.caps,.about{grid-column:1/-1}.site-nav{order:3;gap:20px;width:100%;margin-left:0}.status{margin-left:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}[data-reveal].pending{opacity:1;transform:none}}
