:root{--block-lime: #dceeb1;--block-lilac: #c5b0f4;--block-cream: #f4ecd6;--block-pink: #efd4d4;--block-mint: #c8e6cd;--block-coral: #f3c9b6;--block-navy: #1f1d3d;--font-display: "Space Grotesk", "Archivo Black", "Inter", "Geist", "Segoe UI", Helvetica, Arial, sans-serif;--font-sans: "Inter", "Geist", "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Geist Mono", "SFMono-Regular", Menlo, monospace;--fs-display-xl: clamp(56px, 9vw, 112px);--fs-display-lg: clamp(40px, 6vw, 76px);--fs-title-md: clamp(22px, 2.4vw, 28px);--fs-body-lg: clamp(17px, 1.4vw, 20px);--fs-body-md: clamp(16px, 1.1vw, 18px);--fs-body-sm: 16px;--w-320: 320;--w-330: 330;--w-340: 340;--w-480: 480;--w-540: 540;--w-700: 700;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-7: 64px;--space-8: 80px;--space-9: 96px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--container-max: 1280px;--gutter-desktop: 48px;--gutter-mobile: 24px}html[data-theme=dark]{--canvas: #101010;--surface-1: #1b1b1d;--surface-2: #222225;--surface-soft: #171719;--ink: #ffffff;--ink-muted: #b8b8b8;--hairline: rgba(255, 255, 255, .14);--hairline-strong: rgba(255, 255, 255, .24);--hairline-soft: rgba(255, 255, 255, .08);--primary: #3cffd0;--on-primary: #101010;--inverse-canvas: #ffffff;--inverse-ink: #101010;--note-ink: #101010;--accent-mint: #3cffd0;--accent-coral: #cc785c;--accent-lavender: #5e6ad2;--accent-magenta: #ff3d8b;--semantic-success: #1ea64a}html[data-theme=light]{--canvas: #faf9f5;--surface-1: #f5f0e8;--surface-2: #efe9de;--surface-soft: #f2ece3;--ink: #141413;--ink-muted: #5f5d57;--hairline: #ddd4c8;--hairline-strong: #cfc4b6;--hairline-soft: #e8e0d5;--primary: #07966f;--on-primary: #ffffff;--inverse-canvas: #141413;--inverse-ink: #faf9f5;--note-ink: #141413;--accent-mint: #07966f;--accent-coral: #cc785c;--accent-lavender: #5e6ad2;--accent-magenta: #c10067;--semantic-success: #1e8e4a}html{scroll-behavior:smooth;scroll-padding-top:74px}html,body{margin:0;overflow-x:hidden}@supports (overflow-x: clip){html,body{overflow-x:clip}}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body-md);line-height:1.58;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;transition:background-color .32s ease,color .32s ease}.site-nav,.mobile-menu,.color-block,.project-card,.story-entry,.system-node,.field-note-card,.focus-list,.contact-form input,.contact-form textarea,.pill-btn,.circle-icon-btn{transition:background-color .32s ease,color .32s ease,border-color .32s ease}button,input,textarea{font:inherit}img{display:block;max-width:100%}.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;padding:10px 18px;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-shell{width:min(var(--container-max),calc(100% - (var(--gutter-desktop) * 2)));margin-inline:auto}.section-shell{padding-block:96px}section[id]{scroll-margin-top:74px}.mono-eyebrow{margin:0;font-family:var(--font-mono);font-size:12px;font-weight:var(--w-540);letter-spacing:.14em;text-transform:uppercase}.section-title{margin:10px 0 0;max-width:20ch;font-family:var(--font-display);font-size:var(--fs-display-lg);line-height:1.02;font-weight:var(--w-700);letter-spacing:-.03em;text-wrap:balance}.section-lead{margin:0;font-size:var(--fs-body-lg);line-height:1.58;color:var(--ink-muted);text-wrap:pretty}.pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 20px;border:1px solid transparent;border-radius:var(--radius-pill);font-size:var(--fs-body-sm);font-weight:var(--w-540);line-height:1;cursor:pointer;transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease;will-change:transform}.pill-btn:active{transform:translateY(1px) scale(.99)}.pill-btn-primary{background:var(--primary);color:var(--on-primary)}.pill-btn-secondary{background:transparent;border-color:var(--hairline);color:var(--ink)}.circle-icon-btn{width:44px;height:44px;border:1px solid var(--hairline);border-radius:50%;background:var(--surface-1);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:var(--w-540);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.site-nav{position:sticky;top:0;z-index:2000;height:56px;background:color-mix(in srgb,var(--canvas) 88%,var(--surface-1));border-bottom:1px solid var(--hairline-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-row{height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3)}.wordmark{font-family:var(--font-display);font-size:24px;font-weight:var(--w-700);letter-spacing:-.03em;white-space:nowrap}.desktop-nav{display:flex;justify-content:center;align-items:center;gap:30px}.nav-link{position:relative;display:inline-flex;align-items:center;min-height:44px;padding-inline:6px;font-size:15px;font-weight:var(--w-480);color:var(--ink-muted)}.nav-link:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;transform:scaleX(0);transform-origin:left;background:var(--accent-mint);transition:transform .22s ease}.nav-link.is-active{color:var(--ink)}.nav-link.is-active:after{transform:scaleX(1)}.desktop-cta{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;border-color:var(--hairline);padding:0}.menu-toggle span{width:14px;height:1.6px;display:block;background:currentColor}.menu-toggle span+span{margin-top:4px}.mobile-menu{position:fixed;inset:56px 0 0;z-index:1999;background:var(--canvas);display:none;opacity:0;pointer-events:none;transition:opacity .24s ease}.mobile-menu.is-open{opacity:1;pointer-events:auto}.mobile-menu-nav{display:flex;flex-direction:column;gap:16px;padding:52px var(--gutter-mobile) 20px}.mobile-menu-nav a{display:inline-flex;align-items:center;min-height:52px;font-family:var(--font-display);font-size:clamp(34px,7vw,48px);font-weight:var(--w-700);letter-spacing:-.02em;line-height:1}.mobile-menu-cta{display:grid;gap:12px;padding:0 var(--gutter-mobile)}.hero-section{padding-top:42px;padding-bottom:86px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-7);align-items:start}.hero-eyebrow{margin-bottom:16px;line-height:1.4;color:color-mix(in srgb,var(--ink) 82%,transparent)}.hero-title{margin:0;max-width:11ch;font-family:var(--font-display);font-size:var(--fs-display-xl);line-height:.94;letter-spacing:-.04em;font-weight:var(--w-700)}.hero-line{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.1em}.hero-line>span{display:block}.hero-copy-wrap{max-width:67ch}.hero-copy{margin:24px 0 0;max-width:58ch;font-size:var(--fs-body-lg);color:var(--ink-muted);line-height:1.62}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-field-board{position:relative;min-height:620px;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-1) 92%,var(--canvas));padding:20px}.field-board-line{position:absolute;height:1px;background:color-mix(in srgb,var(--accent-lavender) 45%,transparent);transform-origin:left;opacity:.6}.field-board-line-1{left:18%;top:24%;width:46%}.field-board-line-2{left:20%;top:53%;width:52%}.field-board-line-3{left:16%;top:76%;width:58%}.sticky-card{position:absolute;width:min(240px,64%);background:var(--card-tone, var(--surface-2));border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:18px;padding:16px;transform-origin:center}.field-board-note{color:var(--note-ink)}.field-board-note .mono-eyebrow{color:color-mix(in srgb,var(--note-ink) 64%,transparent)}.field-board-note h3{margin:10px 0 6px;font-family:var(--font-display);font-size:clamp(20px,2vw,24px);line-height:1.06;letter-spacing:-.02em}.field-board-note p{margin:0;font-size:14px;line-height:1.48}.sticky-card-1{top:20px;left:14px;transform:rotate(-4deg)}.sticky-card-2{top:44px;right:16px;transform:rotate(5deg)}.sticky-card-3{top:192px;left:42px;transform:rotate(-3deg)}.sticky-card-4{top:226px;right:6px;transform:rotate(4deg)}.sticky-card-5{top:372px;left:24px;transform:rotate(-2deg)}.sticky-card-6{top:402px;right:20px;transform:rotate(2deg)}.story-stream-section .section-title{max-width:14ch}.story-stream-section .section-lead{margin-top:18px;max-width:72ch}.story-stream{position:relative;margin-top:var(--space-6);display:grid;gap:18px;padding-left:30px}.story-rail{position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:color-mix(in srgb,var(--accent-lavender) 42%,var(--hairline))}.story-entry{position:relative;border:1px solid var(--hairline-strong, var(--hairline));border-radius:18px;background:var(--surface-1);padding:18px 18px 16px}.story-entry:before{content:"";position:absolute;left:-28px;top:16px;width:12px;height:12px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent-mint) 54%,transparent);background:var(--canvas)}.story-entry .mono-eyebrow{color:color-mix(in srgb,var(--ink) 68%,transparent)}.story-stamp{margin:8px 0 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.story-entry h3{margin:10px 0 0;font-family:var(--font-display);font-size:clamp(24px,2.6vw,34px);line-height:1.08;letter-spacing:-.02em}.story-entry p{margin:10px 0 0;color:var(--ink-muted)}.story-entry-coral{background:color-mix(in srgb,var(--accent-coral) 32%,var(--surface-1))}.story-entry-lavender{background:color-mix(in srgb,var(--accent-lavender) 28%,var(--surface-1))}.work-intro{display:grid;grid-template-columns:1fr minmax(320px,450px);gap:var(--space-6);align-items:end}.work-grid{margin-top:var(--space-6);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.project-card{position:relative;overflow:hidden;border:1px solid var(--hairline-strong, var(--hairline));border-radius:18px;background:var(--surface-1);transition:transform .22s ease,border-color .22s ease;min-height:100%;display:flex;flex-direction:column}.project-tone{display:block;height:6px}.project-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.project-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.project-status{margin:0;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--accent-lavender) 35%,var(--hairline-strong, var(--hairline)));background:color-mix(in srgb,var(--accent-lavender) 18%,var(--surface-1));padding:6px 10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1}.project-card h3{margin:0;font-family:var(--font-display);font-size:clamp(24px,2.1vw,30px);line-height:1.06;letter-spacing:-.02em;text-wrap:balance}.project-story-block{margin:12px 0 0;font-size:var(--fs-body-sm);line-height:1.55;color:var(--ink-muted)}.project-story-block strong{color:var(--ink);font-weight:var(--w-540)}.project-tags{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.project-tags li{padding:6px 10px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-2) 86%,var(--canvas));border:1px solid var(--hairline-strong, var(--hairline));font-family:var(--font-mono);font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-muted)}.project-link{margin-top:auto;padding-top:18px;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:var(--w-540)}.project-link span{transition:transform .22s ease}.card-cursor-glow{position:absolute;inset:0;opacity:0;background:color-mix(in srgb,var(--accent-mint) 8%,transparent);clip-path:circle(0px at var(--mx, 50%) var(--my, 50%));transition:opacity .22s ease;pointer-events:none}.project-card.is-hovered .card-cursor-glow{opacity:.8;clip-path:circle(110px at var(--mx, 50%) var(--my, 50%))}.project-card:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-mint) 45%,transparent)}.project-visual{padding:0 22px 22px;display:grid;gap:10px}.project-visual-mobile{grid-template-columns:120px 1fr;align-items:end}.project-visual-dashboard{grid-template-columns:1fr 100px;align-items:end}.project-visual-education,.project-visual-marketplace{grid-template-columns:1fr}.project-visual-pill-row{display:flex;gap:8px}.project-visual-pill-row span{display:block;height:10px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent-mint) 32%,var(--surface-2));flex:1}.project-visual-sticky-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.project-visual-sticky-grid span{display:block;height:40px;border-radius:10px;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.project-visual-sticky-grid span:nth-child(1){background:var(--block-lime)}.project-visual-sticky-grid span:nth-child(2){background:var(--block-coral)}.project-visual-sticky-grid span:nth-child(3){background:var(--block-cream)}.project-visual-sticky-grid span:nth-child(4){background:var(--block-mint)}.mock-phone{background:color-mix(in srgb,var(--canvas) 76%,var(--surface-2));border-radius:18px;padding:4px;border:1px solid var(--hairline)}.mock-phone-notch{width:42%;height:5px;border-radius:var(--radius-pill);margin:6px auto;background:color-mix(in srgb,var(--accent-lavender) 45%,transparent)}.mock-phone-screen{background:var(--surface-1);border-radius:14px;padding:10px;min-height:130px;display:grid;gap:8px}.mock-chip-row{display:flex;gap:6px}.mock-chip-row span{height:8px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent-mint) 40%,transparent);flex:1}.mock-line-group{display:grid;gap:6px}.mock-line-group span{height:6px;border-radius:var(--radius-pill);background:var(--hairline-soft)}.mock-card-stack{display:grid;gap:6px}.mock-card-stack div{height:24px;border-radius:8px;border:1px solid var(--hairline);background:var(--surface-2)}.mock-dashboard{border:1px solid var(--hairline);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 86%,var(--canvas));padding:10px;display:grid;gap:8px}.mock-dashboard-top{display:flex;gap:8px}.mock-dashboard-top span{height:8px;background:color-mix(in srgb,var(--accent-coral) 46%,transparent);border-radius:var(--radius-pill);flex:1}.mock-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mock-dashboard-grid div{height:40px;border-radius:8px;border:1px solid var(--hairline);background:var(--surface-1)}.mock-dashboard-rows{display:grid;gap:5px}.mock-dashboard-rows span{height:6px;border-radius:var(--radius-pill);background:var(--hairline-soft)}.mock-flowmap{position:relative;min-height:84px;border:1px dashed var(--hairline);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 92%,var(--canvas));padding:10px}.flow-node{position:absolute;width:16px;height:16px;border-radius:5px;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.flow-node-a{left:10px;top:12px;background:color-mix(in srgb,var(--accent-mint) 52%,transparent)}.flow-node-b{left:44%;top:16px;background:color-mix(in srgb,var(--accent-lavender) 56%,transparent)}.flow-node-c{right:14px;top:46px;background:color-mix(in srgb,var(--accent-coral) 56%,transparent)}.flow-node-d{left:18px;bottom:10px;background:color-mix(in srgb,var(--accent-mint) 42%,transparent)}.flow-line{position:absolute;height:2px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--ink) 30%,transparent)}.flow-line-1{left:28px;top:20px;width:36%}.flow-line-2{left:52%;top:28px;width:30%;transform:rotate(24deg)}.flow-line-3{left:24px;bottom:18px;width:26%}.mock-receipt{border:1px solid var(--hairline);border-radius:10px;background:var(--surface-2);padding:8px;display:grid;gap:6px}.receipt-header{height:8px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent-coral) 56%,transparent)}.receipt-lines{display:grid;gap:4px}.receipt-lines span{height:5px;border-radius:var(--radius-pill);background:var(--hairline-soft)}.receipt-total{height:7px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent-mint) 65%,transparent)}.color-block{background:var(--block-bg);border-radius:var(--radius-lg);margin-inline:var(--gutter-desktop);overflow:hidden}.color-block-inner{padding:var(--space-6)}.system-map-section{color:var(--ink)}.system-map-grid{margin-top:var(--space-6);position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.system-map-line{position:absolute;background:color-mix(in srgb,var(--accent-lavender) 42%,transparent);opacity:.8}.system-map-line-h{left:25%;right:25%;top:50%;height:1px}.system-map-line-v{top:24%;bottom:24%;left:50%;width:1px}.system-node{position:relative;border:1px solid var(--hairline-strong, var(--hairline));border-radius:18px;background:color-mix(in srgb,var(--surface-1) 94%,var(--canvas));padding:20px}.system-node h3{margin:8px 0 0;font-family:var(--font-display);font-size:clamp(24px,2.3vw,32px);line-height:1.06;letter-spacing:-.02em}.system-node p{margin:10px 0 0;color:var(--ink-muted)}.system-node-mint{border-color:color-mix(in srgb,var(--accent-mint) 36%,var(--hairline))}.system-node-coral{border-color:color-mix(in srgb,var(--accent-coral) 46%,var(--hairline))}.system-node-lavender{border-color:color-mix(in srgb,var(--accent-lavender) 48%,var(--hairline))}.featured-case-study{color:var(--ink)}.featured-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);align-items:start}.featured-text>p{max-width:58ch;color:var(--ink-muted)}.featured-visual{position:relative;min-height:420px}.featured-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.featured-tab{border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface-2) 88%,var(--canvas));color:var(--ink-muted);border-radius:var(--radius-pill);min-height:44px;padding:8px 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.featured-tab.is-active{background:color-mix(in srgb,var(--accent-mint) 26%,var(--surface-2));color:var(--ink);border-color:color-mix(in srgb,var(--accent-mint) 44%,var(--hairline))}.featured-panel-wrap{position:relative;min-height:292px}.featured-panel{background:color-mix(in srgb,var(--surface-2) 94%,var(--canvas));border:1px solid var(--hairline);border-radius:18px;padding:24px;min-height:292px}.featured-panel[hidden]{display:none}.featured-panel .mono-eyebrow{color:color-mix(in srgb,var(--accent-mint) 70%,var(--ink))}.featured-panel h3{margin:10px 0;font-family:var(--font-display);font-size:clamp(27px,2.6vw,38px);line-height:1.04;letter-spacing:-.02em}.featured-panel p{margin:0;max-width:36ch;color:var(--ink-muted)}.featured-proof-tag{margin-top:14px!important;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent-mint) 24%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent-mint) 38%,transparent);color:var(--ink)!important;font-size:14px}.how-i-think{color:var(--ink)}.process-track{margin-top:var(--space-6);display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:var(--space-3);overflow:visible}.process-card{min-width:0;background:color-mix(in srgb,var(--surface-1) 90%,var(--canvas));border:1px solid var(--hairline);border-radius:18px;padding:18px}.process-card h3{margin:10px 0 8px;font-family:var(--font-display);font-size:clamp(24px,2vw,30px);line-height:1.05;letter-spacing:-.02em}.process-card p{margin:0;color:var(--ink-muted)}.field-notes-grid{margin-top:var(--space-6);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-3)}.field-note-card{border-radius:20px;border:1px solid var(--hairline-strong, var(--hairline));padding:18px;color:var(--note-ink);background:var(--canvas);box-shadow:0 2px color-mix(in srgb,var(--ink) 10%,transparent)}.field-note-card p{margin:0;line-height:1.54;font-size:var(--fs-body-sm)}.field-note-card-1{grid-column:span 2;background:var(--block-lime)}.field-note-card-2{grid-column:span 2;background:var(--block-coral)}.field-note-card-3{grid-column:span 2;background:var(--block-mint)}.field-note-card-4{grid-column:span 3;background:var(--block-pink)}.field-note-card-5{grid-column:span 3;background:var(--block-lilac)}.field-note-card-6{grid-column:span 6;background:var(--block-cream)}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-7)}.about-grid p{margin-top:18px;font-size:var(--fs-body-lg);max-width:56ch;color:var(--ink-muted)}.focus-list{border:1px solid var(--hairline);border-radius:16px;padding:22px;background:var(--surface-1)}.focus-list h3{margin:0;font-family:var(--font-display);font-size:clamp(30px,3.2vw,38px);line-height:1.04;letter-spacing:-.02em}.focus-list ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}.focus-list li{position:relative;padding-left:14px;color:var(--ink-muted)}.focus-list li:before{content:"-";position:absolute;left:0}.contact-section{color:var(--ink)}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-7)}.contact-grid p{color:var(--ink-muted)}.contact-links{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:12px}.contact-form{display:grid;gap:10px;align-self:start}.contact-form label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.contact-form input,.contact-form textarea{width:100%;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface-2) 84%,var(--canvas));color:var(--ink);font-size:var(--fs-body-sm);padding:12px 14px}.contact-form input:focus-visible,.contact-form textarea:focus-visible{border-color:color-mix(in srgb,var(--accent-mint) 62%,var(--hairline))}.contact-form button{margin-top:8px;width:fit-content}.contact-form [aria-invalid=true]{border-color:color-mix(in srgb,var(--accent-coral) 70%,var(--hairline))}.contact-input-help{margin:-2px 0 0;font-size:13px;color:var(--ink-muted)}.contact-field-error{margin:-2px 0 2px;font-size:13px;color:color-mix(in srgb,var(--accent-coral) 84%,var(--ink))}.contact-error-banner{border:1px solid color-mix(in srgb,var(--accent-coral) 58%,var(--hairline));border-radius:12px;padding:10px 12px;margin-bottom:6px;font-size:14px;line-height:1.45;background:color-mix(in srgb,var(--accent-coral) 16%,var(--surface-1));color:var(--ink)}.contact-success{align-self:start;border:1px solid color-mix(in srgb,var(--accent-mint) 54%,var(--hairline));border-radius:16px;padding:24px;background:color-mix(in srgb,var(--accent-mint) 15%,var(--surface-1))}.contact-success h3{margin:10px 0 8px;font-family:var(--font-display);font-size:clamp(28px,3vw,36px);line-height:1.06;letter-spacing:-.02em}.contact-success p{margin:0;color:var(--ink-muted)}.site-footer{padding-top:var(--space-6);border-top:1px solid var(--hairline-soft)}.footer-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-6);align-items:start}.footer-wordmark{font-family:var(--font-display);font-size:clamp(30px,6vw,54px);letter-spacing:-.03em;font-weight:var(--w-700);line-height:1}.site-footer .mono-eyebrow{margin-top:8px;color:var(--ink-muted)}.footer-links{display:grid;grid-template-columns:auto auto;column-gap:26px;gap:10px}.footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:var(--ink-muted)}.footer-links a:hover{color:var(--ink)}.footer-social{display:flex;align-items:center;gap:10px}@media(hover:hover)and (pointer:fine){.pill-btn-primary:hover{background:color-mix(in srgb,var(--accent-mint) 85%,white)}.pill-btn-secondary:hover{border-color:color-mix(in srgb,var(--accent-mint) 38%,var(--hairline));background:color-mix(in srgb,var(--surface-2) 90%,var(--canvas))}.circle-icon-btn:hover{border-color:color-mix(in srgb,var(--accent-mint) 40%,var(--hairline));background:color-mix(in srgb,var(--accent-mint) 16%,var(--surface-1))}.nav-link:hover:after{transform:scaleX(1)}.project-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent-lavender) 34%,var(--hairline))}.project-card:hover .project-link span{transform:translate(2px,-2px)}.field-note-card:hover{transform:translateY(-2px)}}@media(max-width:1280px){.hero-grid{grid-template-columns:1fr}.hero-field-board{min-height:560px}.work-grid,.system-map-grid,.field-notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-note-card{grid-column:span 1}.field-note-card-6{grid-column:span 2}}@media(max-width:1024px){.work-intro{grid-template-columns:1fr}.process-track{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-inner{grid-template-columns:1fr}}@media(max-width:960px){.desktop-nav,.desktop-cta{display:none}.menu-toggle{display:inline-flex;justify-self:end}.mobile-menu{display:block}.about-grid,.contact-grid{grid-template-columns:1fr}}@media(max-width:768px){.site-shell{width:calc(100% - (var(--gutter-mobile) * 2))}.section-shell{padding-block:72px}.hero-section{padding-top:30px;padding-bottom:64px}.color-block{margin-inline:0;border-radius:0}.color-block-inner{padding:36px var(--gutter-mobile)}.hero-field-board{min-height:680px}.story-stream{padding-left:24px}.story-entry:before{left:-22px}.work-grid,.system-map-grid,.process-track,.field-notes-grid,.footer-row{grid-template-columns:1fr}.field-note-card-6{grid-column:span 1}.system-map-line{display:none}.contact-form button{width:100%}.footer-links{grid-template-columns:1fr}}@media(max-width:560px){.mono-eyebrow{font-size:11px;letter-spacing:.11em}.hero-title{font-size:clamp(48px,14vw,70px);line-height:.96}.hero-actions{flex-direction:column}.hero-actions .pill-btn,.contact-links .pill-btn{width:100%}.hero-field-board{min-height:760px}.sticky-card{width:min(208px,78%);padding:14px}.sticky-card-1{top:8px;left:6px;transform:rotate(-2deg)}.sticky-card-2{top:78px;right:6px;transform:rotate(2deg)}.sticky-card-3{top:232px;left:6px;transform:rotate(-1deg)}.sticky-card-4{top:308px;right:8px;transform:rotate(1.6deg)}.sticky-card-5{top:462px;left:6px;transform:rotate(-1deg)}.sticky-card-6{top:542px;right:8px;transform:rotate(1.2deg)}}@media(max-width:430px){.hero-field-board{min-height:790px}.sticky-card h3{font-size:18px}}@media(max-width:390px){.site-shell{width:calc(100% - 40px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--block-lime: #dceeb1;--block-lilac: #c5b0f4;--block-cream: #f4ecd6;--block-mint: #c8e6cd;--block-coral: #f3c9b6;--font-display: "Space Grotesk", "Archivo Black", "Inter", "Geist", "Segoe UI", Helvetica, Arial, sans-serif;--font-sans: "Inter", "Geist", "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Geist Mono", "SFMono-Regular", Menlo, monospace;--radius-sm: 8px;--radius-lg: 24px;--radius-pill: 999px;--container-max: 1280px}html[data-theme=dark]{--canvas: #101010;--surface-1: #1b1b1d;--surface-2: #222225;--ink: #ffffff;--ink-muted: #b8b8b8;--hairline: rgba(255, 255, 255, .14);--hairline-strong: rgba(255, 255, 255, .24);--hairline-soft: rgba(255, 255, 255, .08);--primary: #3cffd0;--on-primary: #101010;--accent-mint: #3cffd0;--accent-coral: #cc785c;--accent-lavender: #5e6ad2;--note-ink: #141413}html[data-theme=light]{--canvas: #faf9f5;--surface-1: #f5f0e8;--surface-2: #efe9de;--ink: #141413;--ink-muted: #5f5d57;--hairline: #ddd4c8;--hairline-strong: #cfc4b6;--hairline-soft: #e8e0d5;--primary: #07966f;--on-primary: #ffffff;--accent-mint: #07966f;--accent-coral: #cc785c;--accent-lavender: #5e6ad2;--note-ink: #141413}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;color:var(--ink);background:var(--canvas);font-family:var(--font-sans);font-size:18px;line-height:1.56;overflow-x:hidden;transition:background-color .32s ease,color .32s ease}@supports (overflow-x: clip){body{overflow-x:clip}}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.topbar,.card,.table-card,.snapshot-grid article,.sticky-card,.cta-band,.chips span{transition:background-color .32s ease,color .32s ease,border-color .32s ease}:focus-visible{outline:2px solid var(--accent-mint);outline-offset:3px}.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.skip-link:focus-visible{top:16px}.shell{width:min(var(--container-max),calc(100% - 96px));margin-inline:auto}.section{padding-block:88px}.eyebrow{margin:0;font-family:var(--font-mono);font-size:12px;font-weight:540;text-transform:uppercase;letter-spacing:.13em}h1{margin-top:10px;font-family:var(--font-display);font-size:clamp(56px,9vw,112px);line-height:.96;letter-spacing:-.04em;font-weight:700;max-width:11ch}h2{margin-top:10px;font-family:var(--font-display);font-size:clamp(40px,6vw,76px);line-height:1.03;letter-spacing:-.03em;font-weight:700;max-width:16ch}h3{font-family:var(--font-display);font-size:clamp(24px,2.2vw,32px);line-height:1.1;letter-spacing:-.02em;font-weight:700}.lead{margin-top:20px;max-width:60ch;font-size:clamp(18px,1.2vw,20px);color:var(--ink-muted)}.lead-small{margin-top:18px;max-width:66ch;font-size:18px;color:var(--ink-muted)}.topbar{position:sticky;top:0;z-index:30;min-height:56px;background:color-mix(in srgb,var(--canvas) 90%,var(--surface-1));border-bottom:1px solid var(--hairline-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-inner{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px}.wordmark{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.02em}.topbar-actions{display:flex;flex-wrap:wrap;gap:10px}.pill{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:var(--radius-pill);border:1px solid transparent;font-size:15px;font-weight:540}.pill-primary{background:var(--primary);color:var(--on-primary)}.pill-secondary{background:color-mix(in srgb,var(--surface-1) 90%,var(--canvas));border-color:var(--hairline);color:var(--ink)}.theme-toggle{min-width:84px;display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono);font-size:11px}.theme-toggle-icon{font-size:13px;line-height:1}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}.hero-actions{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}.hero-cards{display:grid;gap:14px}.sticky-card{border-radius:20px;border:1px solid var(--hairline);padding:22px;background:var(--surface-1);color:var(--note-ink)}.sticky-card h3{margin-top:12px;font-size:28px}.sticky-card p:last-child{margin-top:8px;font-size:16px;line-height:1.52}.tone-lime{background:var(--block-lime)}.tone-coral{background:var(--block-coral)}.tone-mint{background:var(--block-mint)}.snapshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.snapshot-grid article{border:1px solid var(--hairline-strong, var(--hairline));border-radius:16px;padding:18px;background:var(--surface-1)}.snapshot-grid span{display:block;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-muted)}.snapshot-grid strong{display:block;margin-top:8px;font-size:16px;font-weight:540}.grid-2,.grid-3,.grid-4{display:grid;gap:14px;margin-top:26px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.table-card{border:1px solid var(--hairline-strong, var(--hairline));border-radius:16px;background:var(--surface-1);padding:20px}.card p,.card li,.table-row span{margin-top:10px;font-size:16px;line-height:1.55;color:var(--ink-muted)}.card ul{margin:10px 0 0;padding-left:18px}.chips{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}.chips span{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;border:1px solid var(--hairline-strong, var(--hairline));border-radius:var(--radius-pill);background:var(--surface-1);font-size:14px;font-weight:540}.tone-cream .shell,.tone-lilac .shell,.tone-mint .shell{border-radius:var(--radius-lg);padding:48px;color:var(--note-ink)}.tone-cream .shell{background:var(--block-cream)}.tone-lilac .shell{background:var(--block-lilac)}.tone-mint .shell{background:var(--block-mint)}.tone-cream .lead-small,.tone-lilac .lead-small,.tone-mint .lead-small,.tone-cream .card p,.tone-lilac .card p,.tone-mint .card p,.tone-cream .card li,.tone-lilac .card li,.tone-mint .card li{color:color-mix(in srgb,var(--note-ink) 84%,transparent)}.tone-cream .card,.tone-lilac .card,.tone-mint .card,.tone-cream .table-card,.tone-lilac .table-card,.tone-mint .table-card{border-color:color-mix(in srgb,var(--note-ink) 18%,transparent);background:color-mix(in srgb,#ffffff 86%,transparent)}.quotes-grid{margin-top:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quotes-grid .card p{margin-top:0;font-weight:480}.table-card{margin-top:14px;overflow:hidden;padding:0}.table-row{display:grid;grid-template-columns:1.4fr 1fr 120px;gap:12px;padding:14px 16px;border-bottom:1px solid var(--hairline-strong, var(--hairline))}.table-row:last-child{border-bottom:0}.table-row.head{background:color-mix(in srgb,var(--surface-2) 86%,var(--canvas))}.table-row strong{font-size:14px}.chip-label{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border-radius:var(--radius-pill);border:1px solid var(--hairline-strong, var(--hairline));background:color-mix(in srgb,var(--surface-1) 90%,var(--canvas));font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.cta-band{margin-top:24px;border-radius:16px;border:1px solid var(--hairline-strong, var(--hairline));background:var(--surface-1);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.cta-band h3{margin-top:8px;font-size:clamp(24px,2vw,30px)}@media(hover:hover)and (pointer:fine){.pill-primary:hover{background:color-mix(in srgb,var(--primary) 86%,white)}.pill-secondary:hover{border-color:color-mix(in srgb,var(--accent-mint) 34%,var(--hairline));background:color-mix(in srgb,var(--surface-2) 90%,var(--canvas))}.card:hover{transform:translateY(-2px);transition:transform .22s ease}}@media(max-width:1100px){.grid-4,.quotes-grid,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr}}@media(max-width:768px){.shell{width:calc(100% - 48px)}.section{padding-block:68px}.snapshot-grid,.grid-2,.grid-3,.grid-4,.quotes-grid,.table-row{grid-template-columns:1fr}.topbar-inner{min-height:56px;padding-block:8px;align-items:flex-start;flex-direction:column}.tone-cream .shell,.tone-lilac .shell,.tone-mint .shell{padding:28px 22px}.cta-band{flex-direction:column;align-items:flex-start}}.prototype-main{padding-block:56px 88px}.prototype-shell{width:min(var(--container-max),calc(100% - (var(--gutter-desktop) * 2)));margin-inline:auto}.prototype-intro h1{margin:12px 0 0;max-width:12ch;font-family:var(--font-display);font-size:clamp(42px,5.8vw,68px);line-height:1.04;letter-spacing:-.03em;font-weight:var(--w-340)}.prototype-intro p{margin:16px 0 0;max-width:62ch;font-size:clamp(18px,1.2vw,20px);line-height:1.55;color:var(--ink-muted)}.prototype-frame-wrap{margin-top:28px;border:1px solid var(--hairline-soft);border-radius:var(--radius-lg);background:var(--surface-soft);padding:18px;display:grid;place-items:center}.prototype-frame{width:min(100%,430px);height:min(860px,calc(100vh - 220px));min-height:640px;border:0;border-radius:28px;background:#fff}@media(max-width:768px){.prototype-main{padding-block:40px 72px}.prototype-shell{width:calc(100% - (var(--gutter-mobile) * 2))}.prototype-frame{width:100%;min-height:620px;height:78vh}}