:root{--bg: #F7F3E8;--surface: #FFFDF6;--line: #141614;--line-soft: #E3DCC8;--text: #141614;--muted: #5C5A50;--magenta: #FF2EAA;--green: #39FF6A;--lime: #D8FF3D;--font: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--radius: 14px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:4.5rem}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;font-size:17px}a{color:var(--text);text-decoration-color:var(--magenta);text-underline-offset:3px}.bar{position:fixed;top:0;left:0;right:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-soft);transform:translateY(-100%);opacity:0;animation:bar-in linear both;animation-timeline:scroll(root);animation-range:90px 150px}@keyframes bar-in{to{transform:translateY(0);opacity:1}}.bar-inner{max-width:960px;margin:0 auto;padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.bar-id{display:flex;align-items:center;gap:.6rem;text-decoration:none;min-width:0}.bar-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid var(--line);flex:none}.bar-name{font-family:var(--font);font-weight:700;font-size:1rem;color:var(--text);white-space:nowrap}.bar-role{font-family:var(--mono);font-size:.72rem;color:var(--text);background:var(--lime);border:1px solid var(--line);border-radius:999px;padding:.05rem .5rem;white-space:nowrap}.bar-socials{display:flex;gap:1rem;flex:none}.bar-socials a{font-family:var(--mono);font-size:.82rem;color:var(--muted);text-decoration:none}.bar-socials a:hover{color:var(--text);text-decoration:underline;text-decoration-color:var(--magenta);text-underline-offset:3px}@media(max-width:520px){.bar-role{display:none}.bar-socials{gap:.8rem}}.hero{max-width:960px;margin:0 auto;padding:clamp(2.5rem,6vw,4rem) 1.5rem 1rem}.avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--line);box-shadow:4px 4px 0 var(--green);background:var(--surface);display:block;margin-bottom:1.1rem}.name{font-family:var(--font);font-weight:700;font-size:clamp(2.6rem,8vw,3.6rem);line-height:1.02;letter-spacing:-.015em;margin:0;color:var(--text)}.role{display:inline-block;font-family:var(--mono);font-size:.9rem;color:var(--text);background:var(--lime);border:1px solid var(--line);border-radius:999px;padding:.14rem .75rem;margin:.9rem 0 1.2rem}.lede{color:var(--muted);font-size:1.15rem;max-width:54ch;margin:0 0 1.4rem}.socials{display:flex;gap:.6rem;flex-wrap:wrap}.socials a{font-family:var(--mono);font-size:.9rem;text-decoration:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.5rem .95rem;transition:background .12s ease}.socials a:hover{background:var(--lime)}.wrap{max-width:960px;margin:0 auto;padding:1.5rem 1.5rem 4rem}section{margin-top:3.5rem}h2{font-family:var(--font);font-weight:600;font-size:1.5rem;margin:0 0 1.4rem;padding-bottom:.5rem;border-bottom:1px solid var(--line-soft)}.cards{list-style:none;padding:0;margin:0;display:grid;gap:1rem}@media(min-width:560px){.cards{grid-template-columns:1fr 1fr}}.cards li{background:var(--surface);border:1px solid var(--line);border-top-width:5px;border-radius:var(--radius);padding:1.1rem 1.2rem;transition:transform .12s ease,box-shadow .12s ease}.cards li:nth-child(4n+1){border-top-color:var(--magenta)}.cards li:nth-child(4n+2){border-top-color:var(--green)}.cards li:nth-child(4n+3){border-top-color:var(--lime)}.cards li:nth-child(4n){border-top-color:var(--line)}.cards li:hover{transform:translate(-2px,-2px);box-shadow:5px 7px 0 var(--line-soft)}.card-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.card-top .name{font-family:var(--mono);font-weight:600;font-size:1.1rem}.card-top .tag{font-family:var(--mono);font-size:.8rem;color:var(--muted);white-space:nowrap}.cards p{color:var(--muted);margin:.5rem 0 .7rem;font-size:.95rem}.cards li a{font-family:var(--mono);font-size:.82rem;text-decoration:none;color:var(--muted)}.cards li a:hover{color:var(--text);text-decoration:underline;text-decoration-color:var(--magenta)}.more{margin-top:1.1rem}.more a{font-family:var(--mono);font-size:.9rem}.timeline{list-style:none;padding:0;margin:0;display:grid;gap:1.1rem}.timeline li{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;align-items:start}.timeline .when{font-family:var(--mono);font-size:.85rem;color:var(--muted);padding-top:.15rem}.timeline .what strong{font-family:var(--font);font-weight:600}.timeline .stack{display:block;font-family:var(--mono);font-size:.8rem;color:var(--muted);margin-top:.2rem}@media(max-width:560px){.timeline li{grid-template-columns:1fr;gap:.2rem}}.service h3{font-family:var(--font);font-weight:600;font-size:1.3rem;margin:3rem 0 1.1rem;padding-top:1.8rem;border-top:1px solid var(--line-soft);display:flex;align-items:center;gap:.6rem}.service h3:before{content:"";width:.7rem;height:.7rem;border-radius:3px;border:1px solid var(--line);background:var(--magenta);flex:none}.service h3:nth-of-type(3n+2):before{background:var(--green)}.service h3:nth-of-type(3n):before{background:var(--lime)}.svc-pitch{font-size:1.2rem;color:var(--text);max-width:56ch;margin:0 0 1.3rem;line-height:1.5}.svc-cta{margin:0 0 1.8rem}.btn{display:inline-block;font-family:var(--mono);font-weight:600;font-size:.95rem;color:var(--text);background:var(--magenta);border:1px solid var(--line);border-radius:999px;padding:.6rem 1.3rem;text-decoration:none;box-shadow:3px 3px 0 var(--line);transition:transform .1s ease,box-shadow .1s ease}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--line)}.svc-note{color:var(--muted);font-size:.9rem;font-family:var(--mono);margin:.6rem 0 0}.reel{margin:0 0 1rem}.reel video{width:100%;display:block;aspect-ratio:16 / 9;background:#0b0d10;border:1px solid var(--line);border-radius:var(--radius)}.reel figcaption{font-family:var(--mono);font-size:.82rem;color:var(--muted);margin-top:.55rem}.why{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}@media(min-width:620px){.why{grid-template-columns:1fr 1fr}}.why li{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:.85rem 1rem;font-size:.95rem;color:var(--muted)}.why li strong{color:var(--text);font-family:var(--font)}.uses{margin:0;padding-left:1.1rem;color:var(--muted);columns:2;column-gap:2rem}.uses li{margin:.25rem 0;break-inside:avoid}@media(max-width:560px){.uses{columns:1}}.styles{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.styles li{font-family:var(--mono);font-size:.85rem;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.35rem .85rem}.steps{margin:0;padding-left:0;list-style:none;counter-reset:s;display:grid;gap:.6rem}.steps li{position:relative;padding-left:2.2rem;color:var(--muted)}.steps li:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:1.5rem;height:1.5rem;display:grid;place-items:center;font-family:var(--mono);font-size:.8rem;color:var(--text);background:var(--lime);border:1px solid var(--line);border-radius:50%}.steps li strong{color:var(--text);font-family:var(--font)}.faq{margin:0}.faq dt{font-family:var(--font);font-weight:600;margin-top:1rem}.faq dd{margin:.2rem 0 0;color:var(--muted)}.contact .socials{margin-top:1rem}footer{margin-top:4rem;font-family:var(--mono);font-size:.85rem;color:var(--muted)}