@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800&family=Orbitron:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050505;--bg-soft:#ffffff04;--bg-strong:#050505fa;--bg-surface:#0a0a0a;--text:#e8e8e8;--text-primary:#fff;--text-muted:#6b6b6b;--text-dim:#4a4a4a;--muted:#6b6b6b;--line:#ffffff0a;--line-strong:#0fa3;--line-accent:#0fa6;--accent:#0fa;--accent-alt:#0f8;--accent-dim:#0c8;--accent-glow:#00ffaa80;--accent-subtle:#00ffaa14;--cyan:#00e5ff;--cyan-glow:#00e5ff4d;--purple:#b388ff;--purple-glow:#b388ff33;--shadow:0 20px 60px #000000e6;--shadow-lg:0 40px 100px #000000f2;--glow:0 0 40px #00ffaa26;--radius:3px;--radius-md:10px;--radius-lg:18px;--max-width:1440px;--ease-out-quart:cubic-bezier(.25,1,.5,1);--ease-out-expo:cubic-bezier(.19,1,.22,1);--ease-spring:cubic-bezier(.175,.885,.32,1.275)}*{box-sizing:border-box}html{scroll-behavior:smooth;background-image:repeating-linear-gradient(0deg,#0000,#0000 100px,#00ffaa03 100px 101px),repeating-linear-gradient(90deg,#0000,#0000 100px,#00ffaa03 100px 101px);background-attachment:fixed}ul,ol{margin:0;padding:0}.skip-link{color:#000;z-index:100;background:#fff;border-radius:999px;padding:12px 16px;font-weight:700;position:absolute;top:16px;left:16px;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}body{min-width:320px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:-.01em;margin:0;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:15px;font-weight:400;line-height:1.6}body:before{content:"";pointer-events:none;background:radial-gradient(ellipse at 15% 90%,var(--accent-glow)0%,transparent 35%),radial-gradient(ellipse at 85% 10%,var(--cyan-glow)0%,transparent 35%),radial-gradient(circle at 50% 50%,var(--accent-subtle)0%,transparent 50%);opacity:.12;z-index:0;mix-blend-mode:screen;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:1;opacity:.3;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ffaa03 2px 4px);position:fixed;inset:0}a{color:inherit;text-decoration:none}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius);box-shadow:0 0 20px var(--accent-glow)}.site-header{z-index:50;justify-content:center;padding:20px 16px 0;display:flex;position:sticky;top:0}.site-nav{width:min(calc(100% - 16px),var(--max-width));border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--bg-strong)0%,#ffffff05 100%);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);justify-content:space-between;align-items:center;gap:12px;padding:8px;display:flex;box-shadow:0 20px 60px #000c,inset 0 1px #ffffff0d}.brand-mark,.nav-link,.pill-link,.contact-link,.badge,.service-tile,.cta-primary,.cta-secondary,.case-study-link,.other-project-card,.back-link{transition:all .2s var(--ease-out-expo)}.brand-mark{border-radius:var(--radius);letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(135deg,var(--accent)0%,var(--accent-alt)100%);color:#000;box-shadow:0 4px 12px var(--accent-glow),inset 0 1px 0 #ffffff4d;padding:12px 18px;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;position:relative;overflow:hidden}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.nav-links--desktop{display:flex}.nav-toggle{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;gap:4px;width:44px;height:44px;padding:10px;transition:all .18s;display:none}.nav-toggle:hover{background:#ffffff0f;border-color:#7dd3fc4d}.nav-toggle-line{background:var(--text);border-radius:2px;width:100%;height:2px;transition:all .18s;display:block}.nav-mobile{z-index:100;pointer-events:none;opacity:0;transition:opacity .18s;position:fixed;inset:0}.nav-mobile--open{pointer-events:auto;opacity:1}.nav-mobile-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:absolute;inset:0}.nav-mobile-menu{background:var(--bg-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-left:1px solid var(--line);flex-direction:column;gap:8px;width:min(280px,80vw);padding:24px;transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.nav-mobile--open .nav-mobile-menu{transform:translate(0)}.nav-mobile-link{color:var(--text);border-radius:12px;padding:14px 18px;font-size:1rem;font-weight:600;transition:all .18s}.nav-mobile-link:hover{color:#fff;background:#ffffff0f;transform:translate(4px)}.nav-link{border-radius:var(--radius);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:12px 20px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;position:relative;overflow:hidden}.nav-link:after{content:"";background:var(--accent);width:0;height:1px;transition:width .25s var(--ease-out-expo);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover{color:var(--accent);background:linear-gradient(#ffffff08 0%,#0000 100%);transform:translateY(-1px)}.nav-link:hover:after{width:calc(100% - 40px)}.brand-mark:before{content:"";transition:transform .6s var(--ease-out-expo);background:linear-gradient(90deg,#0000,#fff6,#0000);position:absolute;inset:0;transform:translate(-100%)}.brand-mark:hover{box-shadow:0 6px 20px var(--accent-glow),inset 0 1px 0 #fff6;transform:scale(1.05)translateY(-1px)}.brand-mark:hover:before{transform:translate(100%)}.page-shell{width:min(calc(100% - 32px),var(--max-width));flex-direction:column;gap:32px;margin:0 auto;padding:28px 0 96px;display:flex}.project-page-shell{padding-top:32px}.hero-grid,.mid-grid,.project-grid,.stack-grid,.project-page-grid,.other-projects-grid{gap:24px;display:grid}.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr)}.mid-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr) minmax(280px,.9fr)}.project-page-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr)}.project-page-grid--architecture{align-items:start}.stat-grid{gap:24px;display:grid}.panel,.hero-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,var(--bg-surface)0%,var(--bg-soft)100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s var(--ease-out-expo);position:relative;overflow:hidden}.panel{padding:36px}.panel:hover{border-color:var(--line-strong);box-shadow:var(--shadow-lg),var(--glow);transform:translateY(-2px)}.hero-card,.project-page-hero{background:linear-gradient(135deg,var(--accent-subtle)0%,transparent 50%),linear-gradient(225deg,var(--cyan-glow)0%,transparent 40%),var(--bg-surface);border:2px solid;border-image:linear-gradient(135deg,var(--accent),transparent)1;position:relative}.hero-card:before{content:"";background:linear-gradient(135deg,var(--accent),var(--cyan),var(--purple));border-radius:var(--radius);opacity:.1;z-index:-1;animation:8s infinite gradient-shift;position:absolute;inset:-2px}@keyframes gradient-shift{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.05)}}.hero-card{border-width:2px;min-height:540px;padding:56px}.project-page-hero{padding:36px}.hero-content,.contact-layout{z-index:2;flex-direction:column;justify-content:space-between;gap:32px;height:100%;display:flex;position:relative}.hero-content--split{grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);align-items:start;display:grid}.hero-copy{max-width:820px}.hero-aside{flex-direction:column;align-items:center;gap:18px;display:flex}.hero-aside-text,.project-page-subtitle{color:var(--muted);line-height:1.7}.hero-aside-text{text-align:center;max-width:280px;margin:0}.headshot-placeholder{aspect-ratio:1;background:radial-gradient(circle at 30% 30%,#7dd3fc5c,#0000 45%),linear-gradient(160deg,#0f172aeb,#082f49e6,#1e293bf2);border:1px solid #ffffff29;border-radius:999px;place-items:center;width:172px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,0 30px 70px #0891b22e}.headshot-placeholder:after{content:"";border-radius:inherit;border:1px solid #ffffff0f;position:absolute;inset:10px}.headshot-placeholder span{z-index:1;color:#e0f2fe;letter-spacing:-.08em;font-size:3rem;font-weight:700;position:relative}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.35em;border:1px solid var(--accent-subtle);border-radius:var(--radius);background:var(--accent-subtle);padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;display:inline-block}.hero-title,.project-page-title{letter-spacing:-.04em;max-width:900px;margin:28px 0 0;font-family:Orbitron,Space Grotesk,sans-serif;font-weight:900;line-height:.85}.hero-title{background:linear-gradient(135deg,var(--text-primary)0%,var(--accent)50%,var(--cyan)100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 20px var(--accent-glow));-webkit-background-clip:text;background-clip:text;font-size:clamp(3.8rem,9vw,7rem)}.project-page-title{color:var(--text-primary);font-size:clamp(3.2rem,6.5vw,5.5rem)}.hero-text,.section-text,.project-details,.stat-note{color:var(--text-muted);font-family:Space Grotesk,sans-serif;font-weight:400;line-height:1.75}.hero-text{color:#e8e8e8e6;letter-spacing:-.01em;max-width:720px;margin:32px 0 0;font-size:1.15rem}.hero-actions,.badge-list,.contact-links{flex-wrap:wrap;gap:12px;display:flex}.hero-actions{grid-column:1/-1}.cta-primary,.cta-secondary,.pill-link,.contact-link,.back-link{border-radius:var(--radius);text-transform:uppercase;letter-spacing:.15em;width:fit-content;min-height:50px;transition:all .25s var(--ease-out-expo);cursor:pointer;border:1px solid;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.cta-primary{border-color:var(--accent);background:linear-gradient(135deg,var(--accent)0%,var(--accent-alt)100%);color:#000;box-shadow:0 4px 20px var(--accent-glow),inset 0 1px 0 #ffffff4d;font-weight:700}.cta-primary:before{content:"";transition:transform .6s var(--ease-out-expo);background:linear-gradient(135deg,#0000 30%,#ffffff80 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)skew(-20deg)}.cta-primary:hover{box-shadow:0 8px 30px var(--accent-glow),inset 0 1px 0 #fff6,0 0 60px var(--accent-glow);border-color:var(--text-primary);transform:translateY(-2px)scale(1.02)}.cta-primary:hover:before{transform:translate(100%)skew(-20deg)}.cta-primary:active{transform:translateY(0)scale(1)}.cta-secondary,.pill-link,.contact-link,.back-link{color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-color:#ffffff1a}.cta-secondary:after,.pill-link:after,.contact-link:after,.back-link:after{content:"→";transition:transform .2s var(--ease-out-expo);margin-left:4px}.cta-secondary:hover,.pill-link:hover,.contact-link:hover,.back-link:hover{border-color:var(--accent);background:linear-gradient(135deg,var(--accent-subtle)0%,transparent 100%);color:var(--accent);box-shadow:0 4px 20px var(--accent-glow);transform:translate(4px)}.cta-secondary:hover:after,.pill-link:hover:after,.contact-link:hover:after,.back-link:hover:after{transform:translate(4px)}.pill-link{flex-shrink:0;padding:10px 14px;font-size:.78rem}.pill-link--private{color:#fef3c7;background:#fde68a1a;border-color:#fde68a33}.stat-value{background:linear-gradient(135deg,var(--accent)0%,var(--cyan)100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;filter:drop-shadow(0 2px 10px var(--accent-glow));-webkit-background-clip:text;background-clip:text;margin:0;font-family:Orbitron,sans-serif;font-size:clamp(3.2rem,6.5vw,4.8rem);font-weight:900;line-height:.85}.stat-label,.project-summary,.section-highlight,.section-title,.project-title,.project-section-title{color:var(--text-primary)}.stat-label{text-transform:uppercase;letter-spacing:.05em;margin:16px 0 0;font-size:.875rem;font-weight:600}.stat-note{opacity:.7;margin:12px 0 0;font-size:.875rem}.section-highlight,.section-title,.project-section-title{letter-spacing:-.04em;background:linear-gradient(180deg,var(--text-primary)0%,var(--text)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:18px 0 0;font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,4.5vw,3rem);font-weight:600;line-height:1.1}.section-text{max-width:660px;margin:16px 0 0;font-size:1rem}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;list-style:none;display:grid}.service-tile,.stack-card,.system-pill,.other-project-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,var(--bg-surface)0%,#ffffff03 100%);position:relative;overflow:hidden}.service-tile{color:var(--text);text-transform:uppercase;letter-spacing:.08em;transition:all .25s var(--ease-out-expo);cursor:pointer;flex-direction:column;gap:8px;padding:24px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;display:flex}.service-desc{text-transform:none;letter-spacing:0;color:var(--text-secondary,var(--text));opacity:.75;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:400;line-height:1.5}.service-tile:before{content:"▸";color:var(--accent);opacity:0;transition:all .25s var(--ease-out-expo);position:absolute;top:12px;right:12px}.service-tile:hover{border-color:var(--accent);background:linear-gradient(135deg,var(--accent-subtle)0%,transparent 50%);box-shadow:0 12px 30px #00000080,0 0 40px var(--accent-glow);color:var(--text-primary);transform:translateY(-4px)scale(1.02)}.service-tile:hover:before{opacity:1;transform:translate(-4px)}.other-project-card:hover{border-color:var(--line-strong);background:linear-gradient(135deg,var(--accent-subtle)0%,transparent 60%);box-shadow:var(--shadow-lg),0 0 30px var(--accent-glow);transform:translateY(-4px)}.section-stack{flex-direction:column;gap:20px;display:flex}.section-heading{max-width:760px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{min-height:320px}.project-card--featured{grid-area:span 2/span 2}.project-card--featured:after{content:"";background:radial-gradient(circle,var(--cyan-glow),transparent 65%);filter:blur(20px);pointer-events:none;border-radius:999px;width:180px;height:180px;animation:6s ease-in-out infinite float;position:absolute;bottom:24px;right:32px}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-10px,-15px)scale(1.05)}66%{transform:translate(10px,-10px)scale(.95)}}.project-line{background:linear-gradient(90deg,#0000,#7dd3fcb8,#0000);height:1px;position:absolute;top:0;left:0;right:0}.browser-mockup{border-radius:var(--radius-md);border:1px solid var(--line);transition:all .3s var(--ease-out-expo);background:linear-gradient(135deg,#000 0%,#0a0a0a 100%);margin-bottom:28px;position:relative;overflow:hidden;box-shadow:0 12px 40px #000000b3,inset 0 1px #ffffff0d}.browser-mockup--large{margin-top:26px;margin-bottom:0}.browser-mockup__frame{background:linear-gradient(#141414fa 0%,#0a0a0af2 100%);border-bottom:1px solid #ffffff0d;align-items:center;gap:6px;padding:12px 14px;display:flex}.browser-mockup__frame span{width:10px;height:10px;transition:all .2s var(--ease-out-expo);background:#ffffff14;border-radius:50%}.browser-mockup__frame span:first-child{background:#ff5f57}.browser-mockup__frame span:nth-child(2){background:#ffbd2e}.browser-mockup__frame span:last-child{background:#28ca42}.browser-mockup:hover .browser-mockup__frame span{transform:scale(1.15)}.browser-mockup__screen{background:linear-gradient(135deg,#0a0a0a 0%,#111 100%);flex-direction:column;justify-content:end;min-height:200px;padding:28px;display:flex;position:relative}.browser-mockup--large .browser-mockup__screen{min-height:360px;padding:34px}.browser-mockup__glow{filter:blur(12px);background:radial-gradient(circle,#7dd3fc57,#0000 68%);border-radius:999px;width:240px;height:240px;position:absolute;inset:auto -12% -40% auto}.browser-mockup__label,.other-project-card__label,.diagram-kicker{color:#e0f2fec7;text-transform:uppercase;letter-spacing:.22em;margin:0;font-size:.72rem;font-weight:700}.browser-mockup__title{letter-spacing:-.05em;max-width:75%;margin:10px 0 0;font-size:clamp(1.6rem,2.6vw,2.8rem);line-height:1.02;position:relative}.project-head{justify-content:space-between;gap:16px;display:flex}.project-title{letter-spacing:-.04em;margin:14px 0 0;font-size:2rem;font-weight:700;line-height:1.05}.project-summary{margin:12px 0 0;font-size:1rem}.project-details{max-width:720px;margin:18px 0 0;font-size:.96rem}.badge-list{margin-top:22px}.badge-list--compact{margin-top:18px}.badge{border:1px solid var(--line);color:var(--text-muted);letter-spacing:.03em;transition:all .2s var(--ease-out-expo);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff08 0%,#0003 100%);border-radius:999px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:500}.badge:hover{border-color:var(--line-strong);background:linear-gradient(135deg,var(--accent-subtle)0%,transparent 100%);color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.case-study-link{color:#d8f6ff;margin-top:20px;font-size:.92rem;font-weight:700;display:inline-flex}.case-study-link:hover{color:#fff;transform:translate(2px)}.stack-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.stack-card{padding:22px}.stack-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.22em;margin:0 0 16px;font-size:.78rem}.quote-panel{text-align:center;background:linear-gradient(135deg,var(--bg-surface)0%,#00ffaa05 100%);border:2px solid;border-image:linear-gradient(90deg,transparent,var(--accent),transparent)1;padding:5rem 3.5rem;position:relative;overflow:hidden}.quote-panel:before{content:"";background:radial-gradient(circle at center,var(--accent-glow)0%,transparent 50%),linear-gradient(90deg,transparent,var(--accent-subtle),transparent);opacity:.08;z-index:-1;animation:4s ease-in-out infinite pulse-subtle;position:absolute;inset:0}.quote-panel:after{content:"“";color:var(--accent);opacity:.15;font-family:Orbitron,sans-serif;font-size:4rem;position:absolute;top:20px;left:30px}@keyframes pulse-subtle{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.12;transform:scale(1.02)}}.quote-block{z-index:1;max-width:720px;margin:0 auto;position:relative}.quote-text{color:var(--text-primary);letter-spacing:-.02em;text-shadow:0 2px 20px #0fa3;font-family:Space Grotesk,sans-serif;font-size:1.875rem;font-style:normal;font-weight:400;line-height:1.4}.quote-cite{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;border:1px solid var(--accent-subtle);border-radius:var(--radius);background:var(--accent-subtle);margin-top:2rem;padding:8px 20px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-style:normal;font-weight:600;display:inline-block}.ai-system-panel{background:linear-gradient(135deg,var(--bg-surface)0%,#ffffff03 100%);border:2px solid;border-image:linear-gradient(135deg,var(--accent),var(--cyan),transparent)1;position:relative;overflow:visible;box-shadow:0 30px 80px #000c,inset 0 1px #ffffff08}.ai-system-panel:before{content:"◆ AI ARCHITECTURE";background:linear-gradient(135deg,var(--bg)0%,var(--bg-surface)100%);color:var(--accent);letter-spacing:.25em;border:1px solid var(--accent);border-radius:var(--radius);padding:4px 20px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;position:absolute;top:-14px;left:36px}.ai-system-copy{max-width:720px}.ai-system-diagram{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr) minmax(0,1fr);align-items:center;gap:28px;margin-top:32px;display:grid;position:relative}.ai-system-column{gap:22px;display:grid}.diagram-card{z-index:1;border-radius:var(--radius-md);border:1px solid var(--line);background:linear-gradient(135deg,var(--bg-surface)0%,#ffffff05 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:170px;transition:all .25s var(--ease-out-expo);padding:28px;position:relative;overflow:hidden}.diagram-card:before{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;height:2px;transition:opacity .3s var(--ease-out-expo);position:absolute;top:0;left:0;right:0}.diagram-card:hover{border-color:var(--line-strong);box-shadow:0 20px 50px #0009,0 0 40px var(--accent-glow);transform:translateY(-4px)scale(1.02)}.diagram-card:hover:before{opacity:1}.diagram-card h3,.other-project-card strong{letter-spacing:-.03em;color:var(--text-primary);margin:14px 0 0;font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:600}.diagram-card p:last-child,.other-project-card span:last-child{color:var(--muted);margin:12px 0 0;line-height:1.7}.diagram-card--agent,.diagram-card--tools{border-color:var(--line-strong);border-width:2px}.diagram-card--human{border-color:#fff3}.diagram-core{place-items:center;display:grid;position:relative}.diagram-core__pulse{background:radial-gradient(circle,var(--accent-glow),transparent 60%);opacity:.3;border-radius:50%;width:320px;height:320px;animation:3s ease-in-out infinite pulse;position:absolute}@keyframes pulse{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:.5;transform:scale(1.05)}}.diagram-card--agent{text-align:center;background:linear-gradient(135deg,#bfff000d 0%,#0000 60%);border-width:3px;place-content:center;min-height:220px;display:grid}.diagram-lines{pointer-events:none;position:absolute;inset:0}.diagram-line{background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.4;height:1px;position:absolute}.diagram-line--left-top,.diagram-line--left-bottom{width:22%;left:24%}.diagram-line--right-top,.diagram-line--right-bottom{width:22%;right:24%}.diagram-line--left-top,.diagram-line--right-top{top:27%}.diagram-line--left-bottom,.diagram-line--right-bottom{bottom:27%}.ai-system-footer{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px;list-style:none;display:grid}.system-pill{padding:18px}.system-pill strong{margin-bottom:8px;display:block}.system-pill span{color:var(--muted);font-size:.92rem;line-height:1.65}.system-pill--cyan{border-color:#7dd3fc2e}.system-pill--amber{border-color:#fde68a29}.contact-panel{overflow:hidden}.contact-layout{flex-direction:row;justify-content:space-between;align-items:end}.contact-copy{max-width:720px}.contact-links{flex-direction:column;align-items:flex-start}.contact-link--muted{opacity:.8}.project-page-copy{max-width:780px}.project-page-subtitle{max-width:640px;margin:18px 0 0;font-size:1.1rem}.project-sidebar{gap:24px;display:grid}.time-card{background:radial-gradient(circle at 0 0,#7dd3fc1a,#0000 36%),#ffffff0a}.time-card__value{letter-spacing:-.05em;margin:14px 0 0;font-size:clamp(2rem,5vw,3.2rem);font-weight:700}.architecture-diagram{gap:14px;margin-top:18px;list-style:none;display:grid}.architecture-node{background:#ffffff08;border:1px solid #7dd3fc24;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;display:flex}.architecture-node__index{color:#d8f6ff;background:#22d3ee1f;border-radius:999px;place-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:inline-grid}.architecture-ascii{color:#dbeafe;white-space:pre-wrap;word-break:break-word;-webkit-overflow-scrolling:touch;background:#020617a3;border:1px solid #ffffff14;border-radius:20px;margin:22px 0 0;padding:18px;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.88rem;line-height:1.7;overflow-x:auto}.other-projects-panel{background:radial-gradient(circle at 85% 10%,#22d3ee14,#0000 28%),#ffffff08}.other-projects-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}.other-project-card{padding:20px}.other-project-card:hover{box-shadow:0 18px 40px #0208173d}.contact-link{overflow-wrap:anywhere}.hero-glow,.contact-glow{filter:blur(56px);pointer-events:none;border-radius:999px;position:absolute}.hero-glow{background:linear-gradient(135deg,#22d3ee8c,#3b82f61f);width:260px;height:260px;animation:9s ease-in-out infinite drift;top:-64px;right:-64px}.contact-glow{background:linear-gradient(135deg,#67e8f947,#10b98129);width:200px;height:200px;animation:10s ease-in-out infinite reverse drift;top:-48px;left:68%}.reveal{animation:fade-up .8s var(--ease-out-expo)both;animation-delay:calc(var(--reveal-index,0)*50ms)}@keyframes fade-up{0%{opacity:0;filter:blur(4px);transform:translateY(24px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-18px,22px)scale(1.08)}}@media (max-width:1180px){.hero-grid,.mid-grid,.project-page-grid,.ai-system-footer{grid-template-columns:1fr}.project-grid,.stack-grid,.other-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-content--split,.ai-system-diagram{grid-template-columns:1fr}.project-card--featured{grid-area:span 1/span 1}.contact-layout{flex-direction:column;align-items:flex-start}.site-nav{width:100%}.hero-aside{align-items:flex-start}.hero-aside-text{text-align:left;max-width:460px}.diagram-lines{display:none}}@media (max-width:760px){.site-header{padding:14px 12px 0}.site-nav,.page-shell{width:calc(100% - 24px)}.site-nav{border-radius:28px}.nav-links--desktop{display:none}.nav-toggle{display:flex}.page-shell{gap:18px;padding-top:18px}.panel,.project-page-hero{padding:22px}.hero-card{min-height:auto;padding:24px}.nav-link,.brand-mark{padding:9px 12px;font-size:.86rem}.service-grid,.ai-system-diagram,.project-grid,.stack-grid,.other-projects-grid{grid-template-columns:1fr}.project-head{flex-direction:column}.hero-actions,.contact-links{flex-direction:column;align-items:stretch}.cta-primary,.cta-secondary,.contact-link,.back-link{width:100%}.browser-mockup__screen{min-height:150px;padding:18px}.browser-mockup--large .browser-mockup__screen{min-height:240px;padding:22px}.browser-mockup__title{max-width:100%}.headshot-placeholder{width:132px}.stat-note,.badge{font-size:.85rem}.architecture-ascii{padding:14px;font-size:.75rem}.hero-title{font-size:clamp(2.4rem,8vw,3.8rem)}.project-page-title{font-size:clamp(2.2rem,7vw,3.4rem)}.ai-system-footer{gap:12px}.system-pill{padding:14px}.other-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation:none!important}}