:root{color-scheme:dark;--kc-bg:#111416;--kc-surface:#1a1f23;--kc-border:#333b40;--kc-accent:#d9b66f;--kc-accent-hover:#e6c98e;--kc-on-accent:#111416;--kc-text:#eeeae2;--kc-muted:#aab2b9;--kc-font:Inter,"Segoe UI Variable","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--kc-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--kc-radius:12px;--kc-radius-sm:6px;--kc-space:8px;--kc-content-width:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--kc-bg);color:var(--kc-text);font:16px/1.65 var(--kc-font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--kc-accent);outline-offset:5px}img,svg{display:block;max-width:100%}p{margin:0 0 1em;color:var(--kc-muted)}h1,h2,h3{margin:0;line-height:1.12;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(40px,5.2vw,66px);font-weight:650}h2{font-size:clamp(30px,3vw,40px);font-weight:600}h3{font-size:28px;font-weight:650}strong{font-weight:650}.shell{width:min(100% - 80px,var(--kc-content-width));margin-inline:auto}.skip{position:absolute;top:-100px;left:16px;background:var(--kc-accent);color:var(--kc-on-accent);padding:12px 20px;z-index:20}.skip:focus{top:12px}.eyebrow{font:600 10px/1.7 var(--kc-mono);letter-spacing:.13em;color:var(--kc-accent)}.small{font-size:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 20px;min-height:48px;border:1px solid var(--kc-accent);border-radius:var(--kc-radius-sm);background:var(--kc-accent);color:var(--kc-on-accent);font-size:14px;font-weight:650;line-height:1.5}.button:hover{background:var(--kc-accent-hover);border-color:var(--kc-accent-hover);text-decoration:none}.button-outline{background:transparent;color:var(--kc-accent)}.button-outline:hover{color:var(--kc-on-accent)}.text-link,.quiet-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:600}.text-link{color:var(--kc-accent)}::selection{background:var(--kc-accent);color:var(--kc-on-accent)}
@media(max-width:760px){.shell{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(forced-colors:active){.button,.project-symbol{border:1px solid ButtonText}.project-symbol svg{stroke:CanvasText}}