:root{color-scheme:light;--bg: #f5f5f5;--surface: #ffffff;--border: #d0d0d0;--text: #1a1a1a;--text-meta: #595959;--accent: #2a6fa6;--accent-hover: #1d5683;--on-accent: #ffffff;--focus-ring: #2a6fa6;--grad-a: #2f77b0;--grad-b: #f4802f;--bubble-alpha: .22;--radius: 4px;--mono: ui-monospace, "Cascadia Code", "Fira Mono", monospace}:root[data-theme=dark]{color-scheme:dark;--bg: #111418;--surface: #1a1e24;--border: #3b424c;--text: #e9ecf0;--text-meta: #a9b1bc;--accent: #38b6e8;--accent-hover: #7fd0f2;--on-accent: #0a1a2a;--focus-ring: #38b6e8;--grad-a: #38b6e8;--grad-b: #ff7850;--bubble-alpha: .3}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--bg: #111418;--surface: #1a1e24;--border: #3b424c;--text: #e9ecf0;--text-meta: #a9b1bc;--accent: #38b6e8;--accent-hover: #7fd0f2;--on-accent: #0a1a2a;--focus-ring: #38b6e8;--grad-a: #38b6e8;--grad-b: #ff7850;--bubble-alpha: .3}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}body{font-family:Noto Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.skip-link{position:absolute;top:-40px;left:0;z-index:100;background:var(--accent);color:var(--on-accent);padding:.5rem 1rem;font-weight:600;text-decoration:none;border-radius:0 0 var(--radius) 0}.skip-link:focus{top:0}a{color:var(--accent);text-decoration:underline;text-underline-offset:.15em}a:hover{color:var(--accent-hover)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:2px}.wrap{width:min(100% - 2rem,1440px);margin-inline:auto}.site-header,.site-footer{background:var(--surface)}.site-header{border-bottom:2px solid var(--border)}.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding-block:2px}.brand{display:block;line-height:0;text-decoration:none}.logo{display:block;height:76px;width:auto;aspect-ratio:124 / 48;object-fit:contain}@media(max-width:600px){.logo{height:56px}.brand{margin-top:10px}}.logo-dark{display:none}:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .logo-light{display:none}:root:not([data-theme=light]):not([data-theme=dark]) .logo-dark{display:block}}.site-nav ul{display:flex;gap:1.25rem;list-style:none}.site-nav a{color:var(--text);font-weight:600;text-decoration:none;padding-block:.25rem;border-bottom:3px solid transparent}.nav-icon{display:none;width:1.75rem;height:1.75rem;fill:currentColor}@media(max-width:535px){.site-nav ul{gap:.25rem}.site-nav a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding-block:0}.nav-icon{display:block}.nav-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.site-nav a:hover{border-bottom-color:var(--border)}.site-nav a[aria-current=page]{border-bottom-color:var(--accent)}main{flex:1;padding-block:2.5rem 3rem}.site-footer{border-top:1px solid var(--border);color:var(--text-meta);font-size:.85rem}.site-footer .wrap{padding-block:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/noto-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/noto-sans-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Griffy;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/griffy.ttf) format("truetype")}h1{font-family:Griffy,system-ui,sans-serif;font-weight:400;font-size:clamp(1.9rem,4vw + 1rem,3rem);line-height:1.15;margin-bottom:.75rem}h2{font-size:1.35rem;margin-bottom:.75rem}h3{font-size:1.1rem}.lede{font-size:1.15rem;color:var(--text-meta)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;max-width:980px}.hero{margin-bottom:3rem}.hero .actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.btn{display:inline-block;font:inherit;font-weight:600;cursor:pointer;padding:.55em 1.1em;border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);text-decoration:none}.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}.btn.secondary{background:var(--surface);color:var(--accent)}.btn.secondary:hover{background:var(--accent);color:var(--on-accent)}.section-heading{font-size:1rem;font-weight:600;color:var(--text-meta);padding-bottom:.4rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.section-heading-bg{background:var(--surface);padding:.4rem .75rem;border-radius:var(--radius);border:1px solid var(--border)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(17rem,calc((100% - 3rem)/4)),1fr));gap:1rem;list-style:none}.card{position:relative;display:flex;flex-direction:column;gap:.5rem;background:var(--surface);border:5px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;transition:border-color .15s}.card:hover,.card:focus-within{border-color:transparent;background-image:linear-gradient(var(--surface),var(--surface)),linear-gradient(135deg,var(--grad-a),var(--grad-b));background-origin:border-box;background-clip:padding-box,border-box}.card:has(:focus-visible){outline:3px solid var(--focus-ring);outline-offset:2px}.card h3 a{color:var(--accent)}.card h3 a:after{content:"";position:absolute;inset:-5px}.card .role{font-family:var(--mono);font-size:.8rem;color:var(--text-meta)}.tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin-top:auto;padding-top:.5rem}.skill-group{margin-top:1rem}.skill-group h3{margin-bottom:.4rem}.skill-list{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0}.case .skill-list li+li{margin-top:0}.skill-list li{background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:.15em .6em;font-size:.9rem}.tags li{font-family:var(--mono);font-size:.72rem;background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:.1em .5em;color:var(--text-meta)}.case section{margin-top:1.5rem}.case ol{padding-left:1.25rem}.case li+li{margin-top:.4rem}.breadcrumb{margin-bottom:1rem;font-size:.9rem}#bg-pattern{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.bg-toggle{position:fixed;right:.75rem;bottom:.75rem;z-index:50;font:inherit;font-size:.75rem;padding:.3em .8em;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}.bg-toggle:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.shot{margin-top:1.5rem}.shot img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius)}.shot figcaption{margin-top:.5rem;font-size:.85rem;color:var(--text-meta)}.contact{margin-top:3rem}.contact-list{list-style:none;margin:1rem 0}.contact-list li+li{margin-top:.35rem}.contact-label{display:inline-block;min-width:5.5rem;font-family:var(--mono);font-size:.8rem;color:var(--text-meta)}code{font-family:var(--mono);background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:.1em .4em}.shot.narrow{max-width:20rem}.demo video{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius);background:#000}.header-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem}.theme-toggle{display:inline-flex;align-items:center;gap:.45rem;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;padding:.35em .8em;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text)}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle svg{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .icon-moon{display:none}:root[data-theme=dark] .theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-moon{display:inline}.personal{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.personal .tags{margin-top:.75rem;padding-top:0}.personal-link{margin-top:1rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}ul.plain{padding-left:1.25rem}ul.plain li+li{margin-top:.4rem}.clients{margin-top:3rem}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem;list-style:none;padding:0;margin-top:1.25rem}.client-tile{display:flex;align-items:center;justify-content:center;height:5.5rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.client-tile:hover{border-color:var(--accent)}.client-tile img{display:block;max-width:100%;max-height:3.5rem;width:auto;height:auto;object-fit:contain}.transcript{margin-top:.75rem;border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .9rem;background:var(--bg)}.transcript summary{cursor:pointer;font-weight:600;color:var(--accent)}.transcript-note{margin-top:.5rem;color:var(--text-meta);font-size:.9rem}.transcript ol{margin-top:.5rem;padding-left:1.5rem;font-size:.9rem}.transcript li+li{margin-top:.15rem}#nl-badge-frame{display:none!important}