:root{--bg: #ffffff;--bg-elev: #82909b;--line: rgba(0, 0, 0, .1);--line-strong: rgba(0, 0, 0, .2);--fg: #0a0a0a;--fg-dim: #82909b;--fg-faint: #82909b;--accent: #0a0a0a;--accent-ink: #ffffff;--ease-out: cubic-bezier(.16, 1, .3, 1);--font-display: "Instrument Sans", system-ui, sans-serif;--font-body: "Instrument Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}@media(max-width:1023px),(hover:none){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:1.0625rem;line-height:1.55;letter-spacing:-.01em;overflow-x:hidden;touch-action:pan-y}@media(max-width:1023px){body.grain:before{display:none}}body.grain:before{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit;text-decoration:none}@media(hover:none),(pointer:coarse){#wave-hand,#cursor-tooltip{display:none!important;visibility:hidden!important;pointer-events:none!important}*,*:before,*:after{cursor:auto!important}}@media(hover:hover)and (pointer:fine){*,*:before,*:after{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 24 24'%3E%3Cpath d='M4 2 L4 19.5 L9 15 L12 21.5 L15 20 L11.7 13.7 L18.5 13.7 Z' fill='%230a0a0a' stroke='%23ffffff' stroke-width='1.1' stroke-linejoin='round'/%3E%3C/svg%3E") 7 5,auto!important}[data-wave],[data-wave] *{cursor:none!important}body.wave-cursor-active,body.wave-cursor-active *,body.wave-cursor-active *:before,body.wave-cursor-active *:after{cursor:none!important}}#wave-hand{position:fixed;left:0;top:0;z-index:95;pointer-events:none;will-change:transform;opacity:0;transition:opacity .15s ease-out;color:var(--fg)}#wave-hand.visible{opacity:1}#wave-hand .wave-hand-inner{transform:translate(-18px,-6px) scale(.5);transition:transform .15s ease-out}#wave-hand.visible .wave-hand-inner{transform:translate(-18px,-6px) scale(1)}#wave-hand svg{display:block;transform-origin:45% 92%;animation:wave-hand 1.1s ease-in-out infinite;animation-delay:.25s}@keyframes wave-hand{0%,to{transform:rotate(0)}20%{transform:rotate(16deg)}35%{transform:rotate(-6deg)}50%{transform:rotate(16deg)}65%{transform:rotate(-6deg)}}@media(prefers-reduced-motion:reduce){#wave-hand svg{animation:none}}#cursor-tooltip{position:fixed;left:0;top:0;z-index:90;pointer-events:none;will-change:transform;opacity:0;transition:opacity .18s ease-out}#cursor-tooltip.visible{opacity:1}#cursor-tooltip span{display:inline-block;margin-left:1.25rem;margin-top:1rem;padding:.5rem 1rem;border-radius:9999px;background:var(--fg);color:var(--bg);white-space:nowrap}.shell{width:100%;max-width:1360px;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,3.5rem)}.eyebrow{font-family:var(--font-body);font-size:.75rem;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-faint)}.display{font-family:var(--font-display);font-weight:500;letter-spacing:-.025em;line-height:1.05}.t-h1{font-size:clamp(2rem,5vw,3rem);line-height:1.04}.t-h2{font-size:clamp(1.5rem,3.5vw,2rem);line-height:1.12}.text-fg{color:var(--fg)}.text-fg-dim{color:var(--fg-dim)}.text-bg{color:var(--bg)}.tabular-nums{font-variant-numeric:tabular-nums}@keyframes caret-blink{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}.tw-caret{display:inline-block;width:.055em;height:.8em;margin-left:.08em;vertical-align:-.04em;background:currentColor;animation:caret-blink 1.05s step-end infinite}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}#preloader{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:var(--bg);transition:opacity .6s var(--ease-out),visibility .6s}#preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}#preloader .percent{font-size:clamp(2rem,5vw,3rem)}#preloader .percent span{color:var(--fg-dim)}header{position:fixed;inset-inline:0;top:0;z-index:50;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);transition:background .5s,border-color .5s,transform .6s var(--ease-out),opacity .6s;border-bottom:1px solid transparent;opacity:0;transform:translateY(-80px)}header.visible{opacity:1;transform:translateY(0)}header.scrolled{background:#ffffffd9;border-bottom-color:var(--line)}@media(max-width:1023px){header,header.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fffffffa}}.header-inner{display:flex;align-items:center;justify-content:space-between;padding-block:1.25rem}.header-left{display:flex;align-items:center;gap:.75rem}.header-left>a{display:inline-flex;align-items:center}.header-left>a .eyebrow{letter-spacing:.12em;color:var(--fg)}.status-dot{display:none;align-items:center;gap:.375rem}@media(min-width:640px){.status-dot{display:inline-flex}}.status-dot .ping{position:relative;display:flex;width:.375rem;height:.375rem}.status-dot .ping:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--fg);opacity:.7;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.status-dot .dot{position:relative;width:.375rem;height:.375rem;border-radius:50%;background:var(--fg)}.status-dot .eyebrow{font-size:.65rem;color:var(--fg-dim)}.header-actions{display:flex;align-items:center;gap:.5rem}.btn-outline{display:none;align-items:center;padding:.75rem 1.25rem;border-radius:9999px;border:1px solid var(--line-strong);color:var(--fg);transition:background .3s}.btn-outline:hover{background:var(--bg)}@media(min-width:640px){.btn-outline{display:inline-flex}}.btn-primary{display:inline-flex;align-items:center;padding:.75rem 1.25rem;border-radius:9999px;background:var(--accent);color:var(--accent-ink);transition:background .3s}.btn-primary:hover{background:var(--fg-dim)}#hero-scroll{position:relative;height:220vh}.hero-sticky{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding-top:6rem}.hero-track-wrap{position:relative;flex:1;margin-top:1.5rem}#project-track{display:flex;height:100%;gap:1.5rem;padding-left:clamp(1.25rem,4vw,3.5rem);padding-right:12vw;will-change:transform}.project-card{position:relative;flex-shrink:0;width:84vw;height:100%;overflow:hidden;border-radius:4px;background:var(--bg-elev)}@media(min-width:640px){.project-card{width:76vw}}@media(max-width:1023px){#hero-scroll{height:auto}.hero-sticky{position:relative;height:auto;min-height:0;overflow:visible;padding-bottom:2rem}.hero-track-wrap{margin-top:2rem}#project-track{flex-direction:column;height:auto;will-change:auto;transform:none!important;padding-right:clamp(1.25rem,4vw,3.5rem);gap:1.25rem}.project-card{width:100%;height:min(70vh,520px)}}.project-card .cover{width:100%;height:100%;object-fit:cover;transition:transform .9s ease-out}.project-card:hover .cover{transform:scale(1.05)}.project-card video.cover,.project-card img.cover{display:block;pointer-events:none}.project-card .label{position:absolute;top:1rem;z-index:30;color:var(--bg);mix-blend-mode:difference}.project-card .label-left{left:1.5rem}.project-card .label-right{right:1.5rem}.project-card .browser{position:absolute;inset-inline:2rem;top:3rem;bottom:-2rem;z-index:20;overflow:hidden;border-radius:8px 8px 0 0;background:var(--bg);box-shadow:0 10px 40px #0000001a}.project-card .browser-bar{display:flex;align-items:center;gap:.5rem;height:2.25rem;padding-inline:1rem;border-bottom:1px solid var(--line)}.project-card .browser-bar span{width:.625rem;height:.625rem;border-radius:50%;background:var(--line-strong)}.project-card .browser img{width:100%;display:block}#about{position:relative;padding-block:6rem}@media(min-width:640px){#about{padding-block:9rem}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem 0;margin-top:3.5rem;padding-block:1rem}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:0}.stats-grid .stat-item:not(:first-child){border-left:1px solid var(--line);padding-left:2rem}}.stat-item .stat-label{margin-top:1rem;color:var(--fg-dim)}.about-grid{display:grid;gap:3rem;margin-top:4rem}@media(min-width:1024px){.about-grid{grid-template-columns:repeat(12,1fr);gap:3rem}.about-bio{grid-column:span 5}.about-jobs{grid-column:span 7}}.about-bio p{max-width:28rem;color:var(--fg-dim)}.about-bio .btn-primary{margin-top:2.25rem;padding:.875rem 1.5rem}.job-list{border-top:1px solid var(--line)}.job-row{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;padding-block:1rem;border-bottom:1px solid var(--line)}.job-row a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .3s}.job-row a:hover{text-decoration-color:var(--fg)}.job-row .eyebrow{color:var(--fg-dim);white-space:nowrap}#services{position:relative;padding-block:6rem;border-top:1px solid var(--line)}@media(min-width:640px){#services{padding-block:9rem}}.services-grid{display:grid;gap:3rem;margin-top:4rem}@media(min-width:1024px){.services-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.service-item h3{font-family:var(--font-display);font-weight:500;font-size:1.125rem;margin-bottom:1rem}.service-item p{color:var(--fg-dim);font-size:.95rem;line-height:1.6}#process{position:relative;padding-block:6rem;border-top:1px solid var(--line)}@media(min-width:640px){#process{padding-block:9rem}}.section-subhead{color:var(--fg-dim);max-width:38rem;margin-top:1rem;font-size:1.0625rem;line-height:1.6}.process-grid{display:grid;gap:2rem;margin-top:4rem}@media(min-width:1024px){.process-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.process-card{padding:2.5rem 2rem;border:1px solid var(--line);border-radius:1rem;background:#ffffffd9;backdrop-filter:blur(12px);transition:transform .3s var(--ease-out),border-color .3s,box-shadow .3s;display:flex;flex-direction:column}.process-card:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:0 16px 40px #0000000d}.process-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.process-step{color:var(--fg-faint)}.process-badge{font-family:var(--font-mono, monospace);font-size:.6875rem;color:var(--fg-dim);background:#0000000a;padding:.2rem .5rem;border-radius:4px;border:1px solid var(--line)}.process-title{font-family:var(--font-display);font-size:1.35rem;font-weight:500;line-height:1.25;margin-bottom:.75rem;color:var(--fg)}.process-desc{color:var(--fg-dim);font-size:.95rem;line-height:1.6;margin-bottom:1.75rem}.artifact-canvas{width:100%;height:140px;border:1px solid var(--line);border-radius:.75rem;background:#fafafc;position:relative;overflow:hidden;margin-top:auto;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;padding:1.25rem}.node-box{background:#fff;border:1px solid var(--line);border-radius:6px;padding:.4rem .75rem;font-size:.75rem;font-weight:500;color:var(--fg);box-shadow:0 2px 8px #0000000a;z-index:2}.node-box.active{border-color:var(--fg);background:var(--fg);color:#fff}.node-box.dashed{border-style:dashed;color:var(--fg-dim)}.node-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.token-board{display:flex;flex-direction:column;gap:.5rem;width:100%;height:140px;border:1px solid var(--line);border-radius:.75rem;background:#fafafc;padding:.85rem 1rem;margin-top:auto;margin-bottom:1.5rem;justify-content:center}.token-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);padding:.35rem .65rem;border-radius:6px;box-shadow:0 1px 3px #00000005}.token-info{display:flex;align-items:center;gap:.6rem}.token-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.token-name{font-family:var(--font-mono, monospace);font-size:.6875rem;color:var(--fg)}.token-val{font-family:var(--font-mono, monospace);font-size:.6875rem;color:var(--fg-dim)}.inspector-artifact{width:100%;height:140px;border:1px solid var(--line);border-radius:.75rem;background:#fff;position:relative;overflow:hidden;margin-top:auto;margin-bottom:1.5rem;display:flex;flex-direction:column}.inspector-header{height:26px;background:#f4f4f6;border-bottom:1px solid var(--line);display:flex;align-items:center;padding-inline:.75rem;gap:.35rem}.inspector-dot{width:7px;height:7px;border-radius:50%;background:var(--line-strong)}.inspector-file{font-family:var(--font-mono, monospace);font-size:.625rem;color:var(--fg-dim);margin-left:.4rem}.inspector-body{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:1rem}.sample-interactive-btn{display:inline-flex;align-items:center;padding:.4rem .9rem;background:var(--fg);color:#fff;border-radius:9999px;font-size:.75rem;letter-spacing:.05em;cursor:pointer;transition:transform .2s,background .2s;user-select:none}.sample-interactive-btn:hover{transform:scale(1.05);background:#262626}.inspector-hud{position:absolute;right:.5rem;bottom:.5rem;background:#0a0a0ae6;color:#fff;border-radius:4px;padding:.25rem .5rem;font-family:var(--font-mono, monospace);font-size:.5625rem;line-height:1.35}.inspector-hud span{color:#4ade80}.process-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem;padding-top:1.25rem;border-top:1px solid var(--line)}.process-tags li{font-size:.75rem;letter-spacing:.05em;color:var(--fg-dim);background:#0000000a;padding:.25rem .65rem;border-radius:9999px}#capabilities{position:relative;padding-block:6rem;border-top:1px solid var(--line);background:#fafafc}@media(min-width:640px){#capabilities{padding-block:8rem}}.bento-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:3.5rem}@media(min-width:768px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.bento-grid{grid-template-columns:repeat(3,1fr)}}.bento-card{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:2.25rem 2rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s var(--ease-out),border-color .3s,box-shadow .3s}.bento-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:0 12px 32px #0000000a}.bento-card--featured{grid-column:1 / -1;background:#fff}@media(min-width:1024px){.bento-card--featured{grid-column:span 2}}.bento-top{margin-bottom:2rem}.bento-icon{width:38px;height:38px;border-radius:8px;background:#0000000a;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--fg)}.bento-title{font-family:var(--font-display);font-size:1.25rem;font-weight:500;line-height:1.3;margin-bottom:.65rem;color:var(--fg)}.bento-desc{color:var(--fg-dim);font-size:.9375rem;line-height:1.6}.bento-pills{display:flex;flex-wrap:wrap;gap:.5rem}.bento-pill{display:inline-flex;align-items:center;font-size:.75rem;letter-spacing:.04em;padding:.35rem .75rem;border-radius:9999px;background:#fafafc;border:1px solid var(--line);color:var(--fg);transition:border-color .2s,background .2s,transform .2s}.bento-pill:hover{border-color:var(--fg);background:#fff;transform:translateY(-1px)}.bento-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.bento-checklist li{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;padding-bottom:.5rem;border-bottom:1px solid var(--line);color:var(--fg)}.bento-checklist li:last-child{border-bottom:none;padding-bottom:0}.check-badge{font-family:var(--font-mono, monospace);font-size:.6875rem;color:var(--fg-dim)}.contact-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.25rem;margin-top:3.5rem}.contact-sep{color:#ffffff4d;font-size:1.15rem;user-select:none}.contact-social{font-size:1.0625rem;line-height:1.55;letter-spacing:-.01em;color:#ffffffa6;text-decoration:underline;text-decoration-color:#ffffff40;text-underline-offset:4px;transition:color .3s,text-decoration-color .3s}.contact-social:hover{color:#fff;text-decoration-color:#fff}.contact-wrap{position:relative;overflow:hidden}.contact-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1a1a1a,#2d3436 40%,#636e72)}.contact-bg:after{content:"";position:absolute;inset:0;background:#000000a6}.contact-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.contact-content{position:relative;z-index:10}#contact{padding-block:6rem;text-align:center}@media(min-width:640px){#contact{padding-block:10rem}}#contact .shell{display:flex;flex-direction:column;align-items:center}.contact-heading{font-size:clamp(2rem,5vw,3rem);color:var(--bg);line-height:1.04;transition:opacity .3s}.contact-heading:hover{opacity:.7}.contact-email{display:inline-block;margin-top:3.5rem;font-size:1.0625rem;line-height:1.55;letter-spacing:-.01em;text-transform:none;color:#fff9;text-decoration:underline;text-decoration-color:#ffffff40;text-underline-offset:4px;transition:color .3s,text-decoration-color .3s}.contact-email:hover{color:#fff;text-decoration-color:#fff}footer{position:relative;z-index:10;padding-block:2.5rem;color:var(--bg)}.footer-inner{display:flex;flex-direction:column;gap:2rem}@media(min-width:640px){.footer-inner{flex-direction:row;align-items:center;justify-content:space-between}}.footer-copy{display:flex;align-items:center}.footer-inner .eyebrow,.footer-nav a{color:#ffffff80;transition:color .3s}.footer-nav{display:flex;flex-wrap:wrap;column-gap:1.5rem;row-gap:.5rem}.footer-nav a:hover{color:#fff}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-sm{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal-sm.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.reveal,.reveal-sm{opacity:1;transform:none}#project-track{transform:none!important}#hero-scroll{height:auto}.hero-sticky{position:relative;height:auto;min-height:80vh}}