:root{--n-000:#fff;--n-050:#f7f7f8;--n-100:#edeeef;--n-200:#dcdee0;--n-400:#a4adb4;--n-500:#797f86;--n-600:#6e757b;--n-620:#6b7278;--n-700:#5a6068;--n-750:#474c52;--n-800:#2a2f32;--n-880:#18191b;--n-900:#141414;--n-950:#101010;--n-980:#0c0c0c;--blue:#0992f8;--blue-deep:#2f71f1;--blue-on-dark:#0992f8;--blue-on-light:#0b6fc4;--green:#7af94e;--green-on-dark:#7af94e;--green-on-light:#2e7d32;--purple:#a838c9;--purple-on-dark:#be6ad6;--purple-on-light:#a838c9;--orange:#f97316;--orange-on-dark:#f97316;--orange-on-light:#c2410c;color-scheme:dark;--surface-page:var(--n-900);--surface-raised:var(--n-880);--surface-panel:var(--n-800);--surface-overlay:#1414148c;--surface-menu:#101010fa;--surface-footer:var(--n-950);--surface-tint:#ffffff0a;--surface-tint-lo:#ffffff06;--surface-tint-hi:#ffffff17;--surface-svc:#222528;--surface-terminal:#0c0c0c;--surface-term-head:#121212;--surface-frame:#0a0a0a;--surface-frame-bar:#0a0a0ad9;--term-text:var(--n-400);--term-accent:var(--blue);--term-success:var(--green);--term-muted:var(--n-500);--text-primary:#e8e8e8;--text-secondary:var(--n-400);--text-muted:var(--n-500);--text-inverse:var(--n-900);--border-subtle:#a4adb42e;--border-strong:#a4adb452;--tex-grid:#ffffff0b;--tex-dot:#ffffff2e;--tex-dither:#ffffff26;--tex-dot-field:#fff1;--tex-dither-field:#ffffff08;--tex-bloom:#ffffff1c;--ui-accent:var(--text-primary);--ui-accent-text:var(--text-inverse);--ui-accent-hover:var(--n-400);--svc-web-line:#0992f8;--svc-maint-line:#46b233;--svc-design-line:#be6ad6;--svc-audit-line:#e06a12;--svc-web:var(--blue);--svc-web-text:var(--blue-on-dark);--svc-maint:var(--green);--svc-maint-text:var(--green-on-dark);--svc-design:var(--purple);--svc-design-text:var(--purple-on-dark);--svc-audit:var(--orange);--svc-audit-text:var(--orange-on-dark);--elev-nav:0 0 20px -4px #00000073;--elev-web:0 0 32px -2px #0992f866, 0 0 80px 0px #0992f826;--elev-maint:0 0 32px -2px #7af94e59, 0 0 80px 0px #7af94e1f;--elev-design:0 0 32px -2px #a838c966, 0 0 80px 0px #a838c926;--elev-audit:0 0 32px -2px #f9731666, 0 0 80px 0px #f9731626;--elev-ui:0 0 32px -2px #fff3, 0 0 80px 0px #ffffff12;--device-glow:drop-shadow(0 24px 48px #0000008c) drop-shadow(0 0 90px #ffffff12);--hero-ambient:radial-gradient(ellipse 80% 50% at 50% 0%, #ffffff0e, transparent 70%);--glow-ambient:radial-gradient(ellipse at 50% 0%, #ffffff12 0%, #ffffff08 35%, transparent 70%)}[data-theme=light]{color-scheme:light;--surface-page:var(--n-050);--surface-raised:var(--n-000);--surface-panel:var(--n-100);--surface-overlay:#ffffff9e;--surface-menu:#fffffffa;--surface-footer:var(--n-100);--surface-tint:#14141409;--surface-tint-lo:#14141405;--surface-tint-hi:#14141412;--surface-svc:var(--n-000);--surface-terminal:#edeef0;--surface-term-head:#e3e5e7;--surface-frame:#e9ebec;--surface-frame-bar:#e9ebece6;--term-text:var(--n-700);--term-accent:#0a5fa8;--term-success:#256428;--term-muted:var(--n-700);--text-primary:var(--n-900);--text-secondary:var(--n-750);--text-muted:var(--n-620);--text-inverse:var(--n-000);--border-subtle:#1414141f;--border-strong:#14141438;--tex-grid:#14141411;--tex-dot:#14141441;--tex-dither:#14141433;--tex-dot-field:#14141418;--tex-dither-field:#14141409;--tex-bloom:#14141421;--ui-accent:var(--text-primary);--ui-accent-text:var(--text-inverse);--ui-accent-hover:var(--n-700);--svc-web-line:var(--blue-on-light);--svc-maint-line:var(--green-on-light);--svc-design-line:var(--purple-on-light);--svc-audit-line:var(--orange-on-light);--svc-web:var(--blue-on-light);--svc-web-text:var(--blue-on-light);--svc-maint:var(--green);--svc-maint-text:var(--green-on-light);--svc-design:var(--purple);--svc-design-text:var(--purple-on-light);--svc-audit:var(--orange);--svc-audit-text:var(--orange-on-light);--elev-nav:0 1px 3px #14141414, 0 4px 12px #1414140a;--elev-web:0 2px 6px #1414140f, 0 8px 24px #0b6fc41f;--elev-maint:0 2px 6px #1414140f, 0 8px 24px #2e7d321f;--elev-design:0 2px 6px #1414140f, 0 8px 24px #a838c91f;--elev-audit:0 2px 6px #1414140f, 0 8px 24px #c2410c1f;--elev-ui:0 2px 6px #1414140f, 0 8px 24px #1414141f;--device-glow:drop-shadow(0 18px 36px #14141429) drop-shadow(0 2px 6px #14141414);--hero-ambient:none;--glow-ambient:none}:root,[data-theme=light]{--bg:var(--surface-page);--text:var(--text-primary);--primary:var(--text-secondary);--secondary:var(--surface-panel);--muted:var(--text-muted);--accent:var(--svc-web);--accent-dark:var(--blue-deep);--purple-text:var(--svc-design-text);--hairline:var(--border-subtle);--hairline-strong:var(--border-strong);--surface-card:var(--surface-raised);--surface-nav:var(--surface-overlay);--shadow-subtle:var(--elev-nav);--shadow-hover:var(--elev-web);--shadow-ui:var(--elev-ui);--shadow-green:var(--elev-maint);--shadow-purple:var(--elev-design);--shadow-orange:var(--elev-audit)}:root{--radius-container:10px;--radius-control:5px;--radius-nav:0px;--radius-pill:9999px;--nav-close-delay:.22s;--radius-s:var(--radius-control);--radius-m:var(--radius-container);--radius-l:var(--radius-container);--f-display:"Space Grotesk", sans-serif;--f-body:"Inter", system-ui, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, monospace;--text-2xs:9px;--text-xs:11px;--text-sm:12px;--text-ui:13px;--text-base:clamp(14px, 1.5vw + 10px, 16px);--text-md:clamp(16px, .5vw + 14px, 19px);--text-lg:clamp(20px, 2.2vw + 14px, 22px);--text-xl:clamp(24px, 3vw + 15px, 28px);--text-2xl:clamp(28px, 3.5vw + 16px, 34px);--text-3xl:clamp(28px, 3.4vw, 44px);--text-4xl:clamp(36px, 4.5vw, 58px);--text-5xl:clamp(44px, 6vw, 80px);--text-6xl:clamp(56px, 7vw, 96px);--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:14px;--space-7:16px;--space-8:clamp(18px, 2.2vw, 22px);--space-9:clamp(22px, 2.8vw, 28px);--space-10:clamp(26px, 3.2vw, 32px);--space-11:clamp(36px, 4.5vw, 48px);--space-12:clamp(48px, 6vw, 60px);--space-13:clamp(60px, 7.5vw, 80px);--space-14:clamp(80px, 10vw, 96px);--space-15:clamp(96px, 12vw, 120px);--space-16:clamp(120px, 15vw, 140px);--page-max:1360px;--gutter:clamp(20px, 5vw, 40px);--transition-dur:.2s;--transition:var(--transition-dur) cubic-bezier(.25, .46, .45, .94)}@media (prefers-reduced-motion:reduce){:root{--transition:0s;--transition-dur:0s}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}body{font-family:var(--f-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--f-display);font-weight:700;font-size:inherit;letter-spacing:-.02em;margin:0}p{margin:0}img,video{max-width:100%;display:block}.wrap{max-width:var(--page-max);padding:0 calc(var(--gutter-rail) + var(--content-inset));margin:0 auto}.mono{font-family:var(--f-mono)}.label{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--primary);font-size:11px;font-weight:500}.skip-nav{top:-100%;left:var(--gutter);z-index:100;padding:var(--space-4) var(--space-8);background:var(--ui-accent);color:var(--ui-accent-text);font-family:var(--f-mono);font-size:var(--text-ui);border-radius:var(--radius-s);transition:top var(--transition);position:fixed}.skip-nav:focus{top:var(--space-4)}:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px;border-radius:var(--radius-s)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.nav{top:var(--space-7);z-index:50;width:calc(100% - var(--gutter-rail) * 2);background:var(--surface-nav);backdrop-filter:saturate(1.8)blur(20px);border:1px solid var(--hairline);border-radius:var(--radius-nav);max-width:1280px;box-shadow:var(--shadow-subtle);position:fixed;left:50%;transform:translate(-50%)}.nav-inner{height:60px;padding:0 calc(var(--content-inset) - 1px);justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:var(--space-3);font-family:var(--f-display);font-weight:700;font-size:var(--text-md);letter-spacing:-.03em;transition:opacity var(--transition);display:flex}.logo:hover{opacity:.75}.logo .dim{color:var(--primary)}.nav-links{gap:var(--space-10);font-family:var(--f-mono);font-size:var(--text-ui);color:var(--text);display:flex}.nav-links a{transition:color var(--transition)}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-item{align-items:center;display:flex;position:relative}.nav-item>a{align-items:center;gap:var(--space-2);display:flex}.nav-chevron{transition:transform var(--transition);font-size:11px;display:inline-block;transform:rotate(90deg)}.nav-item:hover .nav-chevron,.nav-item:focus-within .nav-chevron{transform:rotate(270deg)}.nav-dropdown{background:var(--surface-menu);backdrop-filter:saturate(1.1)blur(24px);border:1px solid var(--hairline);border-radius:var(--radius-l);min-width:200px;box-shadow:var(--shadow-subtle);padding:var(--space-3);visibility:hidden;opacity:0;transition:opacity var(--transition), visibility 0s linear var(--transition-dur);z-index:10;margin:0;list-style:none;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)}.nav-dropdown:before{content:"";height:14px;position:absolute;top:-14px;left:0;right:0}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown,.nav-item.is-open .nav-dropdown{visibility:visible;opacity:1;transition:opacity var(--transition), visibility 0s}.nav-dropdown li a{font-family:var(--f-mono);font-size:var(--text-ui);color:var(--primary);padding:var(--space-4) var(--space-6);border-radius:var(--radius-s);white-space:nowrap;transition:color var(--transition), background var(--transition);display:block}.nav-dropdown li a:hover{color:var(--text);background:var(--surface-tint)}.nav-end,.nav-right{align-items:center;gap:var(--space-6);display:flex}.theme-toggle{width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:color var(--transition), background var(--transition);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.theme-toggle:hover{color:var(--text-primary)}.theme-toggle:focus-visible{outline:2px solid var(--svc-web);outline-offset:2px}.theme-toggle svg{width:16px;height:16px;display:block}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:none}[data-theme=light] .theme-toggle .icon-moon{display:block}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:none;position:relative;overflow:visible}.nav-hamburger .ham-clip{width:34px;height:22px}.ham-clip{width:100%;height:100%;display:block;position:relative;overflow:hidden}.ham-top,.ham-mid,.ham-bot{background:var(--primary);will-change:transform, opacity;border-radius:2px;width:100%;height:2px;position:absolute;left:0}.ham-top{transition:transform .4s cubic-bezier(.68,-.55,.27,1.55);top:0}.ham-mid{transition:transform .4s cubic-bezier(.68,-.55,.27,1.55);top:10px}.ham-bot{transition:opacity .15s;top:20px}.ham-label{font-family:var(--f-mono);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--svc-web-text);opacity:0;pointer-events:none;justify-content:center;align-items:center;font-weight:700;transition:opacity .3s,transform .3s;display:flex;position:absolute;inset:0;transform:translateY(5px)}.nav-open .ham-top{transform:translate(-100%)}.nav-open .ham-mid{transform:translate(100%)}.nav-open .ham-bot{opacity:0}.nav-open .ham-label{opacity:1;transform:translateY(0)}.nav-mobile-menu{gap:var(--space-1);padding:var(--space-5) var(--space-7) var(--space-7);border-top:1px solid var(--hairline);flex-direction:column;display:none}.nav-mobile-menu a{font-family:var(--f-mono);font-size:var(--text-ui);color:var(--primary);padding:var(--space-6) var(--space-3);border-radius:var(--radius-s);min-height:44px;transition:color var(--transition), background var(--transition);align-items:center;display:flex}.nav-mobile-menu a:hover{color:var(--text);background:var(--surface-tint)}.nav-mobile-menu .mobile-cta{margin-top:var(--space-3);font-family:var(--f-mono);font-size:var(--text-ui);background:var(--ui-accent);color:var(--ui-accent-text);text-align:center;padding:0 var(--space-7);border-radius:var(--radius-s);justify-content:center}.nav-open .nav-mobile-menu{display:flex}.nav-open{background:var(--surface-menu)}.mobile-nav-group{flex-direction:column;display:flex}.mobile-nav-toggle{cursor:pointer;text-align:left;width:100%;font-family:var(--f-mono);font-size:var(--text-ui);color:var(--primary);padding:var(--space-6) var(--space-3);align-items:center;gap:var(--space-3);border-radius:var(--radius-s);min-height:44px;transition:color var(--transition), background var(--transition);background:0 0;border:none;display:flex}.mobile-nav-toggle:hover{color:var(--text);background:var(--surface-tint)}.toggle-chevron{transition:transform var(--transition);font-size:11px;display:inline-block;transform:rotate(90deg)}.mobile-nav-group.open .toggle-chevron{transform:rotate(270deg)}.mobile-nav-sub{padding-left:var(--space-7);flex-direction:column;display:none}.mobile-nav-group.open .mobile-nav-sub{display:flex}.mobile-nav-sub a{font-family:var(--f-mono);font-size:var(--text-ui);color:var(--primary);padding:var(--space-4) var(--space-3);border-radius:var(--radius-s);min-height:44px;transition:color var(--transition), background var(--transition);align-items:center;display:flex}.mobile-nav-sub a:hover{color:var(--text);background:var(--surface-tint)}.btn{align-items:center;gap:var(--space-4);height:44px;padding:0 var(--space-8);border-radius:var(--radius-s);border:1px solid var(--primary);color:var(--text);font-family:var(--f-mono);font-size:var(--text-ui);cursor:pointer;transition:border-color var(--transition), box-shadow var(--transition), background var(--transition), color var(--transition);background:0 0;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--ui-accent);box-shadow:none}.btn-primary{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-accent-text)}.btn-primary:hover{background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);box-shadow:none}.btn-ghost{border-color:var(--hairline-strong);color:var(--text)}.btn-ghost:hover{color:var(--primary)}.btn .arrow{transition:transform var(--transition);display:inline-block}.btn:hover .arrow{transform:translateX(var(--space-1))}.btn:active{opacity:.8}footer{border-top:1px solid var(--hairline);padding:var(--space-12) 0 var(--space-11);background:var(--surface-footer)}.foot-grid{gap:var(--space-12);padding-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.foot-col .label{font-family:var(--f-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0 0 var(--space-7);font-weight:500}.foot-col ul{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.foot-col a:not(.logo){font-family:var(--f-mono);font-size:var(--text-ui);color:var(--primary);transition:color var(--transition)}.foot-col a:not(.logo):hover{color:var(--text)}.foot-brand .logo{margin-bottom:var(--space-6)}.foot-brand .logo,.foot-brand .logo .dim{color:var(--primary)}.foot-brand p{font-size:var(--text-base);color:var(--primary);max-width:36ch;line-height:1.55}.foot-bottom{border-top:1px solid var(--hairline);padding-top:var(--space-8);font-family:var(--f-mono);font-size:var(--text-xs);color:var(--primary);letter-spacing:.06em;justify-content:space-between;align-items:center;display:flex}.foot-bottom .right{gap:var(--space-8);display:flex}@media (width<=960px){.nav-links,.nav-right{display:none}.nav-hamburger{display:flex}.nav{width:calc(100% - var(--gutter-rail) * 2)}.foot-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.foot-grid{grid-template-columns:1fr}}.marker{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--primary);font-size:11px;font-weight:500}.dim{color:var(--primary)}.page-head{isolation:isolate;border-bottom:1px solid var(--hairline);padding:160px 0 60px;position:relative;overflow:hidden}.page-head .grid-bg{pointer-events:none;z-index:0;position:absolute;inset:0;mask-image:radial-gradient(at 50% 0,#000 30%,#0000 75%)}.page-head .glow-bg{pointer-events:none;z-index:0;animation:9s ease-in-out infinite alternate kanso-glow;position:absolute;inset:0}@keyframes kanso-glow{0%{opacity:.7}50%{opacity:1}to{opacity:.75}}.crumbs{align-items:center;gap:var(--space-3);font-family:var(--f-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--primary);border-top:1px solid var(--hairline-strong);flex-wrap:wrap;margin-bottom:28px;padding-top:14px;display:inline-flex}.crumbs a{transition:color var(--transition)}.crumbs a:hover{color:var(--text)}.crumbs .sep{color:var(--muted)}.work-hero h1{font-size:var(--text-5xl);letter-spacing:-.035em;max-width:16ch;margin:0 0 24px;line-height:.98}.work-hero h1 .dot,.page-head h1 .dot,.hero-title .slash{color:var(--ui-accent);text-shadow:0 0 8px color-mix(in srgb, var(--ui-accent) 45%, transparent)}.work-hero .lede{max-width:60ch;font-size:var(--text-md);color:var(--primary);margin-bottom:28px;line-height:1.55}.work-hero-meta{font-family:var(--f-mono);font-size:var(--text-sm);color:var(--primary);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:14px 20px;margin-top:32px;display:flex}.work-hero-meta span{align-items:center;gap:var(--space-3);display:inline-flex}.work-hero-meta .pulse{background:var(--ui-accent);width:7px;height:7px;box-shadow:0 0 6px color-mix(in srgb, var(--ui-accent) 45%, transparent);border-radius:50%}.bento{gap:var(--space-8);grid-template-columns:repeat(12,1fr);padding-top:56px;display:grid}.cs-card{background:var(--surface-card);border:1px solid var(--hairline-strong);border-radius:var(--radius-l);min-height:420px;transition:border-color var(--transition), box-shadow var(--transition);flex-direction:column;display:flex;position:relative;overflow:hidden}.cs-card:hover{border-color:var(--ui-accent);box-shadow:var(--shadow-ui)}.cs-card .thumb{background:var(--surface-terminal);aspect-ratio:8/5;flex:none;position:relative;overflow:hidden}.cs-card .thumb img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.cs-card:hover .thumb img{transform:scale(1.03)}.cs-card .meta-row{justify-content:space-between;align-items:center;gap:var(--space-5);border-bottom:1px solid var(--hairline);font-family:var(--f-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--primary);flex-wrap:wrap;padding:14px 20px;display:flex}.cs-card .meta-row .pill{font-family:var(--f-mono);border-radius:var(--radius-pill);border:1px solid var(--hairline-strong);letter-spacing:.1em;color:var(--primary);white-space:nowrap;padding:3px 10px;font-size:10px}.cs-card .body{border-top:1px solid var(--hairline);flex-direction:column;flex:1;justify-content:center;padding:22px 24px 26px;display:flex}.cs-card h3{font-size:var(--text-xl);letter-spacing:-.02em;margin-bottom:10px;line-height:1.12}.cs-card .summary{color:var(--primary);max-width:52ch;margin-bottom:18px;font-size:14px;line-height:1.55}.cs-card .foot{justify-content:space-between;align-items:center;gap:var(--space-5);font-family:var(--f-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--primary);flex-wrap:wrap;display:flex}.cs-card .read{align-items:center;gap:var(--space-3);color:var(--svc-web-text);font-weight:500;display:inline-flex}.cs-card .read .arrow{transition:transform var(--transition)}.cs-card:hover .read .arrow{transform:translateX(var(--space-1))}.cs-card.span-7{grid-column:span 7}.cs-card.span-5{grid-column:span 5}.cs-card.span-12{aspect-ratio:3;flex-direction:row;grid-column:span 12;min-height:0}.cs-card.span-12>.thumb{min-width:0;min-height:0;aspect-ratio:unset;border-right:1px solid var(--hairline);flex:1.2 1 0}.cs-card.span-12>.body-wrap{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.cs-card.span-12 .meta-row{border-bottom:1px solid var(--hairline);border-top:none}.cs-card.span-12 .body{border-top:none;flex-direction:column;flex:1;display:flex}.cs-card.span-12 .body .summary{font-size:15px}.cs-hero h1{font-size:var(--text-5xl);letter-spacing:-.03em;max-width:18ch;margin:0 0 24px;line-height:1}.cs-hero .lede{max-width:64ch;font-size:var(--text-md);color:var(--primary);margin-bottom:32px;line-height:1.55}.cs-hero .meta-strip{margin-top:var(--space-11);border:1px solid var(--hairline);border-radius:var(--radius-m);background:var(--surface-tint);backdrop-filter:blur(12px);grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.meta-strip .cell{border-right:1px solid var(--hairline);min-width:0;padding:20px 22px}.meta-strip .cell:last-child{border-right:none}.meta-strip .k{font-family:var(--f-mono);color:var(--primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:10px}.meta-strip .v{font-family:var(--f-mono);font-size:var(--text-ui);color:var(--text);word-break:break-word;overflow-wrap:anywhere;font-weight:500}.meta-strip a.v{color:var(--text);transition:color var(--transition)}.meta-strip a.v:hover{color:var(--svc-web-text)}.variant-tabs-wrap{border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);background:var(--surface-tint);width:fit-content;max-width:100%;margin-bottom:24px;position:relative;overflow:hidden}.variant-tabs-wrap.has-fade:after{content:"";background:linear-gradient(to right, transparent, var(--bg));pointer-events:none;border-radius:0 var(--radius-pill) var(--radius-pill) 0;width:56px;position:absolute;top:0;bottom:0;right:0}.variant-tabs{gap:var(--space-2);padding:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;display:flex;overflow-x:auto}.variant-tabs::-webkit-scrollbar{display:none}.variant-tab{font-family:var(--f-mono);font-size:var(--text-sm);letter-spacing:.04em;border-radius:var(--radius-pill);color:var(--primary);cursor:pointer;transition:color var(--transition), background var(--transition);white-space:nowrap;background:0 0;border:none;padding:8px 14px}.variant-tab:hover{color:var(--text)}.variant-tab.active{background:var(--text);color:var(--bg);font-weight:500}.variant-frame{border:1px solid var(--hairline);border-radius:var(--radius-m);background:var(--surface-frame);padding-top:calc(62.5% + 32px);position:relative;overflow:hidden}.variant-frame .frame-bar{align-items:center;gap:var(--space-4);background:var(--surface-frame-bar);backdrop-filter:blur(8px);border-bottom:1px solid var(--hairline);height:32px;font-family:var(--f-mono);font-size:var(--text-xs);color:var(--primary);letter-spacing:.06em;z-index:2;padding:0 14px;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.frame-bar .dots{flex-shrink:0;gap:5px;display:flex}.frame-bar .dots span{background:var(--secondary);border-radius:50%;width:9px;height:9px}.frame-bar .dots span:first-child{background:var(--purple)}.frame-bar .dots span:nth-child(2){background:var(--orange)}.frame-bar .dots span:nth-child(3){background:var(--green)}.frame-bar .url{color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.frame-bar .right{white-space:nowrap;flex-shrink:0;margin-left:auto}.variant-frame img{object-fit:cover;width:100%;height:calc(100% - 32px);display:block;position:absolute;inset:32px 0 0}.variant-caption{margin-top:var(--space-6);justify-content:flex-end;display:flex}.variant-caption .live-link{font-family:var(--f-mono);font-size:var(--text-sm);color:var(--svc-web-text);letter-spacing:.06em;align-items:center;gap:var(--space-2);transition:color var(--transition);text-decoration:none;display:inline-flex}.variant-caption .live-link:hover{color:var(--text)}.cs-section-head{padding-bottom:var(--space-11);grid-template-columns:minmax(160px,200px) 1fr;gap:clamp(28px,4vw,60px);display:grid}.cs-section-head .marker{font-family:var(--f-mono);font-size:var(--text-xs);color:var(--primary);letter-spacing:.12em;text-transform:uppercase;border-top:1px solid var(--hairline-strong);align-self:start;padding-top:14px}.cs-section-head h2{letter-spacing:-.025em;max-width:22ch;font-size:clamp(28px,4vw,48px);line-height:1.05}.cs-prose{grid-template-columns:minmax(160px,200px) 1fr;gap:clamp(28px,4vw,60px);padding-bottom:24px;display:grid}.cs-prose>.marker,.cs-section-head>.marker,.outcome-grid>.marker,.cs-band-inner>.marker{grid-column:1;align-self:start;min-width:0}.cs-prose>.body,.cs-section-head>h2,.outcome-grid>.outcome-cards,.cs-band-inner>blockquote{grid-column:2;min-width:0}.cs-prose>.body{max-width:62ch}.cs-prose p{color:var(--text);font-size:clamp(15px,.4vw + 14px,17px);line-height:1.7}.cs-prose p+p{margin-top:20px}.cs-prose p.dim{color:var(--primary)}.cs-prose ul{flex-direction:column;gap:12px;margin:20px 0 0;padding:0;list-style:none;display:flex}.cs-prose li{color:var(--text);padding-left:24px;font-size:clamp(15px,.4vw + 14px,17px);line-height:1.6;position:relative}.cs-prose li:before{content:"";background:var(--accent);width:14px;height:1px;position:absolute;top:12px;left:0}.outcome-grid{grid-template-columns:minmax(160px,200px) 1fr;gap:clamp(28px,4vw,60px);display:grid}.outcome-cards{gap:var(--space-7);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.outcome-card{border:1px solid var(--hairline);border-radius:var(--radius-m);background:var(--surface-tint-lo);transition:border-color var(--transition), background var(--transition);min-width:0;padding:24px 26px}.outcome-card:hover{border-color:var(--hairline-strong);background:var(--surface-tint-hi)}.outcome-card .k{font-family:var(--f-mono);color:var(--primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;font-size:10px}.outcome-card .v{font-family:var(--f-display);letter-spacing:-.03em;color:var(--text);word-break:break-word;overflow-wrap:anywhere;margin-bottom:12px;font-size:clamp(28px,4vw,48px);font-weight:700;line-height:.98}.outcome-card .v .unit{color:var(--primary);font-weight:500;font-size:var(--text-sm);font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;margin-top:8px;display:block}.outcome-card .desc{color:var(--primary);font-size:14px;line-height:1.55}.cs-band{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding-top:var(--space-13);padding-bottom:var(--space-12);position:relative}.cs-band .grid-bg{pointer-events:none;position:absolute;inset:0;mask-image:radial-gradient(at 70%,#000 20%,#0000 70%)}.cs-band-inner{grid-template-columns:minmax(160px,200px) 1fr;gap:clamp(28px,4vw,60px);display:grid;position:relative}.cs-band-inner blockquote{font-family:var(--f-display);letter-spacing:-.025em;max-width:24ch;margin:0;font-size:clamp(24px,3.4vw,44px);font-weight:600;line-height:1.18}.cs-band-inner blockquote .em{color:var(--svc-web-text)}.cs-next .next-card{border:1px solid var(--hairline-strong);border-radius:var(--radius-l);background:var(--surface-card);transition:border-color var(--transition), box-shadow var(--transition);grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.cs-next .next-card:hover{border-color:var(--ui-accent);box-shadow:var(--shadow-ui)}.next-card .copy{flex-direction:column;justify-content:center;min-width:0;padding:clamp(28px,4vw,56px) clamp(24px,3vw,48px);display:flex}.next-card .copy .marker{margin-bottom:16px}.next-card .copy h3{font-family:var(--f-display);letter-spacing:-.02em;text-wrap:balance;margin-bottom:18px;font-size:clamp(20px,2.2vw,28px);font-weight:700;line-height:1.12}.next-card .copy .summary{color:var(--primary);max-width:46ch;margin-bottom:24px;font-size:14px;line-height:1.55}.next-card .copy .read{align-items:center;gap:var(--space-4);font-family:var(--f-mono);font-size:var(--text-sm);color:var(--svc-web-text);letter-spacing:.08em;text-transform:uppercase;display:inline-flex}.next-card .copy .read .arrow{transition:transform var(--transition)}.cs-next .next-card:hover .read .arrow{transform:translateX(var(--space-1))}.next-card .thumb{background:var(--surface-terminal);aspect-ratio:8/5;align-self:stretch;min-width:0;position:relative;overflow:hidden}.next-card .thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.cs-next .next-card:hover .thumb img{transform:scale(1.03)}.cs-final{padding-block:var(--space-16);text-align:center;isolation:isolate;border-top:1px solid var(--hairline);position:relative}.cs-final .grid-bg{pointer-events:none;z-index:0;position:absolute;inset:0;mask-image:radial-gradient(#000 20%,#0000 70%)}.cs-final .glow-bg{pointer-events:none;z-index:0;animation:10s ease-in-out infinite alternate kanso-glow;position:absolute;inset:0}.cs-final .marker{border-top:1px solid var(--hairline-strong);margin-bottom:24px;padding-top:14px;display:inline-block}.cs-final h2{letter-spacing:-.035em;max-width:18ch;margin:0 auto 22px;font-size:clamp(36px,5vw,72px);line-height:1.04}.cs-final .lede{font-size:var(--text-md);color:var(--primary);max-width:54ch;margin:0 auto 32px;line-height:1.55}.cs-final .ctas{flex-wrap:wrap;justify-content:center;gap:14px;display:inline-flex}@media (width<=960px){.page-head{padding:140px 0 48px}.bento{grid-template-columns:1fr;gap:14px}.cs-card.span-7,.cs-card.span-5,.cs-card.span-12{grid-column:1/-1}.cs-card.span-12{min-height:unset;aspect-ratio:unset;flex-direction:column}.cs-card.span-12>.body-wrap{display:contents}.cs-card.span-12>.thumb{aspect-ratio:8/5;min-height:unset;min-width:unset;border-bottom:none;border-right:none;flex:none;order:2}.cs-card.span-12 .meta-row{border-top:none;order:1}.cs-card.span-12 .body{border-top:1px solid var(--hairline);flex:none;order:3;display:block}.cs-hero .meta-strip{grid-template-columns:1fr 1fr}.meta-strip .cell{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.meta-strip .cell:nth-child(2n){border-right:none}.meta-strip .cell:nth-last-child(-n+2){border-bottom:none}.cs-section-head,.cs-prose,.outcome-grid,.cs-band-inner{gap:var(--space-8);grid-template-columns:1fr}.cs-section-head{padding-top:56px;padding-bottom:var(--space-11)}.cs-prose>.marker,.cs-section-head>.marker,.outcome-grid>.marker,.cs-band-inner>.marker,.cs-prose>.body,.cs-section-head>h2,.outcome-grid>.outcome-cards,.cs-band-inner>blockquote{grid-column:1}.cs-prose>.marker:empty,.outcome-grid>.marker:empty,.cs-band-inner>.marker:empty{display:none}.outcome-cards,.cs-next .next-card{grid-template-columns:1fr}.next-card .thumb{order:-1}.variant-tabs-wrap{width:100%}}@media (width<=640px){.page-head{padding:120px 0 40px}.cs-hero .meta-strip{grid-template-columns:1fr}.meta-strip .cell{border-right:none;border-bottom:1px solid var(--hairline)}.meta-strip .cell:nth-last-child(-n+2){border-bottom:1px solid var(--hairline)}.meta-strip .cell:last-child{border-bottom:none}.cs-final{margin-top:72px;padding:72px 0}.cs-final .ctas{flex-direction:column;width:100%;max-width:320px;margin:0 auto;display:flex}.cs-final .ctas .btn{justify-content:center;width:100%}}.hero-iso{top:0;bottom:0;left:var(--rail-x);right:var(--rail-x);pointer-events:none;z-index:0;--iso-y:40%;--iso-w:58%;--iso-h:52%;--iso-in:38%;--iso-out:74%;-webkit-mask-image:radial-gradient(ellipse var(--iso-w) var(--iso-h) at 50% var(--iso-y), #000 0%, #000 var(--iso-in), transparent var(--iso-out));mask-image:radial-gradient(ellipse var(--iso-w) var(--iso-h) at 50% var(--iso-y), #000 0%, #000 var(--iso-in), transparent var(--iso-out));position:absolute}.page-head:has(.cs-hero) .hero-iso{--iso-y:62%}@media (width<=640px){.page-head:has(.cs-hero) .hero-iso{--iso-y:35%}}.page-head:has(.work-hero) .hero-iso{--iso-y:66%}.hero-form{aspect-ratio:1;width:min(96vmin,940px);color:var(--tex-dot);pointer-events:none;z-index:0;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.cta-form{width:min(80vmin,720px);top:50%}.page-head .glow-bg{--bloom-y:62%;--bloom-h:34%}.cs-final .glow-bg{--bloom-y:50%;--bloom-h:44%}@supports ((-webkit-backdrop-filter:blur(1px))){.nav{-webkit-backdrop-filter:saturate(1.8)blur(20px)}.nav-dropdown{-webkit-backdrop-filter:saturate(1.1)blur(24px)}}@media (width<=640px){.page-head:has(.cs-hero) .hero-form{top:35%}}.page-head:has(.work-hero) .hero-form{top:66%}:root{--col-half:640px;--gutter-rail:clamp(10px, 3.43vw - 2.86px, 40px);--rail-x:max(var(--gutter-rail), calc(50% - var(--col-half)));--content-inset:clamp(16px, 2.4vw, 28px);--step:5px;--cell-gap:0px}.rails{pointer-events:none;z-index:0;position:fixed;inset:0}.rails:before,.rails:after{content:"";background:var(--border-subtle);width:1px;position:absolute;top:0;bottom:0}.rails:before{left:var(--rail-x)}.rails:after{right:var(--rail-x)}.rails-dense .rail-inner{background:var(--border-subtle);opacity:.6;width:1px;position:absolute;top:0;bottom:0}.rails-dense .rail-inner:first-child{left:calc(var(--rail-x) + (100% - var(--rail-x) * 2) / 3)}.rails-dense .rail-inner:nth-child(2){left:calc(var(--rail-x) + (100% - var(--rail-x) * 2) / 3 * 2)}main,.plate,.page-main{z-index:1;position:relative}.plate{border-top:1px solid var(--border-subtle);padding-top:var(--space-13);padding-bottom:var(--space-12)}.plate-tight{padding-top:var(--space-10);padding-bottom:var(--space-12)}.plate-flush{padding-block:0}.plate-marked:before,.plate-marked:after{content:"";background:linear-gradient(var(--border-strong), var(--border-strong)) center / 9px 1px no-repeat, linear-gradient(var(--border-strong), var(--border-strong)) center / 1px 9px no-repeat;pointer-events:none;width:9px;height:9px;position:absolute;top:-4px}.plate-marked:before{left:calc(var(--rail-x) - 4px)}.plate-marked:after{right:calc(var(--rail-x) - 4px)}.cells{max-width:var(--page-max);padding-inline:calc(var(--gutter-rail) + var(--content-inset));gap:var(--cell-gap);grid-template-columns:repeat(12,1fr);margin-inline:auto;display:grid}:where(.cells)>.cell{padding:var(--space-10);border:1px solid var(--border-subtle);overflow-wrap:break-word;background:0 0;grid-column:span 12;min-width:0;margin-bottom:-1px;margin-right:-1px;position:relative}:where(.cells)>.cell:hover{z-index:2}:where(.cells)>.cell-fill{background:var(--surface-raised)}.cells-gap{--cell-gap:var(--space-7)}.cells-gap>.cell{margin-bottom:0;margin-right:0}:where(.cells)>.cell-plain{border:0;margin-bottom:0;margin-right:0;padding-inline:0}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-12{grid-column:span 12}.cells-sync{grid-template-rows:repeat(var(--sync-rows,4), auto)}.cells-sync>.cell{grid-template-rows:subgrid;grid-row:span var(--sync-rows,4);align-content:start;display:grid}.cells-sync>.cell>*{min-width:0}@media (width<=860px){:where(.cells)>.cell{grid-column:span 12!important}.cells-sync{grid-template-rows:none}.cells-sync>.cell{grid-row:auto;display:block}}.notched{--n:8px;clip-path:polygon(var(--n) 0, calc(100% - var(--n)) 0, 100% var(--n), 100% calc(100% - var(--n)), calc(100% - var(--n)) 100%, var(--n) 100%, 0 calc(100% - var(--n)), 0 var(--n));border:0}.stepped{--s:var(--step);clip-path:polygon(0 calc(2 * var(--s)), var(--s) calc(2 * var(--s)), var(--s) var(--s), calc(2 * var(--s)) var(--s), calc(2 * var(--s)) 0, calc(100% - 2 * var(--s)) 0, calc(100% - 2 * var(--s)) var(--s), calc(100% - var(--s)) var(--s), calc(100% - var(--s)) calc(2 * var(--s)), 100% calc(2 * var(--s)), 100% calc(100% - 2 * var(--s)), calc(100% - var(--s)) calc(100% - 2 * var(--s)), calc(100% - var(--s)) calc(100% - var(--s)), calc(100% - 2 * var(--s)) calc(100% - var(--s)), calc(100% - 2 * var(--s)) 100%, calc(2 * var(--s)) 100%, calc(2 * var(--s)) calc(100% - var(--s)), var(--s) calc(100% - var(--s)), var(--s) calc(100% - 2 * var(--s)), 0 calc(100% - 2 * var(--s)));border:0}.stepped-frame{background:var(--border-strong);padding:1px}.stepped-frame>*{background:var(--surface-raised);height:100%;display:block}:root{--dot-gap:14px;--dot-size:1px;--dot-color:var(--tex-dot);--dither-size:3px;--dither-color:var(--tex-dither)}.tex-field{--dot-color:var(--tex-dot-field);--dither-color:var(--tex-dither-field);--dither-size:4px}.tex-dots-md{--dot-gap:22px}.tex-dots-wide{--dot-gap:32px}.tex-dots-xwide{--dot-gap:44px}.tex-grid{--grid-pitch:32px;background-image:linear-gradient(var(--tex-grid) 1px, transparent 1px), linear-gradient(90deg, var(--tex-grid) 1px, transparent 1px);background-size:var(--grid-pitch) var(--grid-pitch)}.tex-grid-lg{--grid-pitch:44px}.tex-dots{background-image:radial-gradient(var(--dot-color) var(--dot-size), transparent var(--dot-size));background-size:var(--dot-gap) var(--dot-gap)}.tex-dots-iso{background-image:radial-gradient(var(--dot-color) var(--dot-size), transparent var(--dot-size)), radial-gradient(var(--dot-color) var(--dot-size), transparent var(--dot-size));--iso-pitch:calc(var(--dot-gap) * 1.0746);background-size:var(--iso-pitch) calc(var(--iso-pitch) * 1.732);background-position:0 0, calc(var(--iso-pitch) / 2) calc(var(--iso-pitch) * .866)}.tex-dots-soft{--dot-color:var(--tex-dot-field);--dot-size:1.4px}.tex-iso{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='83.138' viewBox='0 0 48 83.138'%3E%3Cpolygon points='24.000,27.713 0.000,13.856 24.000,0.000 48.000,13.856' fill='rgba(255,255,255,0.020)'/%3E%3Cpolygon points='24.000,27.713 24.000,55.426 0.000,41.569 0.000,13.856' fill='rgba(255,255,255,0.009)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='83.138' viewBox='0 0 48 83.138'%3E%3Cpolygon points='24.000,27.713 0.000,13.856 24.000,0.000 48.000,13.856' fill='rgba(255,255,255,0.020)'/%3E%3Cpolygon points='24.000,27.713 24.000,55.426 0.000,41.569 0.000,13.856' fill='rgba(255,255,255,0.009)'/%3E%3C/svg%3E");background-position:0 0,24px 41.569px;background-size:48px 83.138px}[data-theme=light] .tex-iso{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='83.138' viewBox='0 0 48 83.138'%3E%3Cpolygon points='24.000,27.713 24.000,55.426 0.000,41.569 0.000,13.856' fill='rgba(20,20,20,0.016)'/%3E%3Cpolygon points='24.000,27.713 48.000,13.856 48.000,41.569 24.000,55.426' fill='rgba(20,20,20,0.034)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='83.138' viewBox='0 0 48 83.138'%3E%3Cpolygon points='24.000,27.713 24.000,55.426 0.000,41.569 0.000,13.856' fill='rgba(20,20,20,0.016)'/%3E%3Cpolygon points='24.000,27.713 48.000,13.856 48.000,41.569 24.000,55.426' fill='rgba(20,20,20,0.034)'/%3E%3C/svg%3E")}.tex-dither{background-image:repeating-conic-gradient(var(--dither-color) 0% 25%, transparent 0% 50%);background-size:var(--dither-size) var(--dither-size)}.tex-dots.tex-dither{--dither-size:2px;background-image:radial-gradient(var(--dot-color) var(--dot-size), transparent var(--dot-size)), repeating-conic-gradient(var(--dither-color) 0% 25%, transparent 0% 50%);background-size:var(--dot-gap) var(--dot-gap), var(--dither-size) var(--dither-size);opacity:.85}.tex-bloom{--bloom-x:50%;--bloom-y:45%;--bloom-w:62%;--bloom-h:40%;background-image:repeating-conic-gradient(var(--tex-bloom) 0% 25%, transparent 0% 50%);-webkit-mask-image:radial-gradient(ellipse var(--bloom-w) var(--bloom-h) at var(--bloom-x) var(--bloom-y), #000 0%, #0000006b 42%, transparent 100%);mask-image:radial-gradient(ellipse var(--bloom-w) var(--bloom-h) at var(--bloom-x) var(--bloom-y), #000 0%, #0000006b 42%, transparent 100%);background-size:4px 4px}.tex-bloom-center{--bloom-y:50%;--bloom-h:46%}.tex-fade{mask-image:linear-gradient(#000,#0000)}.tex-fade-up{mask-image:linear-gradient(#0000,#000)}.tex-band{height:64px}.mk{font-family:var(--f-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:var(--space-5);font-weight:500;display:flex}.mk:after{content:"";background:var(--border-subtle);flex:1;height:1px}.mk-num{color:var(--text-secondary)}@media (prefers-reduced-motion:no-preference){:where(.cells)>.cell{transition:border-color var(--transition), background var(--transition)}}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter_18pt-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}.logo-mark-svg[data-astro-cid-27oicc4y]{flex-shrink:0;display:block}.dot-sphere[data-astro-cid-5reg5r2k]{fill:currentColor;pointer-events:none;width:100%;height:100%;display:block}