:root{--ink:#14161b;--ink-soft:#3a3d46;--paper:#f7f7f4;--paper-raised:#ffffff;--line:#dedcd4;--marker:#d4ff3f;--marker-2:#ff4fcb;--muted:#6b6e76;--max:1120px;--radius:2px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}body{margin:0;background:var(--paper);color:var(--ink);font-family:Space Grotesk,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.tag{display:inline-flex;align-items:center;font-family:IBM Plex Mono,monospace;font-size:.68rem;letter-spacing:.02em;line-height:1;padding:4px 7px;border:1px solid var(--ink);border-radius:var(--radius);margin-left:6px;transform:translateY(-4px);background:var(--paper);white-space:nowrap}.tag.pink{border-color:var(--marker-2)}.tag.lime{border-color:var(--marker)}.mark{background:var(--marker);padding:.02em .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.mark.pink{background:var(--marker-2);color:var(--paper)}header.site{position:sticky;top:0;background:#f7f7f4eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);z-index:20}nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.brand{font-weight:700;font-size:1.05rem;text-decoration:none;letter-spacing:-.01em}.nav-links{display:flex;gap:28px;list-style:none;margin:0;padding:0;font-size:.92rem}.nav-links a{text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;transition:border-color .15s ease}.nav-links a:hover{border-color:var(--ink)}.nav-cta{font-family:IBM Plex Mono,monospace;font-size:.82rem;border:1px solid var(--ink);padding:8px 14px;text-decoration:none;border-radius:var(--radius);transition:background .15s ease,color .15s ease}.nav-cta:hover{background:var(--ink);color:var(--paper)}.hero{padding:96px 0 80px;border-bottom:1px solid var(--line)}.kicker{font-family:IBM Plex Mono,monospace;font-size:.82rem;color:var(--muted);margin:0 0 28px}h1.headline{font-size:clamp(2.4rem,5.4vw,4.2rem);line-height:1.12;font-weight:700;letter-spacing:-.015em;margin:0 0 36px;max-width:16ch}.hero-sub{display:flex;gap:64px;flex-wrap:wrap;align-items:flex-start;margin-top:40px}.hero-sub p{max-width:46ch;font-size:1.05rem;color:var(--ink-soft);margin:0}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.btn{font-family:IBM Plex Mono,monospace;font-size:.85rem;text-decoration:none;padding:13px 20px;border-radius:var(--radius);border:1px solid var(--ink);display:inline-block;white-space:nowrap;cursor:pointer;background:none}.btn.primary{background:var(--ink);color:var(--paper)}.btn.primary:hover{background:var(--ink-soft)}.btn.ghost:hover{background:var(--ink);color:var(--paper)}.stats{border-bottom:1px solid var(--line)}.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.stat{padding:32px 24px;border-left:1px solid var(--line)}.stat:first-child{border-left:none}.stat .num{font-size:2rem;font-weight:700;letter-spacing:-.02em}.stat .label{font-family:IBM Plex Mono,monospace;font-size:.72rem;color:var(--muted);margin-top:6px}.theme-dark{background:var(--ink);border-color:#ffffff1f}.theme-dark .section-head h2{color:var(--paper)}.theme-dark .section-head .index{color:#9a9ca3}.stats.theme-dark .stat{border-left-color:#ffffff24}.stats.theme-dark .num{color:var(--paper)}.stats.theme-dark .label{color:#9a9ca3}#work.theme-dark .work-grid{background:#ffffff1f}#work.theme-dark{border-bottom-color:#ffffff1f}.contact.theme-dark h2{color:var(--paper)}.contact.theme-dark p{color:#c9c9cf!important}.contact.theme-dark .contact-links a{border-top-color:#ffffff29;color:var(--paper)}.contact.theme-dark .contact-links a:last-child{border-bottom-color:#ffffff29}.contact.theme-dark .contact-links a .arrow{color:#9a9ca3}.contact.theme-dark .contact-links a:hover{color:#c9c9cf}footer.theme-dark{background:var(--ink);color:#8d8f97}section{padding:88px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;flex-wrap:wrap}.section-head h2{font-size:clamp(1.8rem,3vw,2.4rem);margin:0;letter-spacing:-.01em}.section-head .index{font-family:IBM Plex Mono,monospace;font-size:.82rem;color:var(--muted)}.services{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.service{background:var(--paper);padding:40px}.service h3{margin:0 0 6px;font-size:1.4rem}.service .service-tag{font-family:IBM Plex Mono,monospace;font-size:.75rem;color:var(--muted);margin-bottom:24px;display:block}.service ul{list-style:none;margin:0;padding:0}.service li{padding:12px 0;border-top:1px solid var(--line);font-size:.95rem;color:var(--ink-soft)}.service li:first-of-type{border-top:none}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.work-item{background:var(--paper);padding:36px;display:flex;flex-direction:column;gap:14px}.work-item .work-type{align-self:flex-start}.work-thumb{width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line);margin-bottom:4px}.sample-link{font-family:IBM Plex Mono,monospace;font-size:.8rem;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--ink);align-self:flex-start;padding-bottom:1px}.sample-link:hover{color:var(--ink-soft);border-color:var(--ink-soft)}.work-item h3{margin:0;font-size:1.25rem;letter-spacing:-.01em}.work-item p{margin:0;color:var(--ink-soft);font-size:.95rem;max-width:42ch}.work-item .meta{font-family:IBM Plex Mono,monospace;font-size:.75rem;color:var(--muted);margin-top:auto;padding-top:10px}.blog-grid{display:flex;flex-direction:column}.post{display:grid;grid-template-columns:140px 1fr auto;gap:24px;align-items:baseline;padding:26px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}.blog-grid a.post:last-child{border-bottom:1px solid var(--line)}.post .date{font-family:IBM Plex Mono,monospace;font-size:.78rem;color:var(--muted)}.post .post-body h3{margin:0 0 6px;font-size:1.1rem;letter-spacing:-.005em}.post .post-body p{margin:0;color:var(--ink-soft);font-size:.92rem;max-width:60ch}.post .arrow{font-family:IBM Plex Mono,monospace;color:var(--muted);transition:transform .15s ease;align-self:center}.post:hover .arrow{transform:translate(4px)}.blog-more{margin-top:28px}@media (max-width: 640px){.post{grid-template-columns:1fr;gap:6px}.post .arrow{display:none}}.post-page{padding:96px 0 88px}.post-page h1{font-size:clamp(2rem,4.5vw,3rem);line-height:1.15;letter-spacing:-.015em;margin:0 0 40px;max-width:20ch}.back-link{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:.82rem;text-decoration:none;color:var(--muted);margin-bottom:32px}.back-link:hover{color:var(--ink)}.post-content{max-width:68ch}.post-content p{font-size:1.05rem;color:var(--ink-soft);line-height:1.7;margin:0 0 22px}.post-content strong{color:var(--ink)}.post-content ul,.post-content ol{margin:0 0 22px;padding-left:22px}.post-content li{font-size:1.05rem;color:var(--ink-soft);line-height:1.7;margin-bottom:8px}.process-list{display:flex;flex-direction:column}.process-row{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--line);align-items:baseline}.process-row:last-child{border-bottom:1px solid var(--line)}.process-row .ptag{font-family:IBM Plex Mono,monospace;font-size:.78rem;color:var(--muted)}.process-row h4{margin:0 0 6px;font-size:1.1rem}.process-row p{margin:0;color:var(--ink-soft);max-width:56ch;font-size:.95rem}.contact{border-bottom:none}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}.contact h2{font-size:clamp(2rem,4vw,3rem);line-height:1.15;letter-spacing:-.015em;margin:0 0 24px;max-width:14ch}.contact-links{display:flex;flex-direction:column;gap:2px}.contact-links a{text-decoration:none;padding:16px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:1rem}.contact-links a:last-child{border-bottom:1px solid var(--line)}.contact-links a .arrow{font-family:IBM Plex Mono,monospace;color:var(--muted);transition:transform .15s ease}.contact-links a:hover .arrow{transform:translate(4px)}footer{font-family:IBM Plex Mono,monospace;font-size:.75rem}.footer-inner{padding:28px 32px 40px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}@media (max-width: 860px){.nav-links{display:none}.stats .wrap{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:none}.services,.work-grid,.contact-grid,.process-row{grid-template-columns:1fr}}