@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.ProjectFigure-module___vVsKG__spin,.ProjectFigure-module___vVsKG__grow,.ProjectFigure-module___vVsKG__appear,.ProjectFigure-module___vVsKG__found,.ProjectFigure-module___vVsKG__repaint,.ProjectFigure-module___vVsKG__write,.ProjectFigure-module___vVsKG__pen{animation-timeline:var(--arrive,none);animation-timing-function:linear;animation-fill-mode:both}.ProjectFigure-module___vVsKG__spin{transform-box:view-box;transform-origin:200px 150px;animation-name:ProjectFigure-module___vVsKG__spin;animation-range:cover var(--from,45%) cover calc(var(--from,45%) + var(--window,30%) + 25%)}.ProjectFigure-module___vVsKG__write{stroke-dasharray:1;animation-name:ProjectFigure-module___vVsKG__write;animation-range:cover var(--from,45%) cover calc(var(--from,45%) + var(--window,30%) + 25%)}.ProjectFigure-module___vVsKG__pen{animation-name:ProjectFigure-module___vVsKG__travel;animation-range:cover var(--from,45%) cover calc(var(--from,45%) + var(--window,30%) + 25%)}.ProjectFigure-module___vVsKG__grow{transform-box:view-box;animation-name:ProjectFigure-module___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))}.ProjectFigure-module___vVsKG__found{animation-name:ProjectFigure-module___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))}.ProjectFigure-module___vVsKG__repaint{animation-name:ProjectFigure-module___vVsKG__repaint;animation-range:cover calc(var(--from,45%) + var(--window,30%) + 25%) cover calc(var(--from,45%) + var(--window,30%) + 55%)}.ProjectFigure-module___vVsKG__appear{animation-name:ProjectFigure-module___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 ProjectFigure-module___vVsKG__spin{0%{transform:rotate(-240deg)}}.ProjectFigure-module___vVsKG__figure .ProjectFigure-module___vVsKG__write{vector-effect:none}@keyframes ProjectFigure-module___vVsKG__write{0%{stroke-dashoffset:1px}}@keyframes ProjectFigure-module___vVsKG__travel{0%{offset-distance:0%}}@keyframes ProjectFigure-module___vVsKG__grow{0%{opacity:0;transform:scale(0)}}@keyframes ProjectFigure-module___vVsKG__repaint{0%,to{opacity:0}30%,70%{opacity:1}}@keyframes ProjectFigure-module___vVsKG__appear{0%{opacity:0}}
.DrumIndex-module__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}.DrumIndex-module__dwdiUG__label{color:var(--color-fg-default)}.DrumIndex-module__dwdiUG__label[data-status=archived]{color:var(--color-fg-muted)}.DrumIndex-module__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}.DrumIndex-module__dwdiUG__link:hover{text-decoration-color:currentColor}.DrumIndex-module__dwdiUG__link:focus-visible{outline-offset:4px;outline:2px solid}.DrumIndex-module__dwdiUG__rim{display:none}@media (min-width:1025px) and (prefers-reduced-motion:no-preference){.DrumIndex-module__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}.DrumIndex-module__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}.DrumIndex-module__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}.DrumIndex-module__dwdiUG__rim svg{width:100%;height:100%;display:block}}
.page-module__E0kJGG__page{max-width:1600px;margin:auto;padding:0 clamp(20px,5vw,80px)}.page-module__E0kJGG__hero{padding:clamp(40px,6vw,80px) 0 52px}.page-module__E0kJGG__eyebrow{font:12px var(--font-mono);color:var(--color-fg-muted);letter-spacing:.04em}.page-module__E0kJGG__heroRow{grid-template-columns:1.3fr 1fr;align-items:end;gap:60px;margin-top:32px;display:grid}.page-module__E0kJGG__hero h1{letter-spacing:-.065em;font-size:clamp(64px,9vw,138px);font-weight:500;line-height:.91}.page-module__E0kJGG__intro{max-width:440px;padding-bottom:6px}.page-module__E0kJGG__intro>p:first-child{letter-spacing:-.025em;font-size:clamp(21px,2vw,28px);line-height:1.35}.page-module__E0kJGG__intro>p:nth-child(2){color:var(--color-fg-muted);margin:20px 0 24px;line-height:1.65}.page-module__E0kJGG__textLink{text-underline-offset:5px;align-items:center;gap:20px;font-size:14px;font-weight:500;text-decoration:underline;display:inline-flex}.page-module__E0kJGG__page a:focus-visible{outline-offset:5px;outline:2px solid}.page-module__E0kJGG__work{scroll-margin-top:90px}.page-module__E0kJGG__sectionHead{border-top:1px solid var(--color-border-default);justify-content:space-between;align-items:baseline;gap:20px;padding-top:24px;display:flex}.page-module__E0kJGG__sectionHead h2{font-size:20px;font-weight:500}.page-module__E0kJGG__sectionHead>a{font-size:14px}.page-module__E0kJGG__quickIndex{color:var(--color-fg-muted);flex-wrap:wrap;gap:8px 24px;padding:20px 0 32px;font-size:13px;display:flex}.page-module__E0kJGG__quickIndex a:hover{color:var(--color-fg-default);text-underline-offset:4px;text-decoration:underline}.page-module__E0kJGG__grid{grid-template-columns:1fr 1fr;gap:52px 32px;display:grid}.page-module__E0kJGG__project{min-width:0;scroll-margin-top:90px}.page-module__E0kJGG__projectVisual{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);aspect-ratio:1.65;display:block;position:relative;overflow:hidden}.page-module__E0kJGG__figure{width:100%;height:100%;min-height:0;padding:30px}.page-module__E0kJGG__projectVisual img{object-fit:cover;width:100%;height:100%;display:block}.page-module__E0kJGG__projectCopy{padding:24px 0 0}.page-module__E0kJGG__projectMeta{font:11px var(--font-mono);color:var(--color-fg-muted);justify-content:space-between;gap:12px;display:flex}.page-module__E0kJGG__project h3{letter-spacing:-.04em;margin:16px 0 10px;font-size:clamp(28px,3vw,42px);font-weight:500}.page-module__E0kJGG__project h3 a{justify-content:space-between;align-items:center;display:flex}.page-module__E0kJGG__project h3 span{font-size:.65em;font-weight:400}.page-module__E0kJGG__projectCopy>p{color:var(--color-fg-muted);max-width:560px;line-height:1.65}.page-module__E0kJGG__projectCopy>.page-module__E0kJGG__textLink{margin-top:24px}.page-module__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}.page-module__E0kJGG__featured .page-module__E0kJGG__projectVisual{aspect-ratio:1.4;border:0}.page-module__E0kJGG__featured .page-module__E0kJGG__projectCopy{align-self:center;padding:clamp(24px,4vw,56px)}.page-module__E0kJGG__featured h3{font-size:clamp(38px,4.6vw,66px)}.page-module__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}.page-module__E0kJGG__approach .page-module__E0kJGG__eyebrow{grid-column:1/-1}.page-module__E0kJGG__approach h2{letter-spacing:-.045em;font-size:clamp(34px,4vw,60px);font-weight:500;line-height:1.1}.page-module__E0kJGG__approach div p{color:var(--color-fg-muted);max-width:510px;margin-bottom:24px;line-height:1.7}.page-module__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}.page-module__E0kJGG__closing a{text-underline-offset:5px;text-decoration:underline}@media (max-width:760px){.page-module__E0kJGG__hero{padding:36px 0}.page-module__E0kJGG__heroRow{grid-template-columns:1fr;gap:28px;margin-top:24px}.page-module__E0kJGG__hero h1{font-size:clamp(64px,17vw,100px)}.page-module__E0kJGG__intro>p:first-child{max-width:340px;font-size:22px}.page-module__E0kJGG__intro>p:nth-child(2){margin:14px 0 20px}.page-module__E0kJGG__grid{grid-template-columns:1fr;gap:40px}.page-module__E0kJGG__featured{grid-template-columns:1fr}.page-module__E0kJGG__featured .page-module__E0kJGG__projectVisual{aspect-ratio:1.4}.page-module__E0kJGG__featured .page-module__E0kJGG__projectCopy{padding:24px}.page-module__E0kJGG__projectMeta{font-size:10px}.page-module__E0kJGG__approach{grid-template-columns:1fr;gap:24px;margin-top:48px;padding:48px 0}.page-module__E0kJGG__closing{flex-direction:column}}.page-module__E0kJGG__hero h1 span{color:var(--color-accent)}.page-module__E0kJGG__eyebrow{align-items:center;gap:10px;display:flex}.page-module__E0kJGG__quickIndex a{border:1px solid var(--color-border-default);border-radius:100px;padding:7px 13px}.page-module__E0kJGG__quickIndex{gap:8px}.page-module__E0kJGG__project[data-project=handwrite]{--board:var(--board-handwrite);--ink:var(--ink-handwrite)}.page-module__E0kJGG__project[data-project=pmx]{--board:var(--board-pmx);--ink:var(--ink-pmx)}.page-module__E0kJGG__project[data-project=wirkraum]{--board:var(--board-wirkraum);--ink:var(--ink-wirkraum)}.page-module__E0kJGG__project[data-project=lubaui]{--board:var(--board-lubaui);--ink:var(--ink-lubaui)}.page-module__E0kJGG__project[data-project=vibeecho]{--board:var(--board-vibeecho);--ink:var(--ink-vibeecho)}.page-module__E0kJGG__project[data-project=animaltasksim]{--board:var(--board-animaltasksim);--ink:var(--ink-animaltasksim)}.page-module__E0kJGG__projectVisual{background:var(--board);color:var(--ink);border:none;border-radius:12px}.page-module__E0kJGG__figure{padding:16px}.page-module__E0kJGG__projectMeta>span:last-child{border:1px solid var(--color-border-default);border-radius:30px;padding:3px 8px}.page-module__E0kJGG__projectMeta{align-items:center}.page-module__E0kJGG__project h3 span{color:var(--color-accent);transition:transform .18s}.page-module__E0kJGG__project h3 a:hover span{transform:translate(3px,-3px)}.page-module__E0kJGG__featured{background:var(--board-handwrite);color:#182844;border:0;border-radius:12px;overflow:hidden}.page-module__E0kJGG__featured .page-module__E0kJGG__projectVisual{border-radius:0}.page-module__E0kJGG__featured .page-module__E0kJGG__projectCopy>p,.page-module__E0kJGG__featured .page-module__E0kJGG__projectMeta{color:#435773}.page-module__E0kJGG__featured .page-module__E0kJGG__projectMeta>span:last-child{border-color:#aabbd5}.page-module__E0kJGG__featured h3 span,.page-module__E0kJGG__featured .page-module__E0kJGG__textLink{color:var(--ink-handwrite)}.page-module__E0kJGG__approach{background:var(--color-bg-subtle);color:var(--color-fg-default);border:0;border-radius:12px;margin-bottom:64px;padding:56px}.page-module__E0kJGG__approach .page-module__E0kJGG__eyebrow,.page-module__E0kJGG__approach div p{color:var(--color-fg-muted)}@media (max-width:760px){.page-module__E0kJGG__approach{margin-bottom:40px;padding:28px}}@media (prefers-reduced-motion:reduce){.page-module__E0kJGG__project h3 span{transition:none}}
.page-module__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){.page-module__4ccqhG__page{--inset-l:var(--space-8);--inset-r:var(--space-8)}}@media (max-width:640px){.page-module__4ccqhG__page{--inset-l:var(--space-4);--inset-r:var(--space-4)}}.page-module__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}.page-module__4ccqhG__title{font-size:clamp(3rem,9vw,7.5rem);font-weight:var(--weight-medium);letter-spacing:-.035em;line-height:.95}.page-module__4ccqhG__lede{max-width:30rem;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-fg-muted)}.page-module__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){.page-module__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"}.page-module__4ccqhG__title{grid-area:title}.page-module__4ccqhG__lede{grid-area:lede;align-self:center}.page-module__4ccqhG__meta{grid-area:meta}}.page-module__4ccqhG__body{padding:0 var(--inset-r) 0 var(--inset-l);grid-template-columns:minmax(0,1fr);display:grid}.page-module__4ccqhG__index{padding:var(--space-8) 0 var(--space-4);position:relative}.page-module__4ccqhG__pointer{display:none}.page-module__4ccqhG__plates{margin:0;padding:0;list-style:none}.page-module__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}.page-module__4ccqhG__plate:last-child{border-bottom:1px solid var(--color-border-default)}.page-module__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}.page-module__4ccqhG__status{align-items:center;gap:var(--space-2);display:inline-flex}.page-module__4ccqhG__dot{border-radius:var(--radius-full);border:1px solid;width:6px;height:6px}.page-module__4ccqhG__status[data-status=live] .page-module__4ccqhG__dot{background:var(--status-live);border-color:var(--status-live)}.page-module__4ccqhG__plateTitle{font-size:clamp(2.25rem,6vw,5rem);font-weight:var(--weight-medium);letter-spacing:-.03em;line-height:1}.page-module__4ccqhG__plate[data-status=archived] .page-module__4ccqhG__plateTitle{color:var(--color-fg-muted)}.page-module__4ccqhG__plateLink,.page-module__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}.page-module__4ccqhG__plateLink:hover,.page-module__4ccqhG__open:hover{text-decoration-color:currentColor}.page-module__4ccqhG__plateLink:focus-visible,.page-module__4ccqhG__open:focus-visible{outline-offset:4px;outline:2px solid}.page-module__4ccqhG__plateLine{max-width:34rem;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-fg-muted)}.page-module__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}.page-module__4ccqhG__figure :where(path,circle,rect){vector-effect:non-scaling-stroke}.page-module__4ccqhG__story{gap:var(--space-4);max-width:40rem;font-size:var(--text-base);line-height:var(--leading-relaxed);display:grid}.page-module__4ccqhG__facts{gap:var(--space-3);margin:var(--space-4) 0 0;max-width:40rem;display:grid}.page-module__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}.page-module__4ccqhG__fact dt{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-muted);padding-top:.15em}.page-module__4ccqhG__fact dd{color:var(--color-fg-muted);margin:0}.page-module__4ccqhG__fact dd .page-module__4ccqhG__open{color:var(--color-fg-default);font-family:var(--font-mono)}.page-module__4ccqhG__arrow{transition:transform var(--ease-default);margin-left:.4em;display:inline-block}.page-module__4ccqhG__open:hover .page-module__4ccqhG__arrow{transform:translate(.35em)}@media (max-width:640px){.page-module__4ccqhG__plate{padding:var(--space-12) 0}.page-module__4ccqhG__fact{gap:var(--space-1);grid-template-columns:1fr}}@media (min-width:1025px){.page-module__4ccqhG__body{grid-template-columns:var(--index-w) minmax(0, 1fr);column-gap:var(--space-16);align-items:start}.page-module__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}.page-module__4ccqhG__plate{padding:var(--space-20) 0}.page-module__4ccqhG__plate:first-child{border-top:0}}@media (min-width:1025px) and (prefers-reduced-motion:no-preference){.page-module__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){.page-module__4ccqhG__index{padding-top:var(--space-20)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.page-module__4ccqhG__plate{view-timeline-name:--plate;--arrive:--plate}}}