@font-face{font-family:Switzer;src:url(/fonts/switzer-300.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--bg: #09090b;--tile: #111114;--tile-2: #151519;--text: #ececef;--dim: #85858d;--faint: #4a4a52;--line: rgba(255, 255, 255, .065);--line-2: rgba(255, 255, 255, .11);--accent: #7c86ff;--sans: "Switzer", "Helvetica Neue", Arial, sans-serif;--ease: cubic-bezier(.16, 1, .3, 1);--r: 14px;--gap: 12px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 600px at 70% -10%,#15151c 0%,var(--bg) 60%) fixed,var(--bg)}#root{min-height:100svh;display:flex;align-items:center;justify-content:center}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0;font-weight:500}ul,ol{list-style:none;margin:0;padding:0}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.dim{color:var(--dim)}.grid{width:100%;max-width:1680px;padding:var(--gap);gap:var(--gap);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(clamp(186px,21.5vh,222px),auto) minmax(clamp(186px,21.5vh,222px),auto) auto;grid-template-areas:"id id id id id ml ml ml ml caps caps caps" "id id id id id ml ml ml ml caps caps caps" "path path path path path path work work work work mail mail"}.t-id{grid-area:id}.t-ml{grid-area:ml}.t-caps{grid-area:caps}.t-path{grid-area:path}.t-work{grid-area:work}.t-mail{grid-area:mail}.grid{--m: clamp(12px, 2.2vw, 32px);width:calc(100% - var(--m) * 2);margin:var(--m) 0;background:var(--line-2);padding:1px;gap:1px}.tile{position:relative;overflow:hidden;background:var(--bg);padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;isolation:isolate;animation:rise .9s var(--ease) both;transition:background-color .4s}.tile[data-tile]{cursor:pointer}.tile[data-tile]:hover{background-color:#0d0d10}.tile[data-tile]:hover .label{color:var(--text)}.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}.sr-only:focus-visible{position:absolute;z-index:3;top:10px;right:10px;width:auto;height:auto;margin:0;padding:6px 10px;clip:auto;overflow:visible;border-radius:8px;background:var(--text);color:var(--bg);font-size:12px}.t-ml{animation-delay:.07s}.t-caps{animation-delay:.11s}.t-path{animation-delay:.14s}.t-work{animation-delay:.2s}.t-mail{animation-delay:.26s}@keyframes rise{0%{opacity:0}}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.row.gap{justify-content:flex-start;gap:8px}.label{font-size:12.5px;color:var(--dim);letter-spacing:.01em;transition:color .3s}.btn{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 15px;border-radius:99px;font-size:13.5px;font-weight:500;border:1px solid var(--line-2);transition:background .3s,border-color .3s,transform .3s var(--ease)}.btn:hover{border-color:#ffffff47}.btn:active{transform:scale(.97)}.btn.primary{background:var(--text);color:var(--bg);border-color:transparent}.btn.primary:hover{background:#fff}kbd{font:inherit;font-size:11.5px;padding:2px 6px;border-radius:6px;background:#00000012;color:#5a5a62}.tags{display:flex;flex-wrap:wrap;gap:2px 16px;font-size:13px;color:#c4c4cb;line-height:1.5}.t-id{padding:26px}.mark{font-weight:600;font-size:15px;letter-spacing:-.02em}.portrait{width:180px;height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:16px;box-shadow:0 0 0 1px var(--line-2)}.t-id h1{font-size:clamp(40px,4.9vw,86px);font-weight:600;line-height:.92;letter-spacing:-.048em}.typed-line{display:block}.typed .ch{opacity:0;animation:type .01s linear forwards;animation-delay:calc(.35s + var(--d) * 55ms)}@keyframes type{to{opacity:1}}.caret{display:inline-block;width:.07em;height:.82em;margin-left:.06em;vertical-align:-.04em;background:var(--accent);opacity:0;animation:caret-on .01s forwards,blink .9s steps(1) 4,caret-off .3s forwards;animation-delay:calc(.35s + var(--d) * 55ms),calc(.35s + var(--d) * 55ms),calc(.35s + var(--d) * 55ms + 3.6s)}@keyframes caret-on{to{opacity:1}}@keyframes blink{50%{opacity:0}}@keyframes caret-off{to{opacity:0}}.intro{animation:rise .9s var(--ease) both;animation-delay:1.1s}.intro{margin-top:18px;max-width:31ch;font-size:clamp(15px,1.2vw,18px);font-weight:400;color:var(--dim);line-height:1.45}.disciplines{display:flex;gap:14px;font-size:12.5px;color:var(--dim)}.disciplines li+li:before{content:"·";margin-right:14px;color:var(--faint)}.t-ml{padding-bottom:18px}.plot{position:relative;flex:1;min-height:0;border-radius:0;overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;background-position:center}.model{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}.model-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.model-meta{font-size:12.5px;color:var(--dim);min-width:0}.model-meta b{color:var(--text);font-weight:500}.model-meta .pct{font-style:normal;color:var(--text);margin-left:10px;font-variant-numeric:tabular-nums}.privacy{font-size:11.5px;color:var(--faint);margin-top:-8px}.btn.small{height:32px;padding:0 12px;font-size:12.5px;gap:7px;flex:none}.btn:disabled{opacity:.5;cursor:default}.listening{--l: 0;--p: 0;position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:99px;font-size:12.5px;background:#111114d9;border:1px solid var(--line-2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap;overflow:hidden}.listening .ring{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 calc(var(--l) * 9px) #7c86ff40;transition:box-shadow .08s}.listening .progress{position:absolute;left:0;bottom:0;height:2px;width:100%}.listening .progress i{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(var(--p))}.caps{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;gap:10px;margin:0}.caps>div{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:baseline}.caps dt{font-size:12.5px;color:var(--dim);font-weight:400}.caps dd{margin:0;font-size:13.5px;color:var(--text);line-height:1.45}.journey{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;padding-top:4px}.journey:before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:var(--line-2)}.journey>li{display:flex;flex-direction:column;gap:5px;position:relative}.node{width:11px;height:11px;border-radius:50%;background:var(--tile);border:1px solid var(--dim);margin-bottom:10px;position:relative}.node i{position:absolute;inset:2px;border-radius:50%;background:var(--accent);transform:scale(0);animation:lit 7.5s infinite;animation-delay:calc(var(--i) * 1.2s)}@keyframes lit{0%,8%{transform:scale(0)}16%,80%{transform:scale(1)}92%,to{transform:scale(0)}}.journey h3{font-size:clamp(15px,1.25vw,19px);letter-spacing:-.02em}.journey p{font-size:12.5px;font-weight:400;color:var(--dim);line-height:1.4}.journey .tags{margin-top:auto;padding-top:10px;font-size:12px;color:var(--dim)}.pipe{width:100%;height:auto;overflow:visible}.pipe path{stroke:var(--line-2);stroke-width:1;fill:none}.pipe g circle{fill:var(--tile);stroke:var(--dim);stroke-width:1.2}.pipe text{fill:var(--dim);font-size:11px;font-family:var(--sans)}.pipe .packet{fill:var(--accent)}.t-mail h2{font-size:clamp(22px,1.9vw,30px);letter-spacing:-.03em;font-weight:600}.hire{font-size:13.5px;color:var(--dim);margin-top:6px;max-width:30ch;font-weight:400}.mail{display:flex;align-items:baseline;gap:8px;margin-top:12px;font-size:13.5px;text-align:left;flex-wrap:wrap}.mail .dim{font-size:11.5px;transition:color .3s}.mail:hover .dim{color:var(--text)}.t-mail .row a{font-size:12.5px;color:var(--dim);transition:color .3s}.t-mail .row a:hover{color:var(--text)}.details{display:none}html.has-cursor,html.has-cursor *{cursor:none!important}html.has-cursor .model{cursor:crosshair!important}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:100;pointer-events:none;border-radius:50%;opacity:0;transition:opacity .3s}.cursor-on .cursor-dot,.cursor-on .cursor-ring{opacity:1}.cursor-hidden .cursor-dot,.cursor-hidden .cursor-ring{opacity:0}.cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:#fff;mix-blend-mode:difference}.cursor-ring{width:34px;height:34px;margin:-17px 0 0 -17px;mix-blend-mode:difference}.cursor-ring:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.38);transition:transform .45s var(--ease),background .3s,border-color .3s}.cursor-hover .cursor-ring:after{transform:scale(1.55);background:#ffffff0f;border-color:#ffffff38}.cursor-down .cursor-ring:after{transform:scale(.82)}.overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:12px;background:#0404069e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fade .35s var(--ease)}.overlay.closing{animation:fadeout .38s forwards}@keyframes fade{0%{opacity:0}}@keyframes fadeout{to{opacity:0}}.panel{width:min(760px,100%);max-height:calc(100svh - 24px);overflow:auto;outline:none;background:var(--tile);border:1px solid var(--line-2);border-radius:var(--r);transform-origin:top left;box-shadow:0 40px 120px -30px #000000d9,inset 0 1px #ffffff0d}.panel header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 26px;background:var(--tile);border-bottom:1px solid var(--line);z-index:1}.panel h2{font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.03em}.panel-title{display:flex;align-items:center;gap:14px}.panel-title img{width:40px;height:40px;border-radius:10px;box-shadow:0 0 0 1px var(--line-2)}.panel-title p{font-size:12.5px;color:var(--dim);margin-top:2px;font-weight:400}.layers{margin:0;border-top:1px solid var(--line)}.layers>div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.layers dt{color:var(--text);font-weight:500;font-size:14px}.layers dd{margin:0;font-size:14px}.built{font-size:14px}.btn.brand{padding-left:8px;gap:9px}.btn.brand img{width:22px;height:22px;border-radius:6px}.x{font-size:12px;color:var(--dim);border:1px solid var(--line-2);border-radius:8px;padding:5px 9px}.x:hover{color:var(--text)}.panel-body{padding:24px 26px 30px;display:flex;flex-direction:column;gap:18px;color:var(--dim);font-weight:400;font-size:15px}.panel-body .lead{color:var(--text);font-size:clamp(18px,1.6vw,22px);line-height:1.38;font-weight:500;letter-spacing:-.015em}.panel-body h3{font-size:12.5px;color:var(--dim);font-weight:500;margin:8px 0 -6px}.chips{display:flex;flex-wrap:wrap;gap:4px 20px;color:var(--text);font-size:14px}.steps li{padding:15px 0;border-top:1px solid var(--line)}.steps h4{color:var(--text);font-size:15px;margin-bottom:3px}.link{color:var(--text);border-bottom:1px solid var(--line-2);transition:border-color .3s}.link:hover{border-color:var(--text)}.actions{display:flex;gap:10px;flex-wrap:wrap}.palette-wrap{place-items:start center;padding-top:14vh}.palette{width:min(540px,100%);background:#16161af0;border:1px solid var(--line-2);border-radius:16px;box-shadow:0 40px 120px -30px #000000e6;overflow:hidden;animation:pop .35s var(--ease)}@keyframes pop{0%{opacity:0;transform:scale(.97) translateY(-6px)}}.palette input{width:100%;height:54px;padding:0 20px;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text);font:inherit;font-size:15px;outline:none}.palette input::placeholder{color:var(--dim)}.palette ul{max-height:50vh;overflow:auto;padding:8px}.palette .group{font-size:11.5px;color:var(--dim);padding:10px 12px 4px}.palette button{width:100%;text-align:left;padding:10px 12px;border-radius:10px;font-size:14px}.palette button.on{background:#ffffff12}.palette .empty{padding:14px 12px;color:var(--dim)}@media(max-width:1100px){.grid{height:auto;max-height:none;min-height:0;grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"id id" "ml caps" "path path" "work mail"}.t-ml{min-height:380px}}@media(max-width:680px){#root{display:block}.grid{width:100%;margin:0;padding:0 0 24px;gap:0;background:none;grid-template-columns:1fr;grid-template-areas:"id" "ml" "caps" "path" "work" "mail"}.tile{background:none;padding:34px 22px;gap:18px;justify-content:flex-start;animation:none}.tile[data-tile]:hover{background:none}.label{font-size:13px}.t-id{padding:56px 22px 30px;gap:24px}.t-id h1{font-size:16vw}.intro{margin-top:14px;font-size:16px}.disciplines{display:none}.t-ml{min-height:0;height:360px;padding-top:30px}.model-meta .pct{display:block;margin:2px 0 0}.plot{background-size:20px 20px}.caps{gap:14px}.journey{grid-template-columns:1fr;gap:0;padding-top:0}.journey:before{inset:6px auto 6px 5px;width:1px;height:auto}.journey>li{display:grid;grid-template-columns:26px 1fr;column-gap:0;row-gap:3px;padding-bottom:18px}.journey>li>*{grid-column:2}.journey .node{grid-column:1;grid-row:1 / span 4;margin:3px 0 0}.journey .tags{padding-top:4px}.t-mail{gap:14px;padding-bottom:48px}.layers>div{grid-template-columns:64px 1fr;gap:12px}.tile:not(.t-id){opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.tile.in{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.tile{opacity:1!important;transform:none!important}}