@layer reset,tokens,base,layout,components,motion;@layer tokens{:root{color-scheme:light dark;font-optical-sizing:auto;--km-font-display: "Space Grotesk", "Suisse Intl", "Inter", system-ui, sans-serif;--km-font-text: "Inter", system-ui, -apple-system, sans-serif;--km-font-mono: "Space Mono", ui-monospace, Menlo, monospace;--km-weight-text: 400;--km-weight-medium: 500;--km-weight-display: 600;--km-leading-text: 1.5;--km-leading-display: 1;--km-measure: 62ch;--km-tracking-display: -.025em;--km-tracking-text: 0em;--km-tracking-caps: .08em;--km-text-xs: .598rem;--km-text-sm: .7971rem;--km-text-base: 1.0625rem;--km-text-md: clamp(1.4163rem, calc(1.3469rem + .3086vw) , 1.5938rem);--km-text-lg: clamp(1.8879rem, calc(1.6912rem + .8742vw) , 2.3906rem);--km-text-xl: clamp(2.5166rem, calc(2.0982rem + 1.8597vw) , 3.5859rem);--km-text-2xl: clamp(3.3547rem, calc(2.5626rem + 3.5204vw) , 5.3789rem);--km-text-3xl: clamp(4.4718rem, calc(3.0644rem + 6.2549vw) , 8.0684rem);--km-text-4xl: clamp(5.9609rem, calc(3.5576rem + 10.6812vw) , 12.1025rem);--km-text-5xl: clamp(7.9458rem, calc(3.9514rem + 17.753vw) , 18.1538rem);--km-mult-space: 1.15;--km-mult-motion: .7;--km-mult-type: .92;--km-space-tight: calc(8px * var(--km-mult-space));--km-space-inline: calc(16px * var(--km-mult-space));--km-space-group: calc(24px * var(--km-mult-space));--km-space-block: calc(64px * var(--km-mult-space));--km-space-section: calc(128px * var(--km-mult-space));--km-gutter: 24px;--km-grid-cols: 12;--km-container-max: 1280px;--km-container-prose: 72ch;--km-radius-control: 4px;--km-radius-card: 8px;--km-radius-pill: 9999px;--km-z-base: 0;--km-z-raised: 10;--km-z-sticky: 100;--km-z-overlay: 1000;--km-z-modal: 1100;--km-z-toast: 1200;--km-shadow-sm: 0 1px 2px 0 color-mix(in srgb, var(--km-text) 8%, transparent);--km-shadow-md: 0 6px 24px -4px color-mix(in srgb, var(--km-text) 12%, transparent);--km-shadow-lg: 0 24px 64px -12px color-mix(in srgb, var(--km-text) 16%, transparent);--km-opacity-disabled: .45;--km-state-hover: 6%;--km-state-pressed: 12%;--km-scrim: rgb(0 0 0 / .6);--km-blur-sm: 4px;--km-blur-md: 12px;--km-blur-lg: 24px;--km-grain-opacity: .04;--km-grain-scale: 160px;--km-border-hair: 1px;--km-border-thick: 2px;--km-duration-instant: 90ms;--km-duration-fast: .16s;--km-duration-base: .24s;--km-duration-slow: .38s;--km-duration-max: .6s;--km-ease-standard: cubic-bezier(.2, 0, 0, 1);--km-ease-entrance: cubic-bezier(.16, 1, .3, 1);--km-ease-exit: cubic-bezier(.4, 0, 1, 1);--km-ease-spring: cubic-bezier(.34, 1.4, .64, 1);--km-stagger: 60ms;--km-motion-default: .24s;--km-motion-enter: .38s;--km-motion-ease: cubic-bezier(.16, 1, .3, 1);--km-motion-signature-ease: cubic-bezier(.34, 1.4, .64, 1);--km-focus-width: 2px;--km-focus-offset: 2px;--km-target-min: 24px;--km-target-comfortable: 44px;--km-bg: #FFFFFF;--km-surface: #F4F4F5;--km-text: #0A0A0B;--km-text-muted: #52525B;--km-line: #E4E4E7;--km-accent: #5A3FE0;--km-accent-contrast: #FFFFFF;--km-accent-2: #0E8C7E;--km-focus: #5A3FE0;--km-error: #C42B2B;--km-success: #1E784C;--km-warning: #8A6310;--km-info: #2563C0;--km-border: #D4D4D8;--km-selection: #E5DEFB;--km-gradient-atmosphere: radial-gradient(120% 120% at 50% 0%, color-mix(in oklab, var(--km-accent) 22%, var(--km-bg)) 0%, var(--km-bg) 55%);--km-gradient-accent: linear-gradient(135deg, var(--km-accent), var(--km-accent-2));--km-glow: 0 0 48px color-mix(in srgb, var(--km-accent) 40%, transparent)}@media(prefers-color-scheme:dark){:root{--km-bg: #09090B;--km-surface: #141418;--km-text: #F4F4F5;--km-text-muted: #A1A1AA;--km-line: #27272A;--km-accent: #8A6BFF;--km-accent-contrast: #09090B;--km-accent-2: #34D3C0;--km-focus: #8A6BFF;--km-error: #FF6B6B;--km-success: #4ADE80;--km-warning: #FBBF24;--km-info: #60A5FA;--km-border: #34343A;--km-selection: #2A2342}}[data-theme=dark]{--km-bg: #09090B;--km-surface: #141418;--km-text: #F4F4F5;--km-text-muted: #A1A1AA;--km-line: #27272A;--km-accent: #8A6BFF;--km-accent-contrast: #09090B;--km-accent-2: #34D3C0;--km-focus: #8A6BFF;--km-error: #FF6B6B;--km-success: #4ADE80;--km-warning: #FBBF24;--km-info: #60A5FA;--km-border: #34343A;--km-selection: #2A2342}[data-theme=light]{--km-bg: #FFFFFF;--km-surface: #F4F4F5;--km-text: #0A0A0B;--km-text-muted: #52525B;--km-line: #E4E4E7;--km-accent: #5A3FE0;--km-accent-contrast: #FFFFFF;--km-accent-2: #0E8C7E;--km-focus: #5A3FE0;--km-error: #C42B2B;--km-success: #1E784C;--km-warning: #8A6310;--km-info: #2563C0;--km-border: #D4D4D8;--km-selection: #E5DEFB}@supports (color: color(display-p3 1 1 1)){:root{--km-accent: color(display-p3 .35 .25 .88);--km-accent-2: color(display-p3 .05 .55 .49)}@media(prefers-color-scheme:dark){:root{--km-accent: color(display-p3 .54 .42 1);--km-accent-2: color(display-p3 .2 .83 .75)}}[data-theme=dark]{--km-accent: color(display-p3 .54 .42 1);--km-accent-2: color(display-p3 .2 .83 .75)}[data-theme=light]{--km-accent: color(display-p3 .35 .25 .88);--km-accent-2: color(display-p3 .05 .55 .49)}}[data-intensity=leise]{--km-mult-space: 1.15;--km-mult-motion: .7;--km-mult-type: .92}[data-intensity=mittel]{--km-mult-space: 1;--km-mult-motion: 1;--km-mult-type: 1}[data-intensity=laut]{--km-mult-space: .9;--km-mult-motion: 1.35;--km-mult-type: 1.18}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--km-focus-width) solid var(--km-focus);outline-offset:var(--km-focus-offset)}@media(prefers-reduced-motion:reduce){:root{--km-duration-instant: .01ms;--km-duration-fast: .01ms;--km-duration-base: .01ms;--km-duration-slow: .01ms;--km-duration-max: .01ms;--km-motion-default: .01ms;--km-motion-enter: .01ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/instrument-serif.woff2) format("woff2")}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter.woff2) format("woff2-variations")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/space-mono-400.woff2) format("woff2")}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100svh;overflow-x:hidden}img,svg,canvas{display:block;max-width:100%}a{color:inherit}:where(ul,ol){list-style:none;padding:0}h1,h2,h3,p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}}@layer base{:root{--km-font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--km-font-text: "Inter Variable", "Inter", system-ui, -apple-system, sans-serif;--km-font-mono: "Space Mono", ui-monospace, Menlo, monospace;--km-bg: #0A0911;--km-bg: oklch(.155 .015 285);--km-surface: #15131F;--km-surface: oklch(.205 .018 285);--km-line: #272234;--km-line: oklch(.3 .02 286);--km-border: #332C42;--km-border: oklch(.36 .022 286);--km-text: #F6F3EE;--km-text: oklch(.965 .008 75);--km-text-muted: #C6BFB3;--km-text-muted: oklch(.8 .013 75);--km-narrative: #FF9E6B;--km-narrative: oklch(.78 .155 52);--km-accent: #7C6BFF;--km-accent: oklch(.64 .17 280);--km-accent-contrast: #0A0911;--km-focus: #7C6BFF;--km-focus: oklch(.64 .17 280);--km-accent-2: #FF9E6B;--km-accent-2: oklch(.78 .155 52);--km-wise: var(--km-accent);--km-braid: linear-gradient(90deg, var(--km-narrative), var(--km-wise));--km-selection: #3A2A1E;--km-selection: oklch(.3 .045 55);--km-glow: 0 0 60px color-mix(in srgb, var(--km-narrative) 42%, transparent);--km-gradient-atmosphere: radial-gradient(120% 120% at 50% 0%, color-mix(in oklab, var(--km-narrative) 16%, var(--km-bg)) 0%, var(--km-bg) 58%);--km-gradient-accent: linear-gradient(135deg, var(--km-wise), var(--km-narrative))}@supports (color: oklch(1 0 0)){@media(color-gamut:p3){:root{--km-narrative: oklch(.79 .185 52);--km-accent-2: oklch(.79 .185 52);--km-accent: oklch(.64 .205 280);--km-focus: oklch(.64 .205 280)}}}html{background:var(--km-bg);color:var(--km-text);font-family:var(--km-font-text);font-size:var(--km-text-base);line-height:var(--km-leading-text);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:var(--km-bg)}::selection{background:var(--km-selection)}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:url(/grain.png) repeat;background-size:128px 128px;opacity:.12;mix-blend-mode:overlay}@media(prefers-reduced-motion:reduce){body:after{opacity:.08}}.display{font-family:var(--km-font-display);font-weight:400;line-height:.98;letter-spacing:-.01em}.mono{font-family:var(--km-font-mono)}.narrative{color:var(--km-narrative);font-style:italic}.wise{font-family:var(--km-font-mono);color:var(--km-wise);font-size:.78em;letter-spacing:-.02em}.eyebrow{font-family:var(--km-font-mono);font-size:var(--km-text-sm);letter-spacing:var(--km-tracking-caps);text-transform:uppercase;color:var(--km-text-muted)}.skip-link{position:fixed;top:var(--km-space-tight);left:var(--km-space-tight);z-index:var(--km-z-toast);padding:var(--km-space-tight) var(--km-space-inline);background:var(--km-accent);color:var(--km-accent-contrast);border-radius:var(--km-radius-control);transform:translateY(-150%)}.skip-link:focus{transform:none}}@layer layout{.wrap{width:100%;max-width:var(--km-container-max);margin-inline:auto;padding-inline:var(--km-gutter)}.prose{max-width:var(--km-container-prose)}main>section{padding-block:var(--km-space-section)}.machine{display:grid;gap:var(--km-space-block)}@media(min-width:64rem){.machine{grid-template-columns:13rem minmax(0,1fr);gap:var(--km-space-section);align-items:start}.spine{position:sticky;top:18vh;align-self:start}}}@layer components{.nav{position:relative;z-index:var(--km-z-sticky);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--km-space-inline) var(--km-space-group);padding-block:var(--km-space-group)}.nav a{text-decoration:none}.wordmark{font-size:var(--km-text-md);display:inline-flex;align-items:baseline;gap:.06em}.wordmark .wm-narra{font-family:var(--km-font-display);font-style:italic}.wordmark .wm-wise{font-family:var(--km-font-mono);color:var(--km-wise);font-size:.82em}.nav-links{display:flex;flex-wrap:wrap;gap:var(--km-space-inline);align-items:center}.nav-links a{color:var(--km-text-muted);font-size:var(--km-text-sm)}.nav-links a:hover{color:var(--km-text)}.hero-stage{position:relative;min-height:92svh;display:grid;align-content:center;isolation:isolate}.living{position:fixed;inset:0;width:100vw;height:100svh;z-index:0;pointer-events:none}.hero{display:grid;gap:var(--km-space-group);max-width:22ch}.hero h1{font-size:var(--km-text-4xl)}.hero .sub{font-family:var(--km-font-text);font-size:var(--km-text-md);color:var(--km-text-muted);max-width:46ch}.undertone{font-family:var(--km-font-mono);font-size:var(--km-text-sm);color:var(--km-text-muted);border-left:var(--km-border-thick) solid var(--km-wise);padding-left:var(--km-space-inline);max-width:46ch}.spine ol{display:grid;gap:var(--km-space-inline)}.spine a{display:grid;grid-template-columns:2.5rem 1fr;gap:var(--km-space-inline);text-decoration:none;color:var(--km-text-muted);padding-block:var(--km-space-tight);border-top:var(--km-border-hair) solid var(--km-line)}.spine a:hover{color:var(--km-text)}.spine .n{font-family:var(--km-font-mono);font-size:var(--km-text-sm);color:var(--km-wise)}.spine .t{font-size:var(--km-text-sm)}.layer{display:grid;gap:var(--km-space-group);padding-block:var(--km-space-block);border-top:var(--km-border-hair) solid var(--km-line);scroll-margin-top:12vh}.layer-head{display:flex;align-items:baseline;gap:var(--km-space-inline)}.layer-head .n{font-family:var(--km-font-mono);font-size:var(--km-text-sm);color:var(--km-wise)}.layer h2{font-family:var(--km-font-display);font-size:var(--km-text-2xl);line-height:1}.layer .lead{font-size:var(--km-text-md);color:var(--km-text);max-width:52ch}.layer .sharp{font-family:var(--km-font-display);font-style:italic;font-size:var(--km-text-lg);color:var(--km-narrative);max-width:24ch;line-height:1.05}.portfolio{display:flex;flex-wrap:wrap;gap:var(--km-space-inline)}.portfolio a{font-family:var(--km-font-mono);font-size:var(--km-text-sm);padding:var(--km-space-tight) var(--km-space-inline);border:var(--km-border-hair) solid var(--km-border);border-radius:var(--km-radius-pill);text-decoration:none;min-height:var(--km-target-comfortable);display:inline-flex;align-items:center}.portfolio a:hover{border-color:var(--km-wise);color:var(--km-wise)}.contact{display:grid;gap:var(--km-space-group)}.contact h2{font-family:var(--km-font-display);font-size:var(--km-text-2xl);line-height:1.02;max-width:20ch}.contact .cta{font-family:var(--km-font-mono);font-size:var(--km-text-lg);text-decoration:none;width:max-content;color:var(--km-wise)}.contact .cta:hover{text-decoration:underline;text-underline-offset:.2em}footer{border-top:var(--km-border-hair) solid var(--km-line);padding-block:var(--km-space-block);color:var(--km-text-muted);font-size:var(--km-text-sm);display:flex;flex-wrap:wrap;gap:var(--km-space-group);justify-content:space-between}footer a{color:var(--km-text-muted);text-decoration:none}footer a:hover{color:var(--km-text)}}@layer motion{@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.layer{animation:layer-focus linear both;animation-timeline:view();animation-range:entry 8% exit 92%}@keyframes layer-focus{0%{opacity:.5}38%,62%{opacity:1}to{opacity:.5}}.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 60%}@keyframes rise{0%{opacity:0;transform:translateY(var(--km-space-group))}to{opacity:1;transform:none}}}}a,.portfolio a,.cta{transition:color var(--km-duration-fast) var(--km-ease-standard),border-color var(--km-duration-fast) var(--km-ease-standard)}}@layer layout{.veil{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 95% at 50% -8%,transparent 30%,color-mix(in srgb,var(--km-bg) 80%,transparent) 100%),radial-gradient(90% 70% at 50% 118%,color-mix(in srgb,#000 38%,transparent),transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--km-bg) 56%,transparent),color-mix(in srgb,var(--km-bg) 72%,transparent))}.nav,main,footer{position:relative;z-index:1}.act{min-height:86svh;display:grid;align-content:center;padding-block:var(--km-space-section)}.act-hero{min-height:100svh}.act-grid{display:grid;gap:var(--km-space-group);max-width:54ch}.act[data-tone=wise] .act-grid{margin-left:auto}}@layer components{.act :is(.display,.lead,.sub,.stage-body,.cta,.act-kicker,.eyebrow,.scroll-cue,h1,h2,h3,p,a){text-shadow:0 0 1px var(--km-bg),0 0 11px color-mix(in srgb,var(--km-bg) 88%,transparent),0 0 32px color-mix(in srgb,var(--km-bg) 58%,transparent)}.act-hero .display{letter-spacing:-.02em}.act-hero .narrative{text-shadow:0 0 1px var(--km-bg),0 0 11px color-mix(in srgb,var(--km-bg) 86%,transparent),0 0 34px color-mix(in srgb,var(--km-narrative) 30%,transparent)}.act-hero .wise{color:#8d7dff;color:oklch(.72 .16 280);text-shadow:0 0 1px var(--km-bg),0 0 11px color-mix(in srgb,var(--km-bg) 86%,transparent),0 0 30px color-mix(in srgb,var(--km-wise) 38%,transparent)}.act-hero .display{font-size:var(--km-text-4xl);max-width:14ch}.act-hero .sub{max-width:44ch}.scroll-cue{color:var(--km-text-muted);font-size:var(--km-text-sm);letter-spacing:var(--km-tracking-caps);text-transform:uppercase;margin-top:var(--km-space-block)}.act-kicker{color:var(--acc, var(--km-wise));letter-spacing:var(--km-tracking-caps);text-transform:uppercase;font-size:var(--km-text-sm)}.act[data-tone=narrative]{--acc: var(--km-narrative)}.act[data-tone=wise]{--acc: var(--km-wise)}.act-grid>.display{font-size:var(--km-text-2xl);line-height:1.02;max-width:18ch}.act-grid .lead{font-size:var(--km-text-md);color:var(--km-text);max-width:52ch}.act-transform .stages{display:grid;gap:var(--km-space-section);margin-top:var(--km-space-block)}.stage{display:grid;gap:var(--km-space-group);align-items:start}@media(min-width:64rem){.stage{grid-template-columns:9rem minmax(0,42ch)}.stage:nth-child(2n){margin-left:auto}}.stage-n{font-family:var(--km-font-display);font-size:var(--km-text-4xl);line-height:.8;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--km-wise) 70%,transparent)}.stage-body{display:grid;gap:var(--km-space-inline)}.stage-body h3{font-family:var(--km-font-display);font-size:var(--km-text-xl);line-height:1.02}.stage-body .lead{color:var(--km-text);max-width:44ch}.stage-body .sharp{font-family:var(--km-font-display);font-style:italic;color:var(--km-narrative);font-size:var(--km-text-md)}.act-contact{min-height:96svh}.act-contact .display{font-size:var(--km-text-2xl);max-width:20ch;line-height:1.02}.act-contact .cta{font-family:var(--km-font-mono);color:var(--km-wise);font-size:var(--km-text-lg);text-decoration:none;width:max-content}.act-contact .cta:hover{text-decoration:underline;text-underline-offset:.2em}}@layer components{.product-list{display:grid;gap:var(--km-space-block);margin-top:var(--km-space-group)}.product-list h2{font-family:var(--km-font-display);font-size:var(--km-text-xl);line-height:1}.product-list h2 a{text-decoration:none}.product-list h2 a:hover{color:var(--km-wise)}}@layer components{.legal{max-width:68ch}.legal h2{font-family:var(--km-font-mono);font-size:var(--km-text-sm);letter-spacing:var(--km-tracking-caps);text-transform:uppercase;color:var(--km-text-muted);margin-top:var(--km-space-group)}.legal p{font-size:var(--km-text-base);color:var(--km-text);line-height:1.6}.legal a{color:var(--km-wise)}}@layer components{.nav-links .lang{display:inline-flex;gap:var(--km-space-tight);margin-left:var(--km-space-inline);align-items:center}.nav-links .lang a{color:var(--km-text-muted);font-family:var(--km-font-mono);font-size:var(--km-text-sm)}.nav-links .lang a[aria-current=page]{color:var(--km-wise)}}@layer components{footer{flex-wrap:wrap;row-gap:var(--km-space-inline)}footer .wm-narra{font-family:var(--km-font-display);font-style:italic}footer .wm-wise{font-family:var(--km-font-mono);color:var(--km-wise)}.foot-links a{color:var(--km-text-muted)}.foot-links a:hover{color:var(--km-text)}.crafted{color:var(--km-text-muted);font-family:var(--km-font-mono);font-size:var(--km-text-sm)}.crafted a{color:var(--km-wise);text-decoration:none}}@layer components{:is(.nav-links>a,.foot-links a,.crafted a,.contact .cta,.act-contact .cta){position:relative}:is(.nav-links>a,.foot-links a,.crafted a,.contact .cta,.act-contact .cta):after{content:"";position:absolute;left:0;right:0;bottom:-.16em;height:1px;background:currentColor;opacity:.6;transform:scaleX(0);transform-origin:left;transition:transform var(--km-duration-base) var(--km-ease-entrance)}:is(.nav-links>a,.foot-links a,.crafted a,.contact .cta,.act-contact .cta):is(:hover,:focus-visible):after{transform:scaleX(1)}:is(.contact .cta,.act-contact .cta,.crafted a):hover{text-decoration:none}}