:root{--ink:#0f1a16;--ink-soft:#1c2b24;--paper:#f5f8f6;--surface:#fff;--mist:#4d5c54;--muted:#6b7a72;--signal:#0f766e;--signal-bright:#0d9488;--signal-soft:#ccfbf1;--signal-deep:#115e59;--line:#0f1a1617;--line-strong:#0f1a1629;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Source Sans 3", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--max:1120px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;font-weight:400;line-height:1.55}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--signal-bright);outline-offset:3px}.site{isolation:isolate;position:relative}.atmosphere{pointer-events:none;z-index:-1;background:radial-gradient(75% 45% at 12% -8%,#0d948829,#0000 55%),radial-gradient(55% 40% at 92% 18%,#34d3991f,#0000 50%),radial-gradient(65% 45% at 50% 108%,#0891b21a,#0000 55%),linear-gradient(165deg,#f7faf8 0%,#eef3f0 48%,#f5f8f6 100%);position:fixed;inset:0}.atmosphere:after{content:"";opacity:.28;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:180px;position:absolute;inset:0}.wrap{width:min(100% - 2.5rem, var(--max));margin-inline:auto}.nav{z-index:20;justify-content:space-between;align-items:center;padding:1.35rem 0;display:flex;position:absolute;top:0;left:0;right:0}.nav-mark{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:.65rem;font-size:1rem;font-weight:700;display:flex}.nav-mark img{border-radius:.4rem;width:1.75rem;height:1.75rem}.nav-links{color:var(--mist);align-items:center;gap:1.75rem;font-size:.95rem;display:flex}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-github{font-family:var(--font-mono);letter-spacing:.02em;font-size:.8rem;color:var(--signal)!important}.hero{align-items:end;min-height:100svh;padding:6.5rem 0 3.5rem;display:grid;position:relative;overflow:hidden}.hero-visual{z-index:0;position:absolute;inset:0}.hero-visual svg{object-fit:cover;width:100%;height:100%}.hero-content{z-index:1;max-width:38rem;padding-bottom:1rem;position:relative}.brand{font-family:var(--font-display);letter-spacing:-.045em;color:var(--ink);margin-bottom:1.35rem;font-size:clamp(2.75rem,9vw,5.25rem);font-weight:800;line-height:.95}.brand span{color:var(--signal)}.hero-line{color:var(--mist);max-width:28rem;margin-bottom:2rem;font-size:clamp(1.15rem,2.4vw,1.4rem);font-weight:500;line-height:1.4}.cta-row{flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;display:flex}.btn{font-family:var(--font-display);letter-spacing:-.01em;transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s var(--ease-out);border-radius:4px;justify-content:center;align-items:center;gap:.45rem;padding:.85rem 1.35rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--signal);color:#f0fdfa}.btn-primary:hover{background:var(--signal-deep)}.btn-ghost{border:1px solid var(--line-strong);color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c}.btn-ghost:hover{border-color:var(--signal);background:#ffffffd9}.hero-scroll{right:max(1.25rem, calc((100% - var(--max)) / 2));z-index:1;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex-direction:column;align-items:center;gap:.5rem;font-size:.7rem;display:flex;position:absolute;bottom:2.5rem}.hero-scroll-line{background:linear-gradient(to bottom, var(--signal), transparent);transform-origin:top;width:1px;height:3rem}.section{padding:5.5rem 0}.section-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin-bottom:1rem;font-size:.75rem}.section-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin-bottom:.85rem;font-size:clamp(1.85rem,4vw,2.65rem);font-weight:700;line-height:1.1}.section-lead{max-width:34rem;color:var(--mist);margin-bottom:2.75rem;font-size:1.1rem}.projects{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(#ffffffb8 0%,#ecfdf559 100%)}.project-list{list-style:none}.project{border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:start;gap:1rem 1.25rem;padding:2rem 0;transition:background .25s;display:grid}.project:last-child{border-bottom:1px solid var(--line)}.project-logo{border-radius:.9rem;flex-shrink:0;width:3.5rem;height:3.5rem}.project-logo.placeholder{background:var(--signal-soft);color:var(--signal);font-family:var(--font-mono);place-items:center;font-size:.85rem;font-weight:500;display:grid}@media (width>=720px){.project{grid-template-columns:4.25rem 1fr auto;align-items:center;gap:1.5rem 1.75rem;padding:2.25rem .5rem}.project-logo{border-radius:1rem;width:4rem;height:4rem}.project:hover{background:#0d94880a}}.project-copy{min-width:0}.project-status{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-size:.72rem}.project-status.live{color:var(--signal)}.project-status.building{color:#b45309}.project-body h3{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin-bottom:.4rem;font-size:clamp(1.35rem,2.5vw,1.65rem);font-weight:700}.project-body p{color:var(--mist);max-width:36rem}.project-links{flex-wrap:wrap;grid-column:2;align-items:center;gap:.65rem 1rem;display:flex}@media (width>=720px){.project-links{flex-direction:column;grid-column:auto;align-items:flex-end;gap:.35rem}}.project-link{font-family:var(--font-mono);color:var(--signal);white-space:nowrap;font-size:.8rem;transition:color .2s}.project-link:hover{color:var(--signal-deep)}.project-link.muted{color:var(--muted);pointer-events:none}.about-grid{gap:2.5rem;display:grid}@media (width>=800px){.about-grid{grid-template-columns:1fr 1fr;align-items:end;gap:4rem}}.about-copy p+p{margin-top:1rem}.about-copy p{color:var(--mist);font-size:1.08rem}.principles{border-top:1px solid var(--line);flex-direction:column;gap:0;display:flex}.principle{border-bottom:1px solid var(--line);grid-template-columns:2.5rem 1fr;gap:1rem;padding:1.25rem 0;display:grid}.principle-num{font-family:var(--font-mono);color:var(--signal);padding-top:.15rem;font-size:.8rem}.principle h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:.25rem;font-size:1.05rem;font-weight:600}.principle p{color:var(--muted);font-size:.95rem}.join{position:relative;overflow:hidden}.join .wrap{z-index:1;text-align:center;padding:4rem 0;position:relative}.join-bg{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(70% 80%,#0d94881f,#0000 70%),linear-gradient(#0000,#ccfbf173);position:absolute;inset:0}.join .section-title{max-width:22ch;margin-inline:auto}.join .section-lead{margin-inline:auto;margin-bottom:2rem}.join .cta-row{justify-content:center}.footer{border-top:1px solid var(--line);padding:2.75rem 0 3.25rem}.footer-inner{color:var(--muted);gap:1.35rem;font-size:.9rem;display:grid}@media (width>=720px){.footer-inner{grid-template-columns:1fr auto auto;justify-content:space-between;align-items:center;gap:1.5rem}}.footer-brand-block{align-items:center;gap:.85rem;display:flex}.footer-logo{border-radius:.65rem;flex-shrink:0;width:2.5rem;height:2.5rem}.footer-brand{font-family:var(--font-display);color:var(--ink-soft);font-weight:600;line-height:1.2}.footer-tagline{color:var(--muted);margin-top:.15rem;font-size:.85rem}.footer-copy{color:var(--muted)}.footer-github{color:var(--signal);font-family:var(--font-mono);font-size:.8rem}.footer a:hover{color:var(--ink)}@media (width<=640px){.nav-links a:not(.nav-github){display:none}.hero{align-items:center;padding-top:5.5rem}.hero-scroll{display:none}.section{padding:4rem 0}}