@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0x9ccydb91kkt.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0fpdy-lufm69d.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-vietnamese-wght-normal.3jl0_j8w0bekq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-ext-wght-normal.2c7zyf29vrghw.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-wght-normal.0oxh562_148qc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-latin-400-normal.19gbeb610ur4n.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-400-normal.3nj-glub930lh.woff)format("woff")}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-latin-ext-400-normal.1ih4rrmj883u6.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-ext-400-normal.0hj8bqnym411c.woff)format("woff")}
:root{--bg:#08090d;--surface:#101116;--card:#121319;--text:#f1f0f5;--muted:#92929f;--dim:#92929f;--accent:#ad8aff;--accent-solid:#7251bd;--border:#ffffff16;--hover:#ffffff0b;--glow:#734aca21;--font-body:"DM Sans Variable", Arial, sans-serif;--font-heading:"Space Grotesk Variable", "DM Sans Variable", sans-serif;--font-mono:"IBM Plex Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root.light{--bg:#f8f8fb;--surface:#f0eff5;--card:#fff;--text:#20202b;--muted:#646472;--dim:#6e6b79;--accent:#7650c7;--accent-solid:#7751cb;--border:#1812291f;--hover:#2314410b;--glow:#8a62d51c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--bg);color:var(--text);font:15px/1.65 var(--font-body);-webkit-font-smoothing:antialiased;margin:0}::selection{color:#fff;background:#8156c7}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.45}input,textarea{color:var(--text);background:var(--bg);border:1px solid var(--border);outline:none}input:focus,textarea:focus{border-color:var(--accent)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:4px}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.045em;font-weight:500;line-height:1.2}h2{font-size:38px}h3{font-size:22px}p{color:var(--muted)}.container{width:calc(100% - 112px);max-width:1200px;margin-inline:auto}.mono,.eyebrow,kbd{font-family:var(--font-mono)}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{letter-spacing:1.7px;color:var(--muted);align-items:center;gap:10px;font-size:10px;font-weight:400;line-height:1.5;display:flex}.section-index{color:var(--accent);margin-right:5px}.tiny-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block;box-shadow:0 0 9px #9d78f344}.text-link{align-items:center;gap:10px;font-size:13px;font-weight:500;display:inline-flex}.text-link:hover{color:var(--accent)}.button{border-radius:7px;justify-content:center;align-items:center;gap:20px;padding:13px 20px;font-size:13px;font-weight:600;line-height:1.5;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent-solid);color:#fff;border:1px solid #c0a0ff66;box-shadow:inset 0 1px #ffffff1c,0 0 30px #8b5cf612}.primary:hover{background:#a184ec;box-shadow:0 4px 24px #8b5cf628}.secondary{background:var(--hover);border:1px solid var(--border)}.secondary:hover{background:var(--border)}.skip{z-index:1000;background:var(--accent);color:#111;padding:10px 20px;position:fixed;top:-100px;left:20px}.skip:focus{top:15px}.scroll-progress{background:var(--accent);transform-origin:0;z-index:200;width:100%;height:2px;position:fixed;top:0;left:0}.header{border-bottom:1px solid var(--border);z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:82px;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:24px;width:calc(100% - 80px);max-width:1320px;height:100%;margin:auto;display:flex}.brand{letter-spacing:-1px;font-size:24px;font-family:var(--font-heading);align-items:center;gap:0;font-weight:700;display:inline-flex}.brand-icon{width:28px;height:28px;color:var(--accent);background:#a787ed10;border:1px solid #b594ff55;border-radius:7px;justify-content:center;align-items:center;margin-right:11px;font-size:19px;line-height:1;display:flex;position:relative}.brand-icon span{font-size:10px;position:absolute;top:2px;right:2px}.brand-dot{color:var(--accent)}.handle{font:10px var(--font-mono);letter-spacing:-.2px;color:var(--dim);margin-left:12px}.desktop-nav{align-self:stretch;align-items:center;gap:27px;display:flex}.desktop-nav a{color:var(--muted);white-space:nowrap;align-items:center;height:100%;font-size:12px;display:flex;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text)}.desktop-nav a.active:after{content:"";background:var(--accent);width:18px;height:2px;position:absolute;bottom:0;left:calc(50% - 9px)}.nav-actions{align-items:center;gap:13px;display:flex}.command-trigger{color:var(--muted);align-items:center;gap:8px;display:flex}kbd{letter-spacing:0;background:var(--hover);border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:3px 5px;font-size:10px}.nav-divider{border-left:1px solid var(--border);height:17px;margin:0 3px}.icon-button{min-width:25px;min-height:30px;color:var(--muted);justify-content:center;align-items:center;display:flex}.icon-button:hover{color:var(--accent)}.language-button{font-size:10px;font-family:var(--font-mono)}.nav-contact{background:var(--hover);border:1px solid var(--border);border-radius:6px;align-items:center;gap:14px;margin-left:5px;padding:8px 12px;font-size:11px;display:flex}.mobile-toggle{display:none}.hero{grid-template-columns:1.12fr 1fr;align-items:center;gap:38px;min-height:716px;padding-top:28px;padding-bottom:92px;display:grid;position:relative}.hero-grid{z-index:-1;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:62px 62px;position:absolute;inset:0 -30px;-webkit-mask-image:radial-gradient(at 70% 40%,#0004,#0000 65%);mask-image:radial-gradient(at 70% 40%,#0004,#0000 65%)}.hero:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#7041bd13,#0000 65%);width:650px;height:600px;position:absolute;top:-50px;right:0}.hero-eyebrow{letter-spacing:1.2px;margin-bottom:27px;font-size:9px}.eyebrow-line{background:var(--border);width:36px;height:1px;margin-left:3px}.hero-hello{letter-spacing:-.65px;color:var(--text);align-items:center;gap:13px;margin-bottom:12px;font-size:23px;display:flex}.wave{color:var(--accent);font-size:23px}.hero h1{letter-spacing:-2.8px;max-width:660px;font-size:clamp(42px,4vw,58px);font-weight:500;line-height:1.13}.hero h1 span{color:var(--accent);-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#c3a6fa,#9872e9);-webkit-background-clip:text;background-clip:text}.mobile-break{display:none}.rotating-role{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:11px;margin-top:23px;font-size:12px;display:flex}.rotating-role>span:first-child{color:var(--accent)}.role-text{animation:.5s ease-out role}.hero-description{max-width:430px;margin-top:18px;font-size:14px;line-height:1.9}.hero-buttons{gap:11px;margin-top:29px;display:flex}.hero-meta{color:var(--dim);align-items:center;gap:18px;margin-top:30px;font-size:10px;display:flex}.hero-meta>span,.hero-meta>a{align-items:center;gap:7px;display:flex}.hero-meta>a:hover{color:var(--accent)}.meta-divider{background:var(--border);width:1px;height:12px}.hero-bottom{color:var(--dim);letter-spacing:1px;justify-content:space-between;align-items:center;font-size:8px;display:flex;position:absolute;bottom:26px;left:0;right:0}.hero-bottom>span:first-child{font-family:var(--font-mono);align-items:center;gap:10px;display:flex}.hero-bottom>span:nth-child(2){letter-spacing:.4px}.scroll-mouse{border:1px solid var(--dim);border-radius:8px;width:12px;height:20px;display:block;position:relative}.scroll-mouse:before{content:"";background:var(--muted);width:2px;height:4px;animation:2s infinite scroll;position:absolute;top:4px;left:4px}.architecture-hero{align-self:center;width:100%;min-width:0;margin-top:20px;position:relative}.architecture-top{color:var(--dim);letter-spacing:1px;justify-content:space-between;padding:0 10px;font-size:8px;display:flex}.architecture-top>span:first-child{align-items:center;gap:7px;display:flex}.architecture-top .tiny-dot{background:#9f93b7;width:4px;height:4px}.architecture-canvas{isolation:isolate;background:radial-gradient(#9761f918,#0000 60%);height:380px;position:relative;overflow:clip}.connections{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.orbit{z-index:-1;border:1px solid #9c78de12;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-22deg)}.orbit-one{width:85%;height:80%}.orbit-two{width:65%;height:112%}.orbit-three{width:100%;height:52%}.architecture-cross{color:#9272bd66;font-family:var(--font-mono);font-size:13px;position:absolute}.cross-one{top:13%;left:5%}.cross-two{bottom:19%;right:7%}.system-node{border:1px solid var(--border);background:linear-gradient(130deg, color-mix(in srgb, var(--surface) 95%, #9c6aff), var(--surface));border-radius:9px;flex-direction:column;align-items:center;min-width:120px;padding:13px 12px 12px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0002}.system-node:hover,.node-active{border-color:#a582ee77;box-shadow:0 0 35px #8251ce20,0 10px 25px #0002}.system-node strong{margin-top:6px;font-size:11px;font-weight:500;line-height:1.4}.system-node small{font:7px var(--font-mono);color:var(--dim);margin-top:6px}.node-icon{color:#a4a0af}.node-frontend{min-width:144px;top:24px}.node-api{min-width:164px;padding-top:16px;top:150px}.node-api .node-icon{color:var(--accent)}.node-api strong{font-size:13px}.node-api small{font-size:8px}.node-status{font:6px var(--font-mono);color:var(--accent);letter-spacing:.65px;align-items:center;gap:5px;margin-top:12px;display:flex}.node-status i{background:var(--accent);border-radius:50%;width:3px;height:3px}.node-database{top:286px;left:17.4%}.node-cache{top:286px;left:50%}.node-infra{top:286px;left:82.6%}.architecture-caption{background:var(--hover);border:1px solid var(--border);border-radius:7px;align-items:center;gap:12px;min-height:61px;margin:18px 10px 0;padding:12px 13px;display:flex}.caption-icon{color:var(--accent);background:#9c75ec10;border:1px solid #a582ee22;border-radius:6px;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.architecture-caption p{flex:1;font-size:10px;line-height:1.7;animation:.3s role}.architecture-caption>span:last-child{color:var(--dim);font-size:15px}.architecture-bottom{letter-spacing:.7px;color:var(--dim);justify-content:space-between;margin:13px 12px 0;font-size:6px;display:flex}.architecture-bottom>span:last-child{align-items:center;gap:5px;display:flex}.architecture-bottom .tiny-dot{width:3px;height:3px}.technology-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.strip-inner{justify-content:space-between;align-items:center;gap:24px;min-height:83px;display:flex}.strip-label{font:8px/1.8 var(--font-mono);letter-spacing:.9px;max-width:142px;color:var(--dim);border-right:1px solid var(--border);padding-right:25px}.strip-tech{letter-spacing:-.3px;color:var(--muted);white-space:nowrap;align-items:center;gap:9px;font-size:14px;font-weight:500;display:flex}.tech-logo{color:var(--muted);font-size:22px;line-height:1}.tech-logo.php{border:1.5px solid var(--muted);border-radius:50%;padding:0 4px;font:italic 700 14px Georgia}.strip-inner>a{color:var(--dim)}.section{padding-block:85px}.section-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:31px;display:flex}.section-heading h2{margin-top:15px}.section-heading p{margin-top:13px;font-size:13px}.section-heading>.text-link{white-space:nowrap;margin-bottom:5px;font-size:12px}.project-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.project-grid>div{min-width:0}.project-card{border:1px solid var(--border);background:var(--card);border-radius:11px;height:100%;transition:border-color .3s,transform .3s;display:block;overflow:hidden}.project-card:hover{border-color:#a885eb55;transform:translateY(-4px)}.project-visual{isolation:isolate;background:#14111e;border-bottom:1px solid #ffffff0b;justify-content:center;align-items:center;height:262px;display:flex;position:relative;overflow:hidden}.project-visual:before{content:"";z-index:-1;background:radial-gradient(at 50% 80%,#8757d52b,#0000 75%);position:absolute;inset:0}.project-visual.blue{background:#0e1520}.project-visual.blue:before{background:radial-gradient(at 50% 80%,#4276c82b,#0000 75%)}.project-visual.green{background:#101c18}.project-visual.green:before{background:radial-gradient(at 50% 80%,#50b39522,#0000 75%)}.project-visual.orange{background:#201911}.project-visual.orange:before{background:radial-gradient(at 50% 80%,#cd9a4922,#0000 75%)}.visual-grid{z-index:-1;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 80%);mask-image:radial-gradient(#000,#0000 80%)}.visual-label{text-align:right;color:#a09aa466;letter-spacing:1px;font-size:6px;position:absolute;bottom:12px;left:16px;right:16px}.stream-diagram{background:linear-gradient(135deg,#201a31,#15121e);border:1px solid #a382d12b;border-radius:9px;width:75%;max-width:380px;padding:20px 22px;transition:transform .5s;transform:perspective(800px)rotateY(-8deg)rotateX(5deg);box-shadow:0 20px 50px #0004}.project-card:hover .stream-diagram{transform:perspective(800px)rotateY(0)rotateX(0)}.diagram-top{color:#c1a6f3;align-items:center;gap:12px;display:flex}.mini-logo{font:500 30px var(--font-heading);line-height:1;position:relative}.mini-logo span{font-size:14px;position:absolute;top:-7px;right:-6px}.diagram-top>.mono{letter-spacing:1.3px;flex:1;font-size:9px;line-height:1.8}.diagram-top small{color:#9b8bab;letter-spacing:1px;font-size:5px}.diagram-top>svg{opacity:.5}.stream-track{align-items:center;gap:15px;margin-top:21px;display:flex}.stream-play{color:#d5b8ff;background:#9161cd1a;border:1px solid #ae83eb55;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;font-size:11px;display:flex}.stream-wave{flex:1;align-items:center;gap:3px;height:51px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000,#000 70%,#0000);mask-image:linear-gradient(90deg,#000,#000 70%,#0000)}.stream-wave i{opacity:.7;background:linear-gradient(#a67bdf,#614585);border-radius:3px;flex-shrink:0;width:3px}.stream-track>.mono{color:#a892bd;letter-spacing:1px;font-size:8px}.diagram-flow{justify-content:space-between;align-items:center;gap:8px;margin-top:22px;display:flex}.diagram-flow>span{font:6px var(--font-mono);color:#b9a8cf;white-space:nowrap;align-items:center;gap:5px;display:flex}.diagram-flow>i{background:#9a75cc33;flex:1;height:1px}.license-diagram{width:73%;max-width:360px;transition:transform .5s;transform:perspective(800px)rotateY(-8deg)rotateX(5deg)}.project-card:hover .license-diagram{transform:perspective(800px)rotateY(0)rotateX(0)}.flow-mark{font:600 italic 41px var(--font-heading);letter-spacing:-3px;color:#d0deff;align-items:center;margin-bottom:14px;display:flex}.flow-mark>span:first-child{color:#9cbcff}.flow-spark{letter-spacing:0;color:#7d9edb;margin-left:5px;font-size:27px;font-style:normal}.license-row{background:linear-gradient(120deg,#1e2b42,#152032);border:1px solid #84a2db35;border-radius:9px;align-items:center;gap:11px;padding:16px;display:flex;box-shadow:0 16px 40px #0003}.license-avatar{color:#9dbdfb;background:#729cef0d;border:1px solid #83a8f344;border-radius:9px;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.license-row>div{flex-direction:column;flex:1;gap:6px;display:flex}.license-row strong{letter-spacing:.1px;color:#cddcff;font-size:10px;font-weight:500}.license-dots{font:9px var(--font-mono);color:#8596b8;letter-spacing:1px}.license-check{color:#83c6b8;background:#70cbb915;border:1px solid #70cbb933;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.license-pills{justify-content:flex-end;gap:7px;margin-top:12px;display:flex}.license-pills span{font:6px var(--font-mono);letter-spacing:1px;color:#93a6cc;background:#85a9ed0a;border:1px solid #84a2db1c;border-radius:4px;align-items:center;gap:5px;padding:5px 9px;display:flex}.license-pills i{background:#7ca6c7;border-radius:50%;width:3px;height:3px}.small-visual{color:#98c7b1;flex-direction:column;align-items:center;gap:10px;width:80%;display:flex}.orange .small-visual{color:#c6ac85}.small-visual>strong{font:500 28px var(--font-heading);letter-spacing:-1px}.small-visual .diagram-flow{width:100%;margin-top:15px}.small-visual .diagram-flow span{color:inherit;font-size:8px}.project-content{padding:25px 27px 27px}.project-category{font:8px var(--font-mono);letter-spacing:1px;color:var(--dim);justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.project-title{justify-content:space-between;align-items:center;display:flex}.project-title h3{letter-spacing:-.7px;font-size:26px}.project-arrow{border:1px solid var(--border);width:30px;height:30px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;transition:background .3s,color .3s;display:flex}.project-card:hover .project-arrow{background:var(--accent);color:var(--bg)}.project-content p{max-width:380px;min-height:46px;margin-top:11px;font-size:12px;line-height:1.9}.tags{flex-wrap:wrap;gap:6px;margin-top:21px;display:flex}.tags>span{font:9px/1.4 var(--font-mono);border:1px solid var(--border);background:var(--hover);color:var(--muted);border-radius:4px;padding:5px 8px}.compact-projects{grid-template-columns:1fr 1fr;gap:25px;margin-top:19px;display:grid}.compact-projects>a{border:1px solid var(--border);border-radius:8px;align-items:center;gap:14px;padding:18px 20px;transition:background .2s;display:flex}.compact-projects>a:hover{background:var(--surface)}.compact-icon{border:1px solid var(--border);border-radius:7px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.compact-icon.green{color:#86b8a4;background:#76bfa30a}.compact-icon.orange{color:#b8a183;background:#bda46b0a}.compact-projects>a>div{flex-direction:column;flex:1;gap:5px;display:flex}.compact-projects strong{letter-spacing:-.2px;font-size:13px;font-weight:500}.compact-projects>a>div>span{font:6px var(--font-mono);color:var(--dim);letter-spacing:.5px}.compact-projects>a>svg{color:var(--muted)}.compact-stack{font:7px var(--font-mono);color:var(--dim)}.expertise-section{border-block:1px solid var(--border);background:linear-gradient(120deg, var(--surface), var(--bg))}.expertise-intro{grid-template-columns:1fr 1fr;align-items:center;gap:100px;display:grid}.expertise-intro h2{margin-top:17px;line-height:1.25}.expertise-intro h2 span{color:var(--muted)}.expertise-intro>p{max-width:430px;font-size:14px;line-height:1.9}.expertise-grid{border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(3,1fr);margin-top:37px;display:grid;overflow:hidden}.expertise-card{padding:28px;position:relative}.expertise-card+.expertise-card{border-left:1px solid var(--border)}.expertise-card-top{color:var(--accent);justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.expertise-card-top>span{font:9px var(--font-mono);color:var(--dim)}.expertise-card h3{font-size:20px}.expertise-card p{min-height:66px;margin-top:12px;font-size:12px;line-height:1.9}.expertise-card>.mono{color:var(--dim);margin-top:27px;font-size:8px;display:block}.about-teaser{grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-block:98px;display:grid}.about-teaser h2{margin-top:18px;font-size:32px;line-height:1.3}.about-teaser p{font-size:13px;line-height:1.95}.about-teaser .text-link{margin-top:22px}.cta-section{border:1px solid var(--border);text-align:center;isolation:isolate;background:var(--surface);border-radius:13px;margin-bottom:80px;padding:64px 60px;position:relative;overflow:hidden}.cta-section>.eyebrow{justify-content:center}.cta-section h2{margin-top:19px;font-size:40px}.cta-section h2>span{color:var(--accent)}.cta-section p{margin-top:16px;font-size:12px}.cta-section .button{margin-top:27px}.cta-glow{z-index:-1;background:radial-gradient(ellipse at 50% 110%, var(--glow), transparent 60%);position:absolute;inset:0}.cta-star{font:200px/1 var(--font-heading);color:#a480e70c;position:absolute;bottom:-50px;right:-42px;transform:rotate(-10deg)}.footer{border-top:1px solid var(--border);width:calc(100% - 112px);max-width:1200px;margin:auto}.footer-top{align-items:center;gap:28px;padding-block:30px;display:flex}.footer-top .brand{font-size:25px}.footer-top p{flex:1;font-size:11px}.footer-top>a:not(.brand){color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.footer-bottom{border-top:1px solid var(--border);color:var(--dim);justify-content:space-between;align-items:center;padding-block:20px;font-size:9px;display:flex}.footer-bottom>div{align-items:center;gap:21px;display:flex}.footer-bottom button{color:var(--dim);align-items:center;gap:7px;padding:0;font-size:9px;display:flex}.footer-bottom kbd{font-size:8px}.page{min-height:70vh;padding-block:75px 100px}.page-heading{max-width:850px;margin-bottom:48px}.page-heading h1{letter-spacing:-2.5px;margin-top:22px;font-size:56px;line-height:1.15}.page-heading>p{max-width:680px;margin-top:18px;font-size:15px;line-height:1.9}.inner-section{margin-top:80px}.inner-section>h2{margin-block:16px}.inner-section>p{font-size:14px}.filter-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:7px;margin-bottom:30px;padding-bottom:22px;display:flex}.filter-bar button{color:var(--muted);border:1px solid #0000;border-radius:6px;align-items:center;gap:9px;padding:8px 15px;font-size:12px;display:flex}.filter-bar button:hover{background:var(--hover)}.filter-bar button.active{color:var(--accent);background:#9f7bde12;border-color:#a280e344}.filter-bar button span{font:9px var(--font-mono);opacity:1}.empty-state{border:1px dashed var(--border);background:var(--hover);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:280px;margin-block:30px;padding:55px 25px;display:flex}.empty-state>svg{color:var(--accent);opacity:.75}.empty-state h2{font-size:25px}.empty-state h3{font-size:20px}.empty-state p{max-width:500px;font-size:13px}.search-field{border:1px solid var(--border);background:var(--surface);color:var(--dim);border-radius:7px;align-items:center;gap:13px;max-width:520px;margin-bottom:15px;padding:12px 16px;display:flex}.search-field input{background:0 0;border:none;width:100%;font-size:13px}.search-field>span{font:10px var(--font-mono)}.stack-groups{flex-direction:column;gap:45px;margin-top:42px;display:flex}.stack-group-heading{align-items:center;gap:18px;margin-bottom:20px;display:flex}.stack-group-heading>svg{color:var(--accent)}.stack-group-heading>div{flex:1}.stack-group-heading h2{letter-spacing:-.6px;font-size:23px}.stack-group-heading p{margin-top:5px;font-size:12px}.stack-group-heading>.mono{color:var(--dim);font-size:11px}.skill-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.skill-tile{border:1px solid var(--border);background:var(--surface);border-radius:7px;align-items:center;gap:11px;padding:13px;font-size:11px;transition:background .2s,border-color .2s,transform .2s;display:flex}.skill-tile:hover{background:var(--card);border-color:#aa85ed55;transform:translateY(-2px)}.skill-tile>span:nth-child(2){flex:1}.skill-tile>svg{color:var(--dim);opacity:0}.skill-tile:hover>svg{opacity:1}.skill-monogram{border:1px solid var(--border);background:var(--hover);width:30px;height:30px;color:var(--accent);border-radius:6px;justify-content:center;align-items:center;font-size:10px;font-weight:500;display:flex}.color-1{color:#9aaddc}.color-2{color:#a6c3a8}.color-3{color:#b9a6c9}.color-4{color:#c2b499}.about-lead{grid-template-columns:300px 1fr;gap:70px;padding-top:20px;display:grid}.about-mark{border:1px solid var(--border);background:radial-gradient(ellipse at 50% 20%, var(--glow), var(--surface));border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:320px;display:flex}.about-mark>span{font:700 130px/.9 var(--font-heading);letter-spacing:-12px;color:var(--accent);position:relative}.about-mark>span>span{font-size:50px;position:absolute;top:-12px;right:-23px}.about-mark>.mono{letter-spacing:1.5px;text-align:center;color:var(--dim);font-size:8px;line-height:2.3}.about-lead h2{max-width:500px;margin-bottom:20px;font-size:33px}.about-lead p{margin-top:16px;font-size:14px;line-height:1.9}.timeline{margin-top:30px}.timeline-item{border-bottom:1px solid var(--border);align-items:center;gap:25px;padding-block:22px;display:flex}.timeline-item h3{letter-spacing:-.5px;font-size:21px}.timeline-number{font:11px var(--font-mono);color:var(--accent);width:35px}.philosophy-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px;display:grid}.philosophy-grid>div{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:27px}.philosophy-grid .mono{color:var(--accent);font-size:10px}.philosophy-grid h3{margin-top:28px;font-size:21px;line-height:1.4}.case-header{margin-block:43px}.case-header h1{margin-top:14px;font-size:70px}.case-header h1>span{color:var(--accent)}.case-header .page-description{max-width:700px;margin-top:20px;font-size:17px;line-height:1.8}.case-header .button{margin-top:25px}.historical{color:var(--dim);margin-top:20px;font-size:10px}.case-study>.project-visual{border:1px solid var(--border);border-radius:12px;height:400px}.case-study .stream-diagram{max-width:480px;padding:30px}.case-study .license-diagram{max-width:440px}.case-study .visual-label{font-size:8px}.visual-disclaimer{font:8px var(--font-mono);text-align:right;margin-top:10px}.case-grid{grid-template-columns:220px 1fr;align-items:start;gap:70px;margin-top:65px;display:grid}.case-grid aside{color:var(--muted);flex-direction:column;gap:16px;font-size:11px;display:flex;position:sticky;top:120px}.case-grid aside a:hover{color:var(--accent)}.case-body section+section{margin-top:55px}.case-body h2{margin-top:17px;font-size:29px}.case-body p{margin-top:16px;font-size:15px;line-height:1.95}.case-body ul{color:var(--muted);margin-top:23px;padding-left:18px;font-size:14px}.case-body li{padding:7px 0}.case-body li::marker{color:var(--accent)}.architecture-flow{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.architecture-flow>div{border:1px solid var(--border);background:var(--surface);border-radius:7px;align-items:center;gap:15px;padding:19px;display:flex}.architecture-flow .mono{color:var(--accent);font-size:10px}.architecture-flow strong{flex:1;font-size:11px;font-weight:500}.architecture-flow svg{color:var(--dim)}.contact-layout{grid-template-columns:1fr 1.5fr;align-items:start;gap:85px;display:grid}.contact-symbol{color:var(--accent);background:#ad8aff08;border:1px solid #ad8aff33;border-radius:14px;justify-content:center;align-items:center;width:75px;height:75px;margin-bottom:25px;display:flex}.contact-layout aside h2{max-width:300px;font-size:29px;line-height:1.25}.contact-layout aside>p{align-items:center;gap:5px;margin-top:20px;font-size:13px;display:flex}.contact-github{border-block:1px solid var(--border);align-items:center;gap:15px;margin-top:34px;padding:20px 0;display:flex}.contact-github>svg:first-child{color:var(--accent)}.contact-github>div{flex-direction:column;flex:1;gap:3px;display:flex}.contact-github strong{font-size:12px;font-weight:500}.contact-github span{font:10px var(--font-mono);color:var(--dim)}.contact-form{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:30px}.contact-form label{flex-direction:column;gap:9px;margin-bottom:20px;font-size:12px;display:flex}.contact-form input,.contact-form textarea{border-radius:6px;width:100%;padding:12px 14px;font-size:12px}.contact-form textarea{resize:vertical;min-height:160px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--dim)}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.contact-form .button{width:100%}.contact-form>.small{text-align:center;margin-top:15px;font-size:10px}.form-notice{color:var(--muted);background:#a683e409;border:1px solid #a683e433;border-radius:6px;align-items:center;gap:12px;margin-bottom:25px;padding:14px;font-size:11px;line-height:1.8;display:flex}.form-notice>svg{color:var(--accent)}.honeypot{height:1px;position:absolute;left:-9999px;overflow:hidden}.success-message{color:#86bc9c;margin-top:15px;font-size:13px}.error-message{color:#ef9898;margin-top:15px;font-size:13px}.repo-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px;display:grid}.repo-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;padding:23px;transition:border-color .2s;display:flex}.repo-card:hover{border-color:var(--accent)}.repo-card>div{align-items:center;gap:9px;display:flex}.repo-card h3{letter-spacing:-.3px;word-break:break-word;flex:1;font-size:16px}.repo-card svg{color:var(--accent)}.repo-card p{overflow-wrap:anywhere;flex:1;margin-top:13px;font-size:12px;line-height:1.8}.repo-card footer{color:var(--dim);align-items:center;gap:14px;margin-top:25px;font-size:10px;display:flex}.repo-card footer>span{align-items:center;gap:5px;display:flex}.repo-card footer>span:first-child{flex:1}.repo-card footer svg{color:var(--dim)}.repo-card .tiny-dot{width:4px;height:4px}.repo-skeleton{background:var(--surface);border:1px solid var(--border);border-radius:8px;height:200px;animation:1.5s infinite pulse}.activity-list{margin-top:20px}.activity-list>a{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:14px;padding:16px 0;font-size:12px;display:flex}.activity-list>a>span{overflow-wrap:anywhere;flex:1}.activity-list>a>svg:first-child{color:var(--accent)}.activity-list small{color:var(--dim)}.language-stats span{align-items:center;gap:10px;display:flex}.language-stats b{color:var(--accent);font-weight:400}.blog-list{margin-top:30px}.blog-list>a{border-bottom:1px solid var(--border);padding:30px 0;display:block}.blog-list .mono{color:var(--dim);font-size:10px}.blog-list h2{justify-content:space-between;margin-top:13px;font-size:27px;display:flex}.blog-list p{margin-top:12px;font-size:13px}.prose{max-width:750px;color:var(--muted);overflow-wrap:anywhere;font-size:16px;line-height:1.9}.prose h2{color:var(--text);margin:40px 0 20px;font-size:30px}.prose h3{color:var(--text);margin:30px 0 16px;font-size:23px}.prose p{margin:18px 0}.prose a{color:var(--accent);text-decoration:underline}.prose blockquote{border-left:2px solid var(--accent);margin-left:0;padding-left:20px}.prose code{font-family:var(--font-mono);font-size:12px}.code-block{max-width:100%;margin:25px 0;position:relative}.code-block pre{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:24px;overflow:auto}.code-block>button{background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:5px;padding:6px;position:absolute;top:10px;right:10px}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#bca0ed}.hljs-string,.hljs-attr{color:#9ec4a6}.hljs-number,.hljs-title{color:#9cbbdf}.hljs-comment{color:#737281}.not-found{text-align:center;background:radial-gradient(ellipse at 50% 40%, var(--glow), transparent 60%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:50px;display:flex}.not-found>.mono{letter-spacing:3px;color:var(--accent);font-size:11px}.error-number{font:500 160px var(--font-heading);letter-spacing:-12px;color:var(--text);line-height:1.6}.error-number span{color:var(--accent);vertical-align:super;margin-left:15px;font-size:75px}.not-found h1{font-size:35px}.not-found p{margin-top:17px;font-size:14px}.not-found .button{margin-top:30px}.palette{width:560px;max-width:calc(100vw - 32px);color:var(--text);background:var(--surface);border:1px solid #ad8aff33;border-radius:12px;margin:15vh auto auto;padding:0;overflow:hidden;box-shadow:0 25px 100px #0007}.palette::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0009}.palette-search{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:13px;padding:18px;display:flex}.palette-search input{background:0 0;border:none;width:100%;font-size:14px}.palette-results{max-height:330px;padding:8px;overflow:auto}.palette-results>button{text-align:left;border-radius:5px;justify-content:space-between;align-items:center;width:100%;padding:11px 13px;font-size:13px;display:flex}.palette-results>button.selected{color:var(--accent);background:#ad8aff18}.palette-results small{font:9px var(--font-mono);color:var(--dim)}.palette-results>p{padding:20px;font-size:13px}.palette-footer{border-top:1px solid var(--border);color:var(--dim);align-items:center;gap:20px;padding:11px 20px;font-size:9px;display:flex}.palette-footer>span{align-items:center;gap:5px;display:flex}.terminal-title{border-bottom:1px solid var(--border);font:10px var(--font-mono);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.terminal-title>span:first-child{gap:5px;display:flex}.terminal-title i{background:#be7978;border-radius:50%;width:6px;height:6px}.terminal-title i:nth-child(2){background:#c0ad77}.terminal-title i:nth-child(3){background:#8dab88}.terminal-history{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;padding:18px;overflow:auto}.terminal-history p{font:11px/1.9 var(--font-mono);margin-bottom:5px}.terminal form{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:10px;padding:12px 18px 18px;display:flex}.terminal input{background:0 0;border:none;width:100%;font-size:12px}.availability{align-items:center;gap:8px;margin-top:15px;font-size:10px;display:flex}.mobile-nav{background:var(--bg);border-bottom:1px solid var(--border);max-height:calc(100dvh - 70px);padding:15px 25px;overflow:auto}.mobile-nav a{color:var(--muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:13px 0;font-size:14px;display:flex}@keyframes role{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}@keyframes pulse{50%{opacity:.5}}@media (min-width:1450px){.hero{min-height:770px}.hero h1{font-size:60px}.architecture-canvas{height:410px}.node-frontend{top:32px}.node-api{top:155px}.node-database,.node-cache,.node-infra{top:292px}}@media (max-width:1180px){.container,.footer{width:calc(100% - 72px)}.nav-wrap{gap:15px;width:calc(100% - 48px)}.desktop-nav{gap:20px}.handle{display:none}.nav-actions{gap:9px}.hero{gap:20px;min-height:670px}.hero h1{letter-spacing:-2.1px;font-size:47px}.hero-hello{font-size:21px}.hero-description{max-width:370px;font-size:13px}.architecture-canvas{height:355px}.node-frontend{top:26px}.node-api{min-width:145px;top:135px}.node-database,.node-cache,.node-infra{min-width:102px;top:266px}.system-node{padding-inline:9px}.system-node small{font-size:6px}.hero-eyebrow{letter-spacing:.8px;font-size:8px}.hero-buttons .button{gap:13px;padding:12px 15px;font-size:11px}.compact-stack{display:none}.strip-inner{gap:16px}.strip-tech{font-size:12px}.strip-label{max-width:125px;padding-right:20px;font-size:7px}.expertise-intro,.about-teaser{gap:60px}.contact-layout{gap:45px}.case-grid{grid-template-columns:180px 1fr;gap:40px}.skill-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.desktop-nav{gap:15px}.desktop-nav a{font-size:11px}.command-trigger kbd,.nav-contact{display:none}.hero{gap:10px}.hero h1{letter-spacing:-1.9px;font-size:40px}.hero-hello{font-size:19px}.hero-eyebrow{font-size:7px}.hero-eyebrow .eyebrow-line{display:none}.hero-description{font-size:12px}.hero-buttons{gap:8px}.hero-buttons .button{gap:9px;padding:11px 13px;font-size:10px}.hero-meta{gap:10px;font-size:8px}.architecture-canvas{height:330px}.node-frontend{min-width:118px;top:25px}.node-api{min-width:137px;top:125px}.node-database,.node-cache,.node-infra{min-width:85px;top:250px}.system-node strong{font-size:9px}.system-node small{font-size:5px}.node-icon svg{width:16px;height:16px}.node-api .node-icon svg{width:23px;height:23px}.node-api strong{font-size:12px}.node-status{font-size:5px}.architecture-caption{margin-top:20px}.architecture-caption p{font-size:8px}.architecture-top{font-size:6px}.architecture-bottom{font-size:5px}.strip-inner{gap:15px}.strip-label{display:none}.section-heading h2{font-size:31px}.project-content{padding:22px}.project-category{font-size:6px}.project-visual{height:230px}.stream-diagram{width:80%;padding:17px}.license-diagram{width:80%}.license-row{gap:8px;padding:13px}.license-row strong{font-size:8px}.license-dots{font-size:7px}.license-avatar{width:32px;height:32px}.project-title h3{font-size:24px}.expertise-card{padding:22px}.expertise-card h3{font-size:18px}.expertise-card p{min-height:80px;font-size:11px}.expertise-card>.mono{font-size:7px}.expertise-intro{gap:40px}.expertise-intro h2{font-size:34px}.expertise-intro>p{font-size:12px}.about-teaser{gap:40px}.about-teaser h2{font-size:28px}.about-teaser p{font-size:12px}.cta-section h2{font-size:33px}.page-heading h1{font-size:46px}.about-lead{grid-template-columns:230px 1fr;gap:35px}.about-lead h2{font-size:27px}.about-lead p{font-size:12px}.about-mark{min-height:300px}.contact-layout{grid-template-columns:1fr 1.4fr;gap:30px}.contact-form{padding:22px}.form-grid{grid-template-columns:1fr;gap:0}.contact-layout aside h2{font-size:26px}.repo-grid{grid-template-columns:1fr 1fr}.philosophy-grid h3{font-size:18px}.footer-top{gap:20px}.footer-top p{font-size:10px}.footer-bottom{font-size:8px}.footer-bottom>div{gap:13px}.case-grid{grid-template-columns:160px 1fr;gap:25px}.case-grid aside{font-size:10px}.architecture-flow{grid-template-columns:1fr}}@media (max-width:680px){.container,.footer{width:calc(100% - 40px)}.header{height:68px}.nav-wrap{width:calc(100% - 36px)}.brand{font-size:23px}.brand-icon{width:26px;height:26px;margin-right:8px;font-size:18px}.desktop-nav{display:none}.nav-actions{gap:13px}.nav-divider{display:none}.command-trigger{min-height:35px;margin-right:0}.icon-button{min-width:27px;min-height:35px}.mobile-toggle{display:flex}.hero{grid-template-columns:1fr;gap:28px;min-height:auto;padding-top:48px;padding-bottom:77px}.hero-copy{z-index:1;position:relative}.hero-eyebrow{letter-spacing:1px;margin-bottom:25px;font-size:8px}.hero-hello{margin-bottom:14px;font-size:22px}.hero h1{letter-spacing:-2px;font-size:clamp(38px,8.4vw,54px);line-height:1.15}.hero-description{max-width:420px;margin-top:17px;font-size:13px}.rotating-role{margin-top:21px;font-size:11px}.hero-buttons{gap:10px;margin-top:25px}.hero-buttons .button{gap:16px;padding:12px 17px;font-size:12px}.hero-meta{gap:16px;margin-top:23px;font-size:9px}.architecture-hero{max-width:470px;margin:8px auto 0}.architecture-canvas{height:350px}.architecture-top{padding-inline:8px;font-size:7px}.node-frontend{min-width:135px;top:22px}.node-api{min-width:150px;top:132px}.node-database,.node-cache,.node-infra{min-width:98px;top:263px}.system-node strong{font-size:10px}.system-node small{font-size:6px}.node-api strong{font-size:12px}.node-status{font-size:5px}.architecture-caption{margin-top:20px}.architecture-caption p{font-size:10px}.architecture-bottom{font-size:5.5px}.architecture-hero .connections{height:350px}.architecture-hero .node-icon svg{width:19px;height:19px}.architecture-hero .node-api .node-icon svg{width:25px;height:25px}.hero-grid{inset:0 -20px;-webkit-mask-image:radial-gradient(at 70% 75%,#0006,#0000 65%);mask-image:radial-gradient(at 70% 75%,#0006,#0000 65%)}.hero:before{width:100%;top:300px;right:0}.hero-bottom{font-size:7px;bottom:23px}.hero-bottom>span:nth-child(2){display:none}.strip-inner{scrollbar-width:none;justify-content:flex-start;gap:20px;min-height:73px;overflow:auto}.strip-inner::-webkit-scrollbar{display:none}.strip-tech{font-size:12px}.strip-inner>a{margin-left:auto}.strip-tech:last-of-type{padding-right:0}.section{padding-block:58px}.section-heading{flex-direction:column;align-items:start;gap:18px;margin-bottom:24px}.section-heading h2{margin-top:14px;font-size:30px}.section-heading p{margin-top:12px;font-size:12px}.eyebrow{letter-spacing:1.2px;font-size:8px}.section-heading>.text-link{font-size:11px}.project-grid{grid-template-columns:1fr;gap:20px}.project-visual{height:255px}.project-content{padding:23px}.project-category{font-size:7px}.project-title h3{font-size:26px}.project-content p{min-height:auto;font-size:12px}.tags{margin-top:18px}.stream-diagram{width:79%;max-width:340px;padding:20px}.license-diagram{width:77%;max-width:330px}.license-row{gap:10px;padding:15px}.license-row strong{font-size:10px}.license-dots{font-size:8px}.license-avatar{width:38px;height:38px}.compact-projects{grid-template-columns:1fr;gap:12px}.compact-projects>a{padding:16px 18px}.compact-projects>a>div>span{font-size:7px}.compact-stack{display:none}.expertise-intro{grid-template-columns:1fr;gap:23px}.expertise-intro h2{font-size:35px}.expertise-intro>p{max-width:none;font-size:13px}.expertise-grid{grid-template-columns:1fr;margin-top:28px}.expertise-card{padding:25px}.expertise-card+.expertise-card{border-left:0;border-top:1px solid var(--border)}.expertise-card-top{margin-bottom:20px}.expertise-card h3{font-size:22px}.expertise-card p{max-width:340px;min-height:auto;font-size:12px}.expertise-card>.mono{margin-top:20px;font-size:8px}.about-teaser{grid-template-columns:1fr;gap:25px;padding-block:60px}.about-teaser h2{font-size:30px}.about-teaser p{font-size:13px}.cta-section{margin-bottom:55px;padding:45px 23px}.cta-section h2{max-width:320px;margin-inline:auto;font-size:32px;line-height:1.25}.cta-section p{max-width:280px;margin-inline:auto;font-size:12px;line-height:1.9}.cta-section .button{margin-top:22px}.footer-top{flex-wrap:wrap;gap:15px 22px;padding-block:25px}.footer-top p{flex:auto;order:4;width:100%}.footer-top .brand{margin-right:auto}.footer-top>a:not(.brand){font-size:11px}.footer-bottom{flex-direction:column;align-items:start;gap:18px;padding-block:22px;font-size:9px}.footer-bottom>div{gap:22px;width:100%}.footer-bottom button:last-child{margin-left:auto}.page{padding-top:47px;padding-bottom:65px}.page-heading{margin-bottom:32px}.page-heading h1{letter-spacing:-1.7px;margin-top:18px;font-size:40px}.page-heading>p{margin-top:16px;font-size:13px}.filter-bar{gap:6px;margin-bottom:24px;padding-bottom:18px}.filter-bar button{padding:7px 11px;font-size:11px}.inner-section{margin-top:55px}.inner-section>h2{font-size:29px}.empty-state{min-height:260px;padding:40px 20px}.empty-state h2{font-size:22px;line-height:1.4}.empty-state p{font-size:12px}.search-field{padding:11px 14px}.skill-grid{grid-template-columns:1fr 1fr;gap:8px}.skill-tile{gap:8px;padding:11px 9px;font-size:10px}.skill-monogram{width:27px;height:27px;font-size:9px}.skill-tile>svg{display:none}.stack-group-heading{gap:12px}.stack-group-heading h2{font-size:21px}.stack-group-heading p{font-size:11px}.stack-groups{gap:35px}.about-lead{grid-template-columns:1fr;gap:30px;padding-top:0}.about-mark{gap:26px;min-height:240px}.about-mark>span{font-size:100px}.about-mark>span>span{font-size:40px}.about-lead h2{font-size:29px}.about-lead p{font-size:13px}.timeline-item{gap:15px;padding-block:19px}.timeline-item h3{font-size:18px}.philosophy-grid{grid-template-columns:1fr 1fr;gap:10px}.philosophy-grid>div{padding:22px 18px}.philosophy-grid h3{margin-top:23px;font-size:18px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-layout aside h2{max-width:330px;font-size:29px}.contact-layout aside>p{font-size:13px}.contact-symbol{width:60px;height:60px;margin-bottom:20px}.contact-symbol svg{width:30px}.contact-github{margin-top:23px;padding-block:16px}.contact-form{padding:21px}.contact-form label{font-size:12px}.contact-form input,.contact-form textarea{font-size:13px}.form-notice{font-size:11px}.repo-grid{grid-template-columns:1fr}.repo-card{padding:22px}.repo-card p{font-size:12px}.case-header{margin-top:35px;margin-bottom:30px}.case-header h1{letter-spacing:-2px;overflow-wrap:anywhere;font-size:49px}.case-header .page-description{margin-top:17px;font-size:14px;line-height:1.9}.case-study>.project-visual{height:280px}.case-study .stream-diagram{width:80%;padding:20px}.case-study .license-diagram{width:80%}.case-study .visual-label{font-size:6px}.visual-disclaimer{text-align:left;font-size:6px}.historical{font-size:9px;line-height:1.8}.case-grid{grid-template-columns:1fr;gap:28px;margin-top:38px}.case-grid aside{border:1px solid var(--border);border-radius:7px;grid-template-columns:1fr 1fr;gap:13px;padding:17px;font-size:10px;display:grid;position:static}.case-body h2{font-size:26px}.case-body p{font-size:13px}.case-body section+section{margin-top:40px}.case-body ul{font-size:13px}.architecture-flow{grid-template-columns:1fr 1fr;gap:8px}.architecture-flow>div{gap:8px;padding:13px}.architecture-flow strong{font-size:9px}.architecture-flow svg{width:12px}.architecture-flow .mono{font-size:8px}.prose{font-size:14px}.prose h2{font-size:26px}.prose h3{font-size:21px}.prose code{font-size:11px}.code-block pre{padding:18px}.not-found{padding:30px 20px}.error-number{font-size:120px}.error-number span{font-size:55px}.not-found h1{font-size:28px}.not-found p{font-size:13px}.palette{margin-top:10vh}.palette-search{gap:9px;padding:16px 13px}.palette-search input{font-size:12px}.palette-footer{gap:15px;font-size:8px}.hero .availability{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hero .role-text{animation:none}.project-card:hover,.button:hover,.skill-tile:hover{transform:none}.stream-diagram,.license-diagram{transform:none!important}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.button:hover{transform:translate(calc(var(--pointer-x,0) * 1px), calc(var(--pointer-y,0) * 1px - 2px))}.project-card:hover{transform:perspective(1000px) rotateX(calc(var(--pointer-y,0) * -3deg)) rotateY(calc(var(--pointer-x,0) * 3deg)) translateY(-3px)}}.availability-unknown .tiny-dot{background:var(--muted);box-shadow:none}.availability-limited .tiny-dot{background:#d7ad65}.availability-unavailable .tiny-dot{background:#bf8188}.availability-available .tiny-dot{background:#89c6a2}.journal-layout{grid-template-columns:280px 1fr;align-items:start;gap:85px;display:grid}.journal-aside{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:25px;position:sticky;top:115px}.journal-avatar{font:700 53px var(--font-heading);color:var(--accent);width:64px;margin-bottom:24px;line-height:1.1;position:relative}.journal-avatar>span{font-size:24px;position:absolute;top:0;right:0}.journal-aside h2{letter-spacing:-.6px;font-size:23px}.journal-aside h2>span{font:10px var(--font-mono);color:var(--dim);margin-top:9px;display:block}.journal-aside>p{align-items:center;gap:7px;margin-top:17px;font-size:10px;display:flex}.journal-date{border-block:1px solid var(--border);color:var(--muted);align-items:center;gap:10px;margin-top:24px;padding-block:18px;font-size:10px;display:flex}.journal-date time{color:var(--text);margin-top:3px;font-size:12px;display:block}.journal-aside>.journal-note{font-size:11px;line-height:1.9;display:block}.journal-intro{padding-bottom:35px}.journal-intro h2{margin-top:16px;font-size:32px;line-height:1.3}.journal-intro p{max-width:550px;margin-top:16px;font-size:13px;line-height:1.9}.journal-entry{border-top:1px solid var(--border);grid-template-columns:34px 1fr;gap:22px;padding-block:30px;display:grid;position:relative}.journal-step{color:var(--accent);font:11px var(--font-mono);border:1px solid var(--border);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.journal-entry:not(:last-of-type):before{content:"";background:var(--border);width:1px;position:absolute;top:67px;bottom:12px;left:16px}.journal-entry h3{margin-top:13px;font-size:25px}.journal-entry p{margin-top:12px;font-size:13px;line-height:1.9}.journal-entry .text-link{margin-top:20px;font-size:11px}.journal-entry .tags{margin-top:16px}.journal-end{border-top:1px solid var(--border);align-items:center;gap:17px;padding-top:30px;display:flex}.journal-end>span{color:var(--accent);font-size:23px}.journal-end p{flex:1;font-size:12px}.journal-end a{color:var(--accent)}.workstation-hero{border:1px solid var(--border);background:radial-gradient(ellipse at 20% 30%, var(--glow), transparent 70%), var(--surface);border-radius:13px;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;margin-bottom:30px;padding:45px;display:grid;overflow:hidden}.workstation-hero h2{letter-spacing:-1.7px;margin-top:18px;font-size:40px}.workstation-hero h2>span{color:var(--accent);margin-top:7px;font-size:30px;display:block}.workstation-hero p{margin-top:17px;font-size:13px;line-height:1.9}.workstation-specs{flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px;display:flex}.workstation-specs>span{font:10px var(--font-mono);color:var(--muted);align-items:center;gap:7px;display:flex}.workstation-art{perspective:900px;padding:20px 0}.laptop-screen{aspect-ratio:1.6;background:var(--bg);border:5px solid color-mix(in srgb, var(--muted) 45%, var(--surface));border-bottom-width:12px;border-radius:12px 12px 5px 5px;width:86%;margin:auto;position:relative;transform:rotateY(9deg)rotateX(-3deg);box-shadow:0 20px 50px #0003}.laptop-screen>div{background:radial-gradient(ellipse, var(--glow), transparent 75%);flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;display:flex}.laptop-screen .eyebrow{letter-spacing:1.7px;font-size:7px}.laptop-screen svg{color:var(--accent)}.laptop-screen .mono{color:var(--muted);font-size:8px}.laptop-camera{background:var(--dim);border-radius:50%;width:3px;height:3px;position:absolute;top:-4px;left:50%}.laptop-base{background:linear-gradient(#92919b,#57545e);border-radius:0 0 70% 70%;width:100%;height:9px;transform:rotateY(9deg);box-shadow:0 18px 25px #0003}.uses-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:20px;display:grid}.uses-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:28px}.uses-card>header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.uses-category-icon{width:42px;height:42px;color:var(--accent);background:#a78cda0a;border:1px solid #a78cda40;border-radius:9px;justify-content:center;align-items:center;display:flex}.uses-card>header>.mono{color:var(--dim);font-size:9px}.uses-card h2{font-size:26px}.uses-card>p{margin-top:9px;font-size:12px}.uses-items{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px;display:grid}.uses-items>div{background:var(--bg);border:1px solid var(--border);border-radius:7px;align-items:center;gap:10px;padding:12px;display:flex}.uses-tool-icon{color:var(--muted);display:flex}.uses-items strong{font-size:11px;font-weight:500;display:block}.uses-items p{margin-top:4px;font-size:10px;line-height:1.8}.uses-hardware .uses-items{grid-template-columns:1fr}.uses-hardware .uses-tool-icon{border:1px solid var(--border);width:36px;height:36px;color:var(--accent);border-radius:6px;justify-content:center;align-items:center;display:flex}.uses-footnote{align-items:center;gap:10px;margin-top:28px;font-size:11px;line-height:1.9;display:flex}@media (max-width:1000px){.journal-layout{grid-template-columns:240px 1fr;gap:35px}.journal-aside{padding:20px}.workstation-hero{gap:30px;padding:30px}.uses-card{padding:22px}.uses-items{grid-template-columns:1fr 1fr}.uses-items>div{gap:8px;padding:10px}.uses-items strong{font-size:10px}}@media (max-width:680px){.journal-layout{grid-template-columns:1fr;gap:35px}.journal-aside{grid-template-columns:65px 1fr;gap:0 15px;padding:23px;display:grid;position:static}.journal-avatar{grid-row:span 3;margin-top:2px}.journal-aside h2{font-size:22px}.journal-aside>p{margin-top:10px}.journal-date,.journal-aside>.journal-note{grid-column:1/-1}.journal-date{margin-top:20px}.journal-intro h2{font-size:28px}.journal-intro p{font-size:12px}.journal-entry{grid-template-columns:32px 1fr;gap:15px;padding-block:26px}.journal-entry h3{font-size:23px}.journal-entry p{font-size:12px}.journal-entry .eyebrow{font-size:7px}.workstation-hero{grid-template-columns:1fr;gap:20px;padding:26px}.workstation-art{width:100%;max-width:380px;margin:auto;padding-top:10px}.workstation-hero h2{font-size:35px}.workstation-hero h2>span{font-size:27px}.workstation-hero p{font-size:12px}.laptop-screen>div{gap:17px}.uses-grid{grid-template-columns:1fr;gap:15px}.uses-card{padding:24px}.uses-card h2{font-size:24px}.uses-items strong{font-size:11px}.uses-footnote{align-items:flex-start;font-size:10px}.uses-footnote svg{margin-top:3px}}@media (max-width:360px){.uses-items{grid-template-columns:1fr}.hero-buttons .button{padding:11px 13px;font-size:11px}.journal-aside{padding:18px}}@media (pointer:coarse){.icon-button,.command-trigger{min-width:36px;min-height:44px}.footer-bottom button,.footer-bottom a{align-items:center;min-height:32px;display:inline-flex}.filter-bar button{min-height:44px}}.shortcut-guide{padding:23px}.shortcut-guide>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.shortcut-guide h2{align-items:center;gap:10px;font-size:21px;display:flex}.shortcut-guide h2 svg{color:var(--accent)}.shortcut-guide>div{padding-block:10px}.shortcut-guide>div>p{justify-content:space-between;align-items:center;gap:15px;padding-block:11px;font-size:12px;display:flex}.shortcut-guide>.small{border-top:1px solid var(--border);padding-top:16px;font-size:10px}@media (max-width:680px){.shortcut-guide{padding:19px}.shortcut-guide>div>p{font-size:11px}.shortcut-guide kbd{white-space:nowrap;font-size:8px}}.light .hljs-keyword,.light .hljs-selector-tag,.light .hljs-literal{color:#69409c}.light .hljs-string,.light .hljs-attr{color:#326447}.light .hljs-number,.light .hljs-title{color:#375b8e}.light .hljs-comment{color:#64616d}.home-now{grid-template-columns:1fr 1fr;gap:85px;padding-bottom:80px;display:grid}.home-now h2{margin-top:17px;font-size:32px}.home-now>div>p{margin-top:14px;font-size:13px}.home-now .text-link{margin-top:22px}.home-now-entries>a{border-bottom:1px solid var(--border);align-items:center;gap:18px;padding:19px 0;display:flex}.home-now-entries>a:first-child{border-top:1px solid var(--border)}.home-now-entries .mono{color:var(--accent);font-size:9px}.home-now-entries>a>div{flex:1}.home-now-entries strong{font-size:14px;font-weight:500}.home-now-entries p{font:9px var(--font-mono);margin-top:6px}.home-now-entries svg{color:var(--muted)}@media (max-width:900px){.home-now{gap:35px}}@media (max-width:680px){.home-now{grid-template-columns:1fr;gap:25px;padding-bottom:55px}.home-now h2{font-size:29px}.home-now>div>p{font-size:12px}}