:root{--accent: #00FF85;--bg: #0B0B0B;--bg-2: #141414;--fg: #EFEFEF;--fg-2: #B5B5B5;--fg-3: #6E6E6E;--rule: #2A2A2A;--grain-opacity: .1;--type-scale: 1;--density: 1;--font-sans: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--grain-url: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.6' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--max: 1440px;--pad-x: clamp(20px, 4vw, 56px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:13px;line-height:1.6;letter-spacing:0;position:relative;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}::selection{background:var(--accent);color:var(--bg)}.sans{font-family:var(--font-sans)}.mono{font-family:var(--font-mono)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background-image:var(--grain-url);opacity:var(--grain-opacity);mix-blend-mode:screen}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,#fff0 0 2px,#ffffff06 2px 3px)}@media(hover:hover)and (pointer:fine){body,a,button,.magnetic{cursor:none}}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%);mix-blend-mode:difference;will-change:transform,width,height}.cursor-dot{width:6px;height:6px;background:#fff;transition:width .2s,height .2s}.cursor-ring{width:32px;height:32px;border:1px solid #fff;transition:width .25s ease,height .25s ease,border-color .2s}.cursor-ring.hovered{width:56px;height:56px;border-color:var(--accent)}.cursor-dot.hovered{width:4px;height:4px}@media(hover:none),(pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.kin-header{display:grid;grid-template-columns:1fr auto auto;align-items:center;padding:16px var(--pad-x);border-bottom:1px solid var(--rule);font-size:12px;color:var(--fg-2);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:50}.kin-header .brand{display:flex;align-items:center;gap:12px;color:var(--fg)}.kin-header .brand .sigil{width:18px;height:18px;border:1px solid var(--accent);display:grid;place-items:center;color:var(--accent);font-size:10px;font-weight:600}.kin-header .brand .ver{color:var(--fg-3)}.kin-header nav{display:flex;gap:22px}.kin-header nav a{color:var(--fg-2);position:relative;padding:4px 0;transition:color .15s}.kin-header nav a:before{content:"[";opacity:0;margin-right:4px;transition:opacity .2s;color:var(--accent)}.kin-header nav a:after{content:"]";opacity:0;margin-left:4px;transition:opacity .2s;color:var(--accent)}.kin-header nav a:hover{color:var(--fg)}.kin-header nav a:hover:before,.kin-header nav a:hover:after{opacity:1}.kin-header .clock{color:var(--accent);padding-left:22px;min-width:9ch;text-align:right}@media(max-width:720px){.kin-header{grid-template-columns:1fr auto}.kin-header nav{display:none}}.kin-hero{padding:clamp(48px,7vw,96px) var(--pad-x) clamp(40px,5vw,64px);position:relative;border-bottom:1px solid var(--rule);max-width:var(--max);margin:0 auto}.kin-hero .ascii-rule{color:var(--fg-3);white-space:nowrap;overflow:hidden;font-size:11px;margin-bottom:28px;user-select:none}.kin-hero .breadcrumbs{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--fg-3);margin-bottom:24px}.kin-hero .breadcrumbs b{color:var(--accent);font-weight:500}.kin-display{font-family:var(--font-sans);font-size:clamp(64px,11vw,144px);line-height:.92;letter-spacing:-.045em;font-weight:600;color:var(--fg);margin:0;position:relative;text-wrap:balance}.kin-display .word{display:inline-block;transition:color .35s ease}.kin-display .word:hover{color:var(--accent)}.kin-display .glitch{color:var(--accent);font-style:italic;font-weight:400}.kin-display .cursor{display:inline-block;width:.55em;height:.85em;background:var(--accent);margin-left:.05em;vertical-align:-.1em;animation:kblink 1s steps(2) infinite}@keyframes kblink{50%{opacity:0}}.kin-hero .lede{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,48px);margin-top:clamp(40px,6vw,64px);padding-top:32px;border-top:1px solid var(--rule)}.kin-hero .lede .copy{display:flex;flex-direction:column;gap:14px;font-family:var(--font-sans);font-size:clamp(15px,1.4vw,18px);line-height:1.55;color:var(--fg-2);letter-spacing:-.01em;max-width:60ch}.kin-hero .lede .copy p{margin:0}.kin-hero .lede .copy em{color:var(--accent);font-style:normal}.kin-hero .system{font-size:11px;color:var(--fg-3);display:flex;flex-direction:column;gap:6px}.kin-hero .system .row{display:flex;justify-content:space-between;gap:12px}.kin-hero .system .row b{color:var(--fg);font-weight:500}.kin-hero .system .row .ok{color:var(--accent)}.kin-hero .system .row .ok:before{content:"● "}@media(max-width:720px){.kin-hero .lede{grid-template-columns:1fr}}.kin-ticker{border-bottom:1px solid var(--rule);overflow:hidden;white-space:nowrap;padding:12px 0;font-size:12px;color:var(--fg-2)}.kin-ticker .track{display:inline-flex;gap:36px;animation:kmarq 60s linear infinite;padding-left:36px}.kin-ticker .track b{color:var(--accent);font-weight:500;margin-right:8px}@keyframes kmarq{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.kin-ticker .track,.stack-marquee .track{animation:none}}.stack-marquee{border-bottom:1px solid var(--rule);overflow:hidden;white-space:nowrap;padding:14px 0;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--accent);background:var(--bg-2);letter-spacing:.04em}.stack-marquee .track{display:inline-flex;gap:0;animation:kmarq 90s linear infinite}.stack-marquee .track span{padding:0 22px}.stack-marquee .track .sep{color:var(--fg-3)}.kin-section{padding:calc(72px * var(--density)) var(--pad-x);border-bottom:1px solid var(--rule);max-width:var(--max);margin:0 auto}.kin-section .head{display:flex;gap:22px;align-items:baseline;flex-wrap:wrap;margin-bottom:36px;font-size:11px;color:var(--fg-3)}.kin-section .head .num{color:var(--accent);font-weight:500}.kin-section .head .title{font-family:var(--font-sans);font-size:clamp(28px,3.5vw,40px);letter-spacing:-.03em;font-weight:500;color:var(--fg);margin:0}.kin-section .head .right{margin-left:auto}.kin-about .body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);font-family:var(--font-sans);font-size:clamp(15px,1.3vw,17px);line-height:1.65;color:var(--fg-2);letter-spacing:-.01em}.kin-about .body p{margin:0 0 14px;max-width:60ch}.kin-about .body p:last-child{margin-bottom:0}@media(max-width:720px){.kin-about .body{grid-template-columns:1fr}}.kin-work .row{display:grid;grid-template-columns:60px 1.2fr 1fr 130px;gap:24px;align-items:center;padding:18px 0;border-top:1px dashed var(--rule);cursor:pointer;transition:background .25s,padding .25s;position:relative}.kin-work .row:last-child{border-bottom:1px dashed var(--rule)}.kin-work .row:hover{background:var(--bg-2);padding-left:16px;padding-right:16px}.kin-work .row:hover .role{color:var(--accent)}.kin-work .row:hover .pointer{opacity:1;transform:translateY(-50%) translate(0)}.kin-work .pointer{position:absolute;left:-6px;top:50%;transform:translateY(-50%) translate(-12px);color:var(--accent);opacity:0;transition:opacity .25s ease,transform .25s ease}.kin-work .num{color:var(--fg-3);font-size:11px}.kin-work .role{font-family:var(--font-sans);font-size:clamp(18px,2vw,22px);letter-spacing:-.02em;font-weight:500;color:var(--fg);transition:color .25s}.kin-work .meta{color:var(--fg-2);font-size:12px}.kin-work .period{color:var(--fg-3);font-size:11px;text-align:right}.kin-work .blurb{grid-column:2 / -1;color:var(--fg-2);font-family:var(--font-sans);font-size:14px;margin-top:6px;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .35s ease,margin .3s ease}.kin-work .row:hover .blurb{max-height:120px;opacity:1;margin-top:10px}@media(max-width:720px){.kin-work .row{grid-template-columns:1fr;gap:6px;padding:16px 0}.kin-work .row:hover{padding-left:0;padding-right:0}.kin-work .num{display:none}.kin-work .period{text-align:left}.kin-work .blurb{grid-column:1;max-height:none;opacity:1;margin-top:8px}}.kin-projects .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.kin-projects .card{background:var(--bg-2);border:1px solid var(--rule);padding:24px;cursor:pointer;position:relative;transition:transform .3s ease,border-color .3s ease,background .3s ease;overflow:hidden;min-height:240px;display:flex;flex-direction:column}.kin-projects .card:hover{border-color:var(--accent);transform:translateY(-4px)}.kin-projects .card:before{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at var(--mx, 50%) var(--my, 50%),color-mix(in oklch,var(--accent) 12%,transparent),transparent 40%);opacity:0;transition:opacity .35s ease;pointer-events:none}.kin-projects .card:hover:before{opacity:1}.kin-projects .top{display:flex;justify-content:space-between;font-size:11px;color:var(--fg-3);position:relative;z-index:1}.kin-projects .top .id{color:var(--accent)}.kin-projects .name{font-family:var(--font-sans);font-size:clamp(22px,2.4vw,28px);letter-spacing:-.03em;font-weight:500;margin-top:36px;color:var(--fg);position:relative;z-index:1}.kin-projects .blurb{font-family:var(--font-sans);font-size:14px;color:var(--fg-2);margin-top:10px;flex:1;line-height:1.55;position:relative;z-index:1;max-width:50ch}.kin-projects .foot{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:11px;color:var(--fg-3);position:relative;z-index:1}.kin-projects .foot .stat{color:var(--accent)}@media(max-width:720px){.kin-projects .grid{grid-template-columns:1fr}}.kin-writing .list{display:flex;flex-direction:column}.kin-writing .row{display:grid;grid-template-columns:100px 1fr 80px 110px;gap:24px;align-items:center;padding:14px 0;border-top:1px dashed var(--rule);cursor:pointer;transition:padding .25s}.kin-writing .row:last-child{border-bottom:1px dashed var(--rule)}.kin-writing .row:hover{padding-left:16px}.kin-writing .row:hover .title{color:var(--accent)}.kin-writing .date{color:var(--fg-3);font-size:11px}.kin-writing .title{font-family:var(--font-sans);font-size:16px;color:var(--fg);transition:color .25s;letter-spacing:-.01em}.kin-writing .read{color:var(--fg-3);font-size:11px}.kin-writing .tag{color:var(--accent);font-size:11px;text-align:right}.kin-writing .empty{border-top:1px dashed var(--rule);border-bottom:1px dashed var(--rule);padding:28px 0;color:var(--fg-3);font-size:12px;text-align:center}@media(max-width:720px){.kin-writing .row{grid-template-columns:1fr;gap:4px;padding:12px 0}.kin-writing .tag{text-align:left}}.kin-footer{padding:clamp(72px,10vw,128px) var(--pad-x) 28px;position:relative;max-width:var(--max);margin:0 auto}.kin-footer .big{font-family:var(--font-sans);font-size:clamp(32px,8vw,128px);line-height:.95;letter-spacing:-.045em;font-weight:500;color:var(--fg);margin:0 0 48px;text-wrap:balance;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}.kin-footer .big .accent{color:var(--accent);font-style:italic}.kin-footer .big a{color:var(--accent);border-bottom:4px solid var(--accent);transition:opacity .2s;overflow-wrap:anywhere;word-break:break-word}.kin-footer .big a:hover{opacity:.78}.kin-footer .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid var(--rule);padding-top:28px}.kin-footer .grid a{color:var(--fg-2);display:flex;flex-direction:column;gap:6px;font-size:11px;transition:color .2s}.kin-footer .grid a:hover{color:var(--accent)}.kin-footer .grid a b{color:var(--fg);font-weight:500;font-size:14px;font-family:var(--font-sans);letter-spacing:-.01em}.kin-footer .colophon{margin-top:64px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--fg-3);padding-top:18px;border-top:1px solid var(--rule)}@media(max-width:720px){.kin-footer .grid{grid-template-columns:repeat(2,1fr)}}