@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){._vVsKG_spin,._vVsKG_grow,._vVsKG_appear,._vVsKG_found,._vVsKG_repaint,._vVsKG_write,._vVsKG_pen{animation-timeline:var(--arrive,none);animation-timing-function:linear;animation-fill-mode:both}._vVsKG_spin{transform-box:view-box;transform-origin:200px 150px;animation-name:_vVsKG_spin;animation-range:cover var(--from,45%) cover calc(var(--from,45%) + var(--window,30%) + 25%)}._vVsKG_write{stroke-dasharray:1;animation-name:_vVsKG_write;animation-range:cover var(--from,45%) cover calc(var(--from,45%) + var(--window,30%) + 25%)}._vVsKG_pen{animation-name:_vVsKG_travel;animation-range:cover var(--from,45%) cover calc(var(--from,45%) + var(--window,30%) + 25%)}._vVsKG_grow{transform-box:view-box;animation-name:_vVsKG_grow;animation-range:cover calc(var(--from,45%) + var(--i,0) * var(--step,5%) * var(--stagger,1)) cover calc(var(--from,45%) + var(--window,30%) + var(--i,0) * var(--step,5%) * var(--stagger,1))}._vVsKG_found{animation-name:_vVsKG_appear;animation-range:cover calc(var(--from,45%) + var(--i,0) * var(--step,5%) * var(--stagger,1)) cover calc(var(--from,45%) + 5% + var(--i,0) * var(--step,5%) * var(--stagger,1))}._vVsKG_repaint{animation-name:_vVsKG_repaint;animation-range:cover calc(var(--from,45%) + var(--window,30%) + 25%) cover calc(var(--from,45%) + var(--window,30%) + 55%)}._vVsKG_appear{animation-name:_vVsKG_appear;animation-range:cover calc(var(--from,45%) + var(--i,0) * var(--step,5%) * var(--stagger,1)) cover calc(var(--from,45%) + var(--window,30%) + var(--i,0) * var(--step,5%) * var(--stagger,1))}}}@keyframes _vVsKG_spin{0%{transform:rotate(-240deg)}}._vVsKG_figure ._vVsKG_write{vector-effect:none}@keyframes _vVsKG_write{0%{stroke-dashoffset:1px}}@keyframes _vVsKG_travel{0%{offset-distance:0%}}@keyframes _vVsKG_grow{0%{opacity:0;transform:scale(0)}}@keyframes _vVsKG_repaint{0%,to{opacity:0}30%,70%{opacity:1}}@keyframes _vVsKG_appear{0%{opacity:0}}
.dwdiUG_drum{--turn:0;gap:var(--space-2) var(--space-5);font-size:var(--text-base);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.dwdiUG_label{color:var(--color-fg-default)}.dwdiUG_label[data-status=archived]{color:var(--color-fg-muted)}.dwdiUG_link{border-radius:var(--radius-sm);text-underline-offset:.16em;transition:text-decoration-color var(--ease-default);text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1px;display:inline-block}.dwdiUG_link:hover{text-decoration-color:currentColor}.dwdiUG_link:focus-visible{outline-offset:4px;outline:2px solid}.dwdiUG_rim{display:none}@media (min-width:1025px) and (prefers-reduced-motion:no-preference){.dwdiUG_drum{--R:900px;--step:6.5deg;--cx:calc(var(--space-10) - var(--R));top:42%;left:var(--drum-x,0px);width:0;height:0;font-size:var(--text-xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);display:block;position:absolute}.dwdiUG_label{left:var(--cx);padding-left:var(--space-3);white-space:nowrap;transform-origin:0;transform:rotate(calc((var(--j) - var(--turn)) * var(--step))) translateX(var(--R)) translateY(-50%);opacity:calc(1 - min(.78, abs(var(--j) - var(--turn)) * .32));line-height:1;position:absolute;top:0}.dwdiUG_rim{left:calc(var(--cx) - var(--R));top:calc(-1 * var(--R));width:calc(var(--R) * 2);height:calc(var(--R) * 2);color:var(--color-fg-default);transform:rotate(calc(-1 * var(--turn) * var(--step)));pointer-events:none;display:block;position:absolute}.dwdiUG_rim svg{width:100%;height:100%;display:block}}
.E0kJGG_page{max-width:1600px;margin:auto;padding:0 clamp(20px,5vw,80px)}.E0kJGG_hero{padding:clamp(40px,6vw,80px) 0 52px}.E0kJGG_eyebrow{font:12px var(--font-mono);color:var(--color-fg-muted);letter-spacing:.04em}.E0kJGG_heroRow{grid-template-columns:1.3fr 1fr;align-items:end;gap:60px;margin-top:32px;display:grid}.E0kJGG_hero h1{letter-spacing:-.065em;font-size:clamp(64px,9vw,138px);font-weight:500;line-height:.91}.E0kJGG_intro{max-width:440px;padding-bottom:6px}.E0kJGG_intro>p:first-child{letter-spacing:-.025em;font-size:clamp(21px,2vw,28px);line-height:1.35}.E0kJGG_intro>p:nth-child(2){color:var(--color-fg-muted);margin:20px 0 24px;line-height:1.65}.E0kJGG_textLink{text-underline-offset:5px;align-items:center;gap:20px;font-size:14px;font-weight:500;text-decoration:underline;display:inline-flex}.E0kJGG_page a:focus-visible{outline-offset:5px;outline:2px solid}.E0kJGG_work{scroll-margin-top:90px}.E0kJGG_sectionHead{border-top:1px solid var(--color-border-default);justify-content:space-between;align-items:baseline;gap:20px;padding-top:24px;display:flex}.E0kJGG_sectionHead h2{font-size:20px;font-weight:500}.E0kJGG_sectionHead>a{font-size:14px}.E0kJGG_quickIndex{color:var(--color-fg-muted);flex-wrap:wrap;gap:8px 24px;padding:20px 0 32px;font-size:13px;display:flex}.E0kJGG_quickIndex a:hover{color:var(--color-fg-default);text-underline-offset:4px;text-decoration:underline}.E0kJGG_grid{grid-template-columns:1fr 1fr;gap:52px 32px;display:grid}.E0kJGG_project{min-width:0;scroll-margin-top:90px}.E0kJGG_projectVisual{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);aspect-ratio:1.65;display:block;position:relative;overflow:hidden}.E0kJGG_figure{width:100%;height:100%;min-height:0;padding:30px}.E0kJGG_projectVisual img{object-fit:cover;width:100%;height:100%;display:block}.E0kJGG_projectCopy{padding:24px 0 0}.E0kJGG_projectMeta{font:11px var(--font-mono);color:var(--color-fg-muted);justify-content:space-between;gap:12px;display:flex}.E0kJGG_project h3{letter-spacing:-.04em;margin:16px 0 10px;font-size:clamp(28px,3vw,42px);font-weight:500}.E0kJGG_project h3 a{justify-content:space-between;align-items:center;display:flex}.E0kJGG_project h3 span{font-size:.65em;font-weight:400}.E0kJGG_projectCopy>p{color:var(--color-fg-muted);max-width:560px;line-height:1.65}.E0kJGG_projectCopy>.E0kJGG_textLink{margin-top:24px}.E0kJGG_featured{background:var(--color-bg-subtle);border:1px solid var(--color-border-default);grid-column:1/-1;grid-template-columns:1.4fr 1fr;display:grid}.E0kJGG_featured .E0kJGG_projectVisual{aspect-ratio:1.4;border:0}.E0kJGG_featured .E0kJGG_projectCopy{align-self:center;padding:clamp(24px,4vw,56px)}.E0kJGG_featured h3{font-size:clamp(38px,4.6vw,66px)}.E0kJGG_approach{border-top:1px solid var(--color-border-default);grid-template-columns:1fr 1fr;gap:32px 64px;margin-top:70px;padding:90px 0;display:grid}.E0kJGG_approach .E0kJGG_eyebrow{grid-column:1/-1}.E0kJGG_approach h2{letter-spacing:-.045em;font-size:clamp(34px,4vw,60px);font-weight:500;line-height:1.1}.E0kJGG_approach div p{color:var(--color-fg-muted);max-width:510px;margin-bottom:24px;line-height:1.7}.E0kJGG_closing{border-top:1px solid var(--color-border-default);justify-content:space-between;gap:24px;padding:32px 0 60px;font-size:18px;display:flex}.E0kJGG_closing a{text-underline-offset:5px;text-decoration:underline}@media (max-width:760px){.E0kJGG_hero{padding:24px 0}.E0kJGG_heroRow{grid-template-columns:1fr;gap:20px;margin-top:20px}.E0kJGG_hero h1{font-size:clamp(64px,17vw,100px)}.E0kJGG_intro>p:first-child{max-width:340px;font-size:22px}.E0kJGG_intro>p:nth-child(2){margin:14px 0 20px}.E0kJGG_grid{grid-template-columns:1fr;gap:40px}.E0kJGG_featured{grid-template-columns:1fr}.E0kJGG_featured .E0kJGG_projectVisual{aspect-ratio:1.4}.E0kJGG_featured .E0kJGG_projectCopy{padding:24px}.E0kJGG_projectMeta{font-size:10px}.E0kJGG_approach{grid-template-columns:1fr;gap:24px;margin-top:48px;padding:48px 0}.E0kJGG_closing{flex-direction:column}}.E0kJGG_hero h1 span{color:var(--color-accent)}.E0kJGG_eyebrow{align-items:center;gap:10px;display:flex}.E0kJGG_quickIndex a{border:1px solid var(--color-border-default);border-radius:100px;padding:7px 13px}.E0kJGG_quickIndex{gap:8px}.E0kJGG_project[data-project=handwrite]{--board:var(--board-handwrite);--ink:var(--ink-handwrite)}.E0kJGG_project[data-project=pmx]{--board:var(--board-pmx);--ink:var(--ink-pmx)}.E0kJGG_project[data-project=wirkraum]{--board:var(--board-wirkraum);--ink:var(--ink-wirkraum)}.E0kJGG_project[data-project=lubaui]{--board:var(--board-lubaui);--ink:var(--ink-lubaui)}.E0kJGG_project[data-project=vibeecho]{--board:var(--board-vibeecho);--ink:var(--ink-vibeecho)}.E0kJGG_project[data-project=animaltasksim]{--board:var(--board-animaltasksim);--ink:var(--ink-animaltasksim)}.E0kJGG_projectVisual{background:var(--board);color:var(--ink);border:none;border-radius:12px}.E0kJGG_figure{padding:16px}.E0kJGG_projectMeta>span:last-child{border:1px solid var(--color-border-default);border-radius:30px;padding:3px 8px}.E0kJGG_projectMeta{align-items:center}.E0kJGG_project h3 span{color:var(--color-accent);transition:transform .18s}.E0kJGG_project h3 a:hover span{transform:translate(3px,-3px)}.E0kJGG_featured{background:var(--board-handwrite);color:#182844;border:0;border-radius:12px;overflow:hidden}.E0kJGG_featured .E0kJGG_projectVisual{border-radius:0}.E0kJGG_featured .E0kJGG_projectCopy>p,.E0kJGG_featured .E0kJGG_projectMeta{color:#435773}.E0kJGG_featured .E0kJGG_projectMeta>span:last-child{border-color:#aabbd5}.E0kJGG_featured h3 span,.E0kJGG_featured .E0kJGG_textLink{color:var(--ink-handwrite)}.E0kJGG_approach{background:var(--color-bg-subtle);color:var(--color-fg-default);border:0;border-radius:12px;margin-bottom:64px;padding:56px}.E0kJGG_approach .E0kJGG_eyebrow,.E0kJGG_approach div p{color:var(--color-fg-muted)}@media (max-width:760px){.E0kJGG_approach{margin-bottom:40px;padding:28px}}@media (prefers-reduced-motion:reduce){.E0kJGG_project h3 span{transition:none}}@media (max-width:760px){.E0kJGG_quickIndex{padding-bottom:24px}.E0kJGG_sectionHead{padding-top:20px}}.E0kJGG_featured .E0kJGG_projectVisual img{object-position:center 62%}
._4ccqhG_page{--nav-h:64px;--inset-l:var(--space-12);--inset-r:var(--space-12);--index-w:20rem;--drum-x:var(--inset-l);--status-live:var(--color-emerald);background:var(--color-bg-default);color:var(--color-fg-default);padding-bottom:var(--space-24);position:relative;overflow-x:clip}@media (max-width:1024px){._4ccqhG_page{--inset-l:var(--space-8);--inset-r:var(--space-8)}}@media (max-width:640px){._4ccqhG_page{--inset-l:var(--space-4);--inset-r:var(--space-4)}}._4ccqhG_head{padding:var(--space-20) var(--inset-r) var(--space-16) var(--inset-l);gap:var(--space-5);border-bottom:1px solid var(--color-border-default);grid-template-columns:minmax(0,1fr);display:grid}._4ccqhG_title{font-size:clamp(3rem,9vw,7.5rem);font-weight:var(--weight-medium);letter-spacing:-.035em;line-height:.95}._4ccqhG_lede{max-width:30rem;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-fg-muted)}._4ccqhG_meta{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-fg-muted)}@media (min-width:768px){._4ccqhG_head{align-items:end;column-gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,30rem);grid-template-areas:"title lede""meta lede"}._4ccqhG_title{grid-area:title}._4ccqhG_lede{grid-area:lede;align-self:center}._4ccqhG_meta{grid-area:meta}}._4ccqhG_body{padding:0 var(--inset-r) 0 var(--inset-l);grid-template-columns:minmax(0,1fr);display:grid}._4ccqhG_index{padding:var(--space-8) 0 var(--space-4);position:relative}._4ccqhG_pointer{display:none}._4ccqhG_plates{margin:0;padding:0;list-style:none}._4ccqhG_plate{gap:var(--space-6);padding:var(--space-16) 0;border-top:1px solid var(--color-border-default);scroll-margin-top:calc(var(--nav-h) + 30vh);grid-template-columns:minmax(0,1fr);display:grid;position:relative}._4ccqhG_plate:last-child{border-bottom:1px solid var(--color-border-default)}._4ccqhG_plateMeta{gap:var(--space-5);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-fg-muted);flex-wrap:wrap;display:flex}._4ccqhG_status{align-items:center;gap:var(--space-2);display:inline-flex}._4ccqhG_dot{border-radius:var(--radius-full);border:1px solid;width:6px;height:6px}._4ccqhG_status[data-status=live] ._4ccqhG_dot{background:var(--status-live);border-color:var(--status-live)}._4ccqhG_plateTitle{font-size:clamp(2.25rem,6vw,5rem);font-weight:var(--weight-medium);letter-spacing:-.03em;line-height:1}._4ccqhG_plate[data-status=archived] ._4ccqhG_plateTitle{color:var(--color-fg-muted)}._4ccqhG_plateLink,._4ccqhG_open{color:inherit;border-radius:var(--radius-sm);text-underline-offset:.12em;transition:text-decoration-color var(--ease-default);text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1px}._4ccqhG_plateLink:hover,._4ccqhG_open:hover{text-decoration-color:currentColor}._4ccqhG_plateLink:focus-visible,._4ccqhG_open:focus-visible{outline-offset:4px;outline:2px solid}._4ccqhG_plateLine{max-width:34rem;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-fg-muted)}._4ccqhG_figure{--from:12%;--window:20%;--stagger:.45;aspect-ratio:4/3;width:min(100%,44rem);height:auto;margin:var(--space-4) 0;color:var(--color-fg-default);overflow:visible}._4ccqhG_figure :where(path,circle,rect){vector-effect:non-scaling-stroke}._4ccqhG_story{gap:var(--space-4);max-width:40rem;font-size:var(--text-base);line-height:var(--leading-relaxed);display:grid}._4ccqhG_facts{gap:var(--space-3);margin:var(--space-4) 0 0;max-width:40rem;display:grid}._4ccqhG_fact{gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-default);font-size:var(--text-sm);line-height:var(--leading-normal);grid-template-columns:6rem 1fr;display:grid}._4ccqhG_fact dt{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-muted);padding-top:.15em}._4ccqhG_fact dd{color:var(--color-fg-muted);margin:0}._4ccqhG_fact dd ._4ccqhG_open{color:var(--color-fg-default);font-family:var(--font-mono)}._4ccqhG_arrow{transition:transform var(--ease-default);margin-left:.4em;display:inline-block}._4ccqhG_open:hover ._4ccqhG_arrow{transform:translate(.35em)}@media (max-width:640px){._4ccqhG_plate{padding:var(--space-12) 0}._4ccqhG_fact{gap:var(--space-1);grid-template-columns:1fr}}@media (min-width:1025px){._4ccqhG_body{grid-template-columns:var(--index-w) minmax(0, 1fr);column-gap:var(--space-16);align-items:start}._4ccqhG_index{top:var(--nav-h);height:calc(100svh - var(--nav-h));padding:0 0 0 var(--inset-l);margin-left:calc(-1 * var(--inset-l));position:sticky;overflow:hidden}._4ccqhG_plate{padding:var(--space-20) 0}._4ccqhG_plate:first-child{border-top:0}}@media (min-width:1025px) and (prefers-reduced-motion:no-preference){._4ccqhG_pointer{top:42%;left:var(--inset-l);width:var(--space-6);background:var(--color-fg-default);z-index:1;height:1px;display:block;position:absolute}}@media (min-width:1025px) and (prefers-reduced-motion:reduce){._4ccqhG_index{padding-top:var(--space-20)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){._4ccqhG_plate{view-timeline-name:--plate;--arrive:--plate}}}._4ccqhG_technology{color:var(--color-fg-muted);margin-top:24px;font-size:13px;line-height:1.7}._4ccqhG_technology summary{cursor:pointer;width:fit-content}._4ccqhG_technology p{margin-top:12px}._4ccqhG_technology summary:focus-visible{outline-offset:4px;outline:2px solid}