@layer reset, base, components, responsive;
@layer reset {
  *,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,pre{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img,svg{max-width:100%}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:100px}button{border:0}ul{padding:0;list-style:none}
}
@layer base {
  :root{--bg:#101211;--surface:#171a18;--raised:#1e221f;--text:#f0f2ed;--muted:#969d96;--faint:#687168;--line:#2a302b;--green:#b6ef82;--font:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--radius:12px;--space:24px}
  body{background:var(--bg);color:var(--text);font:15px/1.8 var(--font);-webkit-font-smoothing:antialiased}::selection{background:var(--green);color:var(--bg)}button{color:inherit}a,button{touch-action:manipulation}:focus-visible{outline:2px solid var(--green);outline-offset:5px}.container{width:min(1160px,calc(100% - 96px));margin-inline:auto}.green{color:var(--green)}.eyebrow{font:10px/1.7 var(--mono);letter-spacing:1.6px}.section{padding-block:90px}.section-index{color:var(--green);margin-bottom:16px}h2{font-weight:600;font-size:34px;line-height:1.5;letter-spacing:-1px}.section-description{color:var(--muted);margin-top:12px;font-size:14px}.skip-link{position:fixed;top:-100px;left:24px;background:var(--green);color:var(--bg);padding:10px 20px;z-index:50}.skip-link:focus{top:12px}
}
@layer components {
  .header{height:86px;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--bg)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-size:18px;font-weight:700;letter-spacing:.5px}.brand-icon{display:flex;align-items:center;justify-content:center;font:700 14px var(--mono);width:31px;height:31px;border-radius:7px;background:var(--green);color:#172111;margin-right:12px}.brand-dot{color:var(--green)}.desktop-nav{display:flex;gap:34px;color:var(--muted);font-size:13px;margin-left:18px}.desktop-nav a:hover,.back-top:hover{color:var(--green)}.nav-contact{font-size:12px;border:1px solid #3a423b;border-radius:7px;padding:7px 14px}.nav-contact span{margin-left:14px;color:var(--green)}.nav-contact:hover{border-color:var(--green)}.menu-toggle{display:none;background:transparent;width:44px;height:44px}.menu-toggle span{display:block;width:20px;height:1px;background:var(--text);margin:6px auto}.mobile-nav{background:var(--surface);position:absolute;inset:85px 0 auto;padding:18px 24px;border-bottom:1px solid var(--line);display:grid;gap:12px}
  .hero{display:grid;grid-template-columns:1.05fr 1fr;column-gap:70px;padding-top:78px}.hero-copy>.eyebrow{color:var(--muted);letter-spacing:1.1px;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #b6ef820a}.intro{font-size:17px;color:var(--muted);margin-top:29px}.intro span{font-family:var(--mono);font-size:15px;color:#e0e5da;margin-left:5px}.hero h1{font-size:66px;font-weight:600;line-height:1.32;letter-spacing:-3px;margin:15px 0 21px;white-space:nowrap}.cursor{font-family:var(--mono);font-weight:400;font-size:58px;color:var(--green);display:inline-block;transform:translateY(-6px);margin-left:5px}.hero-description{font-size:15px;color:var(--muted);line-height:1.95;letter-spacing:.4px}.hero-actions{display:flex;gap:14px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:7px;padding:11px 19px;font-size:13px;font-weight:600;line-height:1.7;border:1px solid transparent}.button.primary{color:#1b2814;background:var(--green)}.button.primary:hover{background:#c5f69c}.button.secondary{background:transparent;border-color:var(--line);color:#c9cec6}.button.secondary:hover{border-color:#677460;color:var(--text)}.sample-note{display:flex;align-items:center;gap:7px;color:var(--faint);font-size:10px;margin-top:22px;letter-spacing:.2px}.sample-note span{font-size:16px}.hero-visual{align-self:center;padding-top:10px;min-width:0;position:relative}.hero-visual::before{content:"";position:absolute;inset:-32px -20px;background-image:radial-gradient(#93af791c 1px,transparent 1px);background-size:16px 16px;z-index:-1;mask-image:linear-gradient(90deg,transparent,black 50%,transparent)}.editor{border:1px solid #343c34;border-radius:10px;background:#161a17;box-shadow:0 20px 60px #00000025;overflow:hidden;transform:rotate(1deg)}.editor-top{height:42px;background:#1d221e;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#858f83;font:10px var(--mono)}.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#bf7166}.window-dots i:nth-child(2){background:#c5a569}.window-dots i:nth-child(3){background:#85a771}.editor-file-icon{color:#798171}.editor-tabs{display:flex;border-bottom:1px solid var(--line);background:#131713;height:38px;font:10px var(--mono)}.editor-tabs button{background:transparent;color:#7f897d;padding:0 16px;border-right:1px solid var(--line);display:flex;align-items:center;gap:8px}.editor-tabs button[aria-selected=true]{color:#d7dfd0;border-top:1px solid var(--green);background:#161a17}.ts-icon{font:700 9px var(--mono);color:#94b8d4}.editor-tabs button:focus-visible{outline-offset:-3px}.editor-content{padding:22px 10px 22px 0;height:281px}.code-row{display:flex;font:11px/23px var(--mono);white-space:pre}.code-row code{font:inherit}.line-no{color:#485244;width:42px;min-width:42px;text-align:right;padding-right:17px;user-select:none}.syntax-comment{color:#798674}.syntax-purple{color:#c1a0d5}.syntax-blue{color:#b8d2e0}.syntax-green{color:#b3d794}.syntax-orange{color:#d6b78c}.editor-status{font:9px var(--mono);border-top:1px solid var(--line);height:27px;color:#83947b;display:flex;align-items:center;justify-content:space-between;padding:0 13px}.editor-status b{font-weight:400;margin-left:13px}.branch-symbol{font-size:16px;margin-right:3px}.readme{padding:23px 26px;font-size:12px;color:var(--muted)}.readme h3{font-size:17px;color:var(--text);margin:12px 0}.readme p{margin-bottom:12px}.readme small{color:var(--faint);font-size:10px}.terminal-line{display:flex;align-items:center;gap:13px;background:#1b201b;border:1px solid #394136;padding:13px 17px;border-radius:9px;margin:16px -16px 0 30px;transform:rotate(-1deg);font:10px/1.7 var(--mono);box-shadow:0 8px 24px #00000020}.terminal-icon{font-size:19px;color:var(--green)}.terminal-line p{font-size:11px;color:#d0dac8;margin-top:3px}.terminal-check{color:var(--green);font-size:16px;margin-left:auto}.terminal-caret{display:inline-block;width:5px;height:11px;vertical-align:-1px;background:var(--green);margin-left:7px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:57px;padding:22px 0 27px;color:var(--faint);font:9px var(--mono);letter-spacing:1.2px}.hero-bottom a{font:11px var(--font);letter-spacing:1px;display:flex;gap:13px}.hero-bottom a:hover{color:var(--green)}
  .stack-section{border-block:1px solid var(--line);background:#131613;scroll-margin-top:10px}.stack-inner{display:flex;align-items:center;justify-content:space-between;gap:38px;padding-block:28px}.stack-label{flex-shrink:0;border-right:1px solid var(--line);padding-right:34px}.stack-label h2{font-size:14px;font-weight:500;letter-spacing:1px}.stack-label p{font:8px var(--mono);color:var(--faint);margin-top:7px}.stack-list{display:flex;align-items:center;justify-content:space-between;flex:1;gap:19px}.stack-list li{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#a8b0a5}.tech-icon{width:21px;height:21px;border-radius:3px;font:700 11px var(--mono);display:flex;align-items:center;justify-content:center}.js-logo{color:#d0c389;background:#d0c38914}.ts-logo{color:#89a8c2;background:#89a8c214}.react-logo{font-size:30px;line-height:1;color:#8faeb3}.node-logo{font-size:29px;line-height:1;color:#8ca97b}.python-logo{font:700 16px var(--mono);color:#bcb89d}.git-logo{font-size:30px;line-height:1;color:#b9977f}
  .section-heading{display:flex;align-items:center;justify-content:space-between}.outlined-label{border:1px solid var(--line);color:var(--muted);font-size:10px;border-radius:4px;padding:4px 10px}.filter-row{display:flex;align-items:center;justify-content:space-between;margin-top:34px;margin-bottom:23px;gap:18px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{font-size:11px;padding:6px 12px;border-radius:5px;background:transparent;color:var(--muted);border:1px solid transparent;white-space:nowrap}.filters button span{font:9px var(--mono);margin-left:8px;color:var(--faint)}.filters button[aria-pressed=true]{background:#20261c;border-color:#3a492f;color:var(--green)}.filters button[aria-pressed=true] span{color:var(--green)}.filters button:hover{color:var(--green)}.filter-count{font-size:10px;color:var(--faint)}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.project-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#141714}.project-card:hover{border-color:#536345}.project-art{position:relative;height:220px;overflow:hidden;border-bottom:1px solid var(--line);padding:25px 18px 29px;user-select:none}.flow-art{background:#20291d}.mock-app{border:1px solid #46503d;border-radius:7px;box-shadow:0 9px 23px #0003;background:#171c17}.flow-app{display:flex;width:390px;height:190px;transform:rotate(-6deg) translate(0,6px)}.mock-sidebar{width:31px;flex-shrink:0;border-right:1px solid #30392c;display:flex;align-items:center;flex-direction:column;gap:13px;padding-top:9px}.mock-sidebar b{font-size:14px;color:#bdd693}.mock-sidebar i{width:9px;height:5px;border-radius:2px;background:#48503f}.mock-workspace{flex:1;padding:11px 13px}.mock-app-header{display:flex;justify-content:space-between;font:6px var(--mono);color:#818e73}.mock-app-header b{margin:0 7px;font-weight:400}.mock-app-header em{background:#adcc89;color:#192411;border-radius:3px;padding:3px 6px;font-style:normal;margin-top:-3px}.mock-workspace h4{font-size:10px;font-weight:500;margin-top:15px;color:#dde7d4}.mock-board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.mock-board label{display:flex;gap:4px;align-items:center;font:6px var(--font);color:#8f9c82;margin-bottom:8px}.mock-board label>b{margin-left:auto;font-weight:400;color:#58674c}.mock-board label>i{display:block;width:4px;height:4px;border-radius:50%;background:#90a9ba}.mock-board label>i.yellow{background:#c8b681}.mock-board label>i.mint{background:#a9c580}.task{background:#242b21;border:1px solid #343e2e;padding:7px;border-radius:4px;margin-bottom:5px}.task small{display:inline-block;font:4px var(--mono);padding:2px 3px;border-radius:2px;background:#39452d;color:#b6ca91}.task small.task-blue{background:#2c3a3d;color:#9ab9c5}.task strong{display:block;font:5px var(--font);margin-top:5px;color:#d0d6c8}.task p{display:flex;justify-content:space-between;margin-top:7px;font:6px var(--mono);color:#8b977e}.task p i{width:8px;height:8px;border-radius:50%;background:#748566}.art-corner{position:absolute;bottom:11px;left:17px;font:6px var(--mono);letter-spacing:1.3px;color:#8c9a82}.devkit-art{background:#1c2428;padding:23px 21px}.devkit-app{width:330px;height:170px;border-color:#3b484e;transform:rotate(4deg) translateY(4px);background:#171e22}.devkit-header{height:28px;border-bottom:1px solid #303e44;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#a1b6bc;font:6px var(--mono)}.devkit-header>span:first-child{font-size:11px}.devkit-header b{font-size:9px;color:#d0dce0}.devkit-toolbar{display:flex;gap:12px;font:6px var(--mono);padding:10px 12px;color:#6f818b}.devkit-toolbar .active{color:#bed4de}.devkit-panels{margin:0 11px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #303d44;border-radius:3px;height:91px}.devkit-panels>div{padding:7px}.devkit-panels>div+div{border-left:1px solid #303d44}.devkit-panels small{display:flex;justify-content:space-between;color:#657d87;font:5px var(--mono)}.devkit-panels small span{color:#9fb99a}.devkit-panels pre{font:7px/1.7 var(--mono);margin-top:7px;color:#a4b5ba}.devkit-panels pre i{font-style:normal;color:#a9c2d0}.devkit-panels pre b{font-weight:400;color:#a3bf92}.devkit-panels pre em{font-style:normal;color:#c8ae85}.devkit-bottom{display:flex;justify-content:space-between;padding:8px 12px;font:5px var(--mono);color:#6e888c}.devkit-art .art-corner{color:#7c9299}.snippets-art{background:#27241e;padding-top:16px}.snippet-top{display:flex;align-items:center;justify-content:space-between;font:6px var(--mono);color:#968d7a;white-space:nowrap}.snippet-top>span:first-child{font-size:10px;color:#c2b6a0}.snippet-top>span+span{font-size:5px;letter-spacing:.5px}.snippet-card{background:#1c1d17;border:1px solid #4b493b;border-radius:6px;box-shadow:0 5px 15px #0002}.snippet-back{position:absolute;top:53px;left:41px;width:290px;height:147px;transform:rotate(8deg);padding:10px;font:7px var(--mono);color:#9b947a;background:#22251c}.snippet-back p{margin-top:8px;color:#676d56}.snippet-front{position:relative;top:21px;width:286px;height:149px;transform:rotate(-4deg);padding:10px}.snippet-front>div{display:flex;gap:6px;align-items:center;color:#bdb99f;font:7px var(--mono);border-bottom:1px solid #35382b;padding-bottom:7px}.snippet-icon{font:700 6px var(--mono);background:#839083;color:#202c22;padding:1px 2px}.snippet-front b{margin-left:auto;font-weight:400}.snippet-front pre{font:6.4px/1.65 var(--mono);color:#acb19a;margin-top:7px}.snippet-front pre span{color:#b1a0b8}.snippet-front pre b{color:#c5b07f}.snippets-art .art-corner{color:#a1947e}.project-info{padding:22px 21px 19px}.project-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-title h3{font-size:19px;font-weight:600;letter-spacing:-.5px}.project-title>span{font:8px var(--mono);color:var(--faint);white-space:nowrap}.project-info>p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:11px;min-height:46px}.project-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:8px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font:8px var(--mono);color:#a3ada0;border:1px solid var(--line);border-radius:4px;padding:4px 6px}.project-open{width:34px;height:34px;flex-shrink:0;border:1px solid var(--line);background:transparent;color:#b7c5ad;border-radius:6px;font-size:18px}.project-open:hover{background:var(--green);color:var(--bg);border-color:var(--green)}.project-note{font-size:10px;color:var(--faint);margin-top:18px}.project-note>span{color:var(--green);margin-right:6px}
  .about-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.25fr;gap:90px}.about-intro h2{font-size:40px;line-height:1.6}.about-signature{margin-top:30px;display:flex;align-items:center;gap:14px}.about-signature>span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font:18px var(--mono);color:var(--green);border-radius:10px;background:#20261d;border:1px solid #38422f}.about-signature strong{display:block;font-size:13px;font-weight:500}.about-signature small{display:block;font-size:9px;color:var(--faint);margin-top:2px}.about-details{padding-top:36px}.about-lead{font-size:20px;line-height:1.8;color:#e4e8df;letter-spacing:.3px}.about-details>p:not(.about-lead){font-size:13px;color:var(--muted);line-height:1.95;margin-top:20px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid var(--line);padding-top:26px;margin-top:30px}.principles>div>span{font:9px var(--mono);color:var(--green)}.principles h3{font-size:13px;font-weight:500;margin-top:9px}.principles p{font-size:11px;color:var(--muted);margin-top:5px}.about-details>p.about-sample{font-size:10px;color:var(--faint);margin-top:20px}
  .contact-section{background:#191e17;border:1px solid #35402e;border-radius:var(--radius);padding:38px 46px 40px;position:relative;overflow:hidden;margin-top:8px;margin-bottom:72px}.contact-top{display:flex;align-items:center;justify-content:space-between}.contact-top .eyebrow{margin-bottom:16px}.contact-mark{font-size:65px;color:#a6d475;font-weight:300;line-height:1;position:absolute;right:52px;top:45px}.contact-section h2{font-size:35px;line-height:1.55;letter-spacing:-1px}.contact-description{font-size:13px;color:var(--muted);margin-top:16px}.contact-methods{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:770px;border-top:1px solid #35402e;margin-top:32px;padding-top:24px}.contact-methods>div{display:flex;align-items:center;gap:13px;min-width:0}.contact-icon{font:16px var(--mono);color:#afbf9d;width:27px;text-align:center}.contact-methods p small{display:block;font:8px var(--mono);letter-spacing:1.2px;color:#93a183}.contact-methods p>span{font-size:12px;color:#ced6c5;display:block;margin-top:3px}.pending-label{font-size:8px;color:#8d9b7d;border:1px solid #3b4733;border-radius:3px;padding:0 5px;margin-left:5px;white-space:nowrap}.footer{border-top:1px solid var(--line);padding-block:26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-brand{font-size:13px;font-weight:600;letter-spacing:.3px}.footer>span{font-size:10px;color:var(--faint)}.back-top{font-size:10px;color:var(--muted)}.back-top>span{margin-left:10px}
  dialog{padding:0;width:min(580px,calc(100% - 36px));max-height:calc(100dvh - 64px);border:1px solid #47553e;background:#191e18;color:var(--text);border-radius:14px;box-shadow:0 25px 120px #0008}dialog::backdrop{background:#070a07d9;backdrop-filter:blur(5px)}.dialog-inner{padding:37px;position:relative}.dialog-close{position:absolute;right:15px;top:13px;background:transparent;color:var(--muted);width:40px;height:40px;font-size:27px}.dialog-close:hover{color:var(--green)}.dialog-inner h2{font-size:30px}.dialog-inner>p:not(.eyebrow){color:var(--muted);font-size:13px;margin-top:12px}.dialog-tags{margin-top:16px}.dialog-detail{border-top:1px solid var(--line);margin-top:25px;padding-top:8px}.dialog-detail h3{font-size:14px;margin-top:20px;color:#d9e2ce;font-weight:500}.dialog-detail p,.dialog-detail ul{font-size:12px;color:var(--muted);margin-top:8px}.dialog-detail li{padding-left:15px;position:relative;margin-top:5px}.dialog-detail li::before{content:"—";position:absolute;left:0;color:var(--green)}.dialog-inner>p.dialog-disclaimer{font-size:10px;line-height:1.8;color:#89977e;background:#222a1d;padding:11px 14px;border-radius:6px;margin-top:25px}.dialog-done{margin-top:20px;font-size:11px}.modal-open{overflow:hidden}
}
@layer responsive {
  @media(min-width:1500px){.container{width:min(1240px,calc(100% - 120px))}.hero{column-gap:110px;padding-top:92px}.hero h1{font-size:76px}.code-row{font-size:12px}.project-art{height:235px}.flow-app{transform:rotate(-6deg) translate(9px,12px)}.devkit-app{transform:rotate(4deg) translate(9px,12px)}}
  @media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{column-gap:38px}.hero h1{font-size:58px}.code-row{font-size:10px}.editor-content{padding-top:20px}.editor-top{font-size:8px}.terminal-line{margin-right:0}.stack-inner{gap:25px}.stack-label{padding-right:25px}.stack-list{gap:14px;flex-wrap:wrap;justify-content:flex-start}.stack-list li{font-size:11px}.project-title{align-items:flex-start;flex-direction:column;gap:2px}.project-art{height:205px}.project-info{padding:18px}.project-info>p{min-height:69px}.about-section{gap:60px}.about-intro h2{font-size:35px}}
  @media(max-width:800px){.container{width:calc(100% - 48px)}.header{height:74px}.hero{grid-template-columns:1fr;max-width:640px;padding-top:51px}.hero-copy{max-width:550px}.hero h1{font-size:65px}.hero-description{font-size:15px}.hero-visual{margin:46px 10px 0 0;width:min(500px,100%);justify-self:center}.code-row{font-size:12px}.editor-top{font-size:10px}.terminal-line{margin-right:-8px}.hero-bottom{margin-top:26px}.stack-inner{align-items:flex-start;flex-direction:column;gap:22px;padding-block:26px}.stack-label{border:0;display:flex;align-items:center;gap:18px}.stack-label p{margin-top:0}.stack-list{gap:20px;row-gap:18px}.stack-list li{font-size:12px}.section{padding-block:62px}.section-heading h2{font-size:29px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-art{height:220px}.project-title{flex-direction:row;align-items:center}.project-title h3{font-size:18px}.project-title>span{font-size:7px}.project-info>p{min-height:46px}.about-section{grid-template-columns:1fr;gap:26px}.about-intro{display:grid;grid-template-columns:1fr auto}.about-intro>.eyebrow{grid-column:1/-1}.about-intro h2{font-size:34px}.about-signature{margin-top:0;align-self:center}.about-details{padding-top:0}.about-lead br{display:none}.contact-section{padding:30px;margin-top:0;margin-bottom:46px}.contact-section h2{font-size:29px}.contact-mark{right:30px;top:35px;font-size:48px}.contact-methods{gap:18px}.pending-label{display:none}.contact-methods p>span{font-size:11px}.footer{flex-wrap:wrap}.footer>span{font-size:9px}.mobile-nav{top:73px}}
  @media(max-width:560px){.container{width:calc(100% - 40px)}.header-inner{gap:14px}.brand{font-size:16px}.brand-icon{width:28px;height:28px;font-size:12px;margin-right:8px}.desktop-nav{display:none}.nav-contact{margin-left:auto;font-size:10px;padding:5px 10px}.nav-contact span{margin-left:7px}.menu-toggle{display:block;margin-right:-10px}.hero{padding-top:37px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.8px}.intro{font-size:15px;margin-top:24px}.intro span{font-size:13px}.hero h1{font-size:57px;letter-spacing:-2px;margin-top:12px;margin-bottom:17px}.cursor{font-size:43px;margin-left:2px}.hero-description{font-size:13px}.hero-actions{margin-top:24px;gap:10px}.button{font-size:12px;padding:10px 14px;gap:21px}.sample-note{font-size:9px;margin-top:15px}.hero-visual{margin-top:32px;width:calc(100% - 5px)}.editor-top{padding-inline:11px;font-size:8px;height:36px}.editor-tabs{height:34px;font-size:9px}.editor-tabs button{padding-inline:12px}.editor-content{height:259px;padding-top:19px}.code-row{font-size:10px;line-height:22px}.line-no{width:31px;min-width:31px;padding-right:10px}.editor-status{font-size:8px}.terminal-line{margin:13px -5px 0 15px;padding:11px 12px;gap:10px}.terminal-line p{font-size:9px}.terminal-line .syntax-comment{font-size:9px}.terminal-icon{font-size:16px}.hero-bottom{padding-block:18px 23px;margin-top:23px;font-size:8px}.hero-bottom a{font-size:10px}.stack-list{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:19px 12px}.stack-list li{font-size:10px;gap:6px}.tech-icon{width:18px;height:18px;font-size:9px}.react-logo{font-size:25px}.node-logo{font-size:25px}.python-logo{font-size:14px}.git-logo{font-size:25px}.stack-label h2{font-size:13px}.stack-label p{font-size:7px}.section{padding-block:48px}.eyebrow{font-size:9px}.section-index{margin-bottom:12px}.section-heading{align-items:flex-start;gap:14px}.section-heading h2{font-size:25px;letter-spacing:-.6px}.section-description{font-size:12px}.outlined-label{font-size:8px;padding:3px 6px;margin-top:4px;white-space:nowrap}.filter-row{margin-top:24px;margin-bottom:17px}.filters{gap:5px}.filters button{padding:6px 9px;font-size:10px}.filters button span{margin-left:5px;font-size:8px}.filter-count{display:none}.projects-grid{grid-template-columns:1fr;gap:22px}.project-art{height:241px;padding:30px 22px}.flow-app{width:390px;height:200px;transform:rotate(-6deg) translate(5px,0)}.mock-workspace{padding:13px 15px}.mock-workspace h4{font-size:12px}.mock-board{gap:10px}.mock-app-header{font-size:7px}.mock-board label{font-size:7px}.task strong{font-size:6px}.task small{font-size:5px}.devkit-app{width:330px;height:185px;transform:rotate(4deg) translate(1px,0)}.devkit-header{height:31px;font-size:7px}.devkit-panels{height:101px}.devkit-panels pre{font-size:8px}.snippet-top{margin-top:-10px}.snippet-front{width:calc(100% - 15px);height:165px;top:22px;padding:12px}.snippet-front pre{font-size:7px}.snippet-back{width:calc(100% - 68px);height:155px;top:61px}.art-corner{font-size:7px;bottom:13px}.project-info{padding:20px}.project-title h3{font-size:20px}.project-title>span{font-size:9px}.project-info>p{font-size:12px;min-height:0;margin-top:9px}.tags span{font-size:9px}.project-footer{margin-top:17px}.project-open{width:39px;height:39px}.project-note{font-size:9px;line-height:1.9}.about-intro{display:block}.about-intro h2{font-size:32px}.about-signature{margin-top:23px}.about-section{gap:27px}.about-lead{font-size:19px}.about-details>p:not(.about-lead){font-size:12px;margin-top:17px}.principles{gap:20px;margin-top:24px;padding-top:20px}.principles p{font-size:10px}.about-details>p.about-sample{font-size:9px}.contact-section{padding:26px 23px}.contact-section h2{font-size:25px;letter-spacing:-.7px}.contact-top>.eyebrow{font-size:8px}.contact-mark{font-size:33px;top:21px;right:21px}.contact-description{font-size:11px}.contact-methods{grid-template-columns:1fr;gap:19px;margin-top:25px;padding-top:21px}.contact-methods p>span{font-size:12px}.pending-label{display:block;margin-left:auto}.footer{display:grid;grid-template-columns:1fr auto;row-gap:14px;padding-top:21px}.footer>span{grid-column:1/-1;grid-row:2;font-size:9px}.back-top{grid-column:2;grid-row:1}.dialog-inner{padding:29px 23px}.dialog-inner h2{font-size:27px}.dialog-inner>.section-index{font-size:8px}}
  @media(max-width:360px){.container{width:calc(100% - 32px)}.hero h1{font-size:52px}.nav-contact{font-size:9px}.code-row{font-size:9px}.line-no{min-width:28px;width:28px}.section-heading h2{font-size:22px}.filters button{font-size:9px;padding:6px 8px}.filter-count{display:none}.contact-section h2{font-size:22px}.snippet-front pre{font-size:6.5px}.stack-list li{font-size:9px}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
}