.index{position:fixed;inset:0;display:grid;grid-template-columns:var(--index-cols);--draw-d: .1s}.index .col{position:relative;overflow-y:auto;overflow-x:hidden;height:100%;padding:calc(var(--space-page-top) - 2px) var(--col-pad) 48px;scrollbar-width:none;-ms-overflow-style:none}.index .col::-webkit-scrollbar{display:none;width:0;height:0}.index .col-left{padding-left:var(--gutter)}.index .col-cv{padding-right:var(--gutter)}.index:has(>.now){grid-template-rows:auto minmax(0,1fr)}.index:has(>.now)>.col{grid-row:2;height:auto;min-height:0;padding-top:var(--s-6)}.index>.now{grid-column:1 / -1;grid-row:1;position:relative;z-index:1;padding-top:calc(var(--space-page-top) - 2px);display:flex;flex-direction:column;row-gap:var(--s-2);margin-top:calc(-1 * var(--now-shift, 0px));opacity:var(--now-o, 1)}.index .now-group{display:grid;grid-template-columns:var(--index-cols)}.index .now-label,.index .now-list li{padding:4px 0;line-height:max(1.1,calc(var(--lh-ratio) - .23))}.index .now-label{grid-column:1;align-self:start;padding-left:var(--gutter);color:var(--ink)}.index .now-list{grid-column:2 / -1;margin:0;padding:0 var(--gutter) 0 var(--col-pad);list-style:none}.index .now-list li{padding-left:12px;text-indent:-12px}.index .now-list a{color:var(--ink);text-decoration:none}.index .now-list a:hover{color:var(--ink-2)}.index .now-detail{display:block;text-indent:0;margin-top:2px;color:var(--ink-2);font-size:var(--fs-small);line-height:var(--lh-small)}.index .now-detail,.pi-now-detail{display:grid;column-gap:var(--s-2);row-gap:2px}.index .now-detail{grid-template-columns:max-content max-content minmax(0,1fr)}.pi-now-detail{grid-template-columns:max-content minmax(0,1fr)}.now-kind{display:contents}.now-kindlabel{grid-column:1}.now-when{white-space:nowrap}.index .now-items,.index .now-item{display:contents}.index .now-when{grid-column:2}.index .now-venue{grid-column:3}.pi-now-detail .now-items{grid-column:2}.pi-now-detail .now-item{display:block}.pi-now-detail .now-item+.now-item{margin-top:4px}.pi-now-detail .now-when{display:block}.index .col-meta{display:flex;flex-direction:column}.index .col-meta .meta-top{flex:0 0 auto;min-height:calc(50% + (48px - (var(--space-page-top) - 2px)) / 2);padding-bottom:var(--s-4)}.index .col-work .projects{margin-top:var(--s-4)}.index .row{display:block;width:100%;text-align:left;font-size:var(--fs-body);line-height:max(1.1,calc(var(--lh-ratio) - .23));padding:4px 0 4px 12px;text-indent:-12px;color:var(--ink);transition:color .12s linear;pointer-events:none}.index .row .label{pointer-events:auto}.index .row:hover,.index .row:focus-visible{color:var(--ink);outline:0}.index .row.dim{color:var(--ink-3)}.index .row.on{color:var(--ink)}.index .row[data-fx=leaving]{opacity:0;transition:opacity .14s ease,color .12s linear}.index .row[data-fx=gone]{display:none}.index .row .label{display:inline;white-space:normal;overflow-wrap:break-word}.index .col-meta .row{padding-left:0;text-indent:0}.index .col-meta .label{white-space:nowrap}.index .row .chips{display:none}.index .lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.index .lines.strong{z-index:2}.index .row{position:relative;z-index:1}.index .row.on{z-index:3}.index .lines path{fill:none;stroke:var(--line);stroke-width:1;shape-rendering:geometricPrecision;stroke-dasharray:1;stroke-dashoffset:1;animation:draw var(--draw-d) linear forwards}.index .lines path.own{stroke:var(--line-strong)}.index .lines.web{opacity:var(--web-o, .35);transition:opacity .24s ease}.index .lines.web.hidden{opacity:0;transition-duration:.12s}.index .lines.web path{stroke-dasharray:none;stroke-dashoffset:0;animation:none}@keyframes draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.index .lines path{animation:none;stroke-dashoffset:0}}.index .hover-thumb{position:fixed;left:0;top:0;width:360px;height:auto;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .16s ease;z-index:5}.index .hover-thumb.on{opacity:1}@media(prefers-reduced-motion:reduce){.index .hover-thumb{transition:none}}.index.index-works{position:relative;inset:auto;grid-template-columns:var(--label-track) minmax(0,1fr)}.index.index-works .col{overflow:visible;height:auto;padding:0}.index.index-works .col-left{padding:0 var(--col-pad) 0 0;position:sticky;top:calc(var(--space-page-top) - 2px);height:calc(100dvh - var(--space-page-top) - var(--s-6));align-self:start}.index.index-works .col-meta .meta-top{min-height:50%}.phone-index{display:none}@media(max-width:899px){.index:not(.index-works){display:none}.phone-index{display:block;position:relative}}[data-page=work] .phone-index{display:block;position:relative}.pi-year{display:grid;grid-template-columns:minmax(0,1fr) 60vw;column-gap:var(--s-2)}.pi-year+.pi-year{margin-top:var(--s-6)}.pi-cats+.pi-year{margin-top:0}.pi-now{display:none}@media(max-width:899px){.pi-now{display:flex;flex-direction:column;row-gap:var(--s-2)}.pi-cats+.pi-now{margin-top:0}.pi-now+.pi-year{margin-top:var(--s-6)}}.pi-now-group{display:grid;grid-template-columns:minmax(0,1fr) 60vw;column-gap:var(--s-2)}.pi-now-label{color:var(--ink)}.pi-now-list{margin:0;padding:0;list-style:none}.pi-now-list a{display:block;color:var(--ink);text-decoration:none}.pi-now-detail{margin-top:2px;color:var(--ink-2);font-size:var(--fs-small);line-height:var(--lh-small)}.pi-y{align-self:start;position:sticky;top:var(--space-page-top);color:var(--ink)}.pi-items{grid-column:2;display:flex;flex-direction:column;row-gap:var(--s-5)}.pi-item{display:block;color:var(--ink);text-decoration:none;transition:opacity .25s ease}.pi-title{display:inline}.pi-item img{display:block;width:100%;height:auto;margin-top:var(--s-1);background:#f4f4f4}.pi-medium{display:block;margin-top:var(--s-1);color:var(--ink-2);font-size:var(--fs-small);line-height:var(--lh-small)}.pi-medium>span{display:block}.pi-cats{position:fixed;z-index:2;left:var(--gutter);top:50vh;width:calc(100vw - 2 * var(--gutter) - var(--s-2) - 60vw);display:flex;flex-direction:column;align-items:flex-start}.pi-cat{color:var(--ink-2);text-align:left;padding:2px 0}.pi-cat:hover,.pi-cat.on{color:var(--ink)}.phone-index.filtering .pi-item:not(.hit){opacity:.3}.pi-lines{position:fixed;inset:0;margin:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.pi-lines path{fill:none;stroke:var(--line-strong);stroke-width:1;shape-rendering:geometricPrecision}.pi-lines.drawing path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw var(--pi-draw-d, .26s) linear forwards}@media(prefers-reduced-motion:reduce){.pi-lines.drawing path{animation:none;stroke-dashoffset:0}}@media(min-width:900px){[data-page=work] .phone-index{padding-left:0;padding-right:0}[data-page=work] .pi-year{grid-template-columns:var(--index-cols);column-gap:0}[data-page=work] .pi-items{grid-column:3 / -1;padding:0 var(--gutter) 0 0}[data-page=work]{--pi-gap: 380px}[data-page=work] .pi-item{display:grid;grid-template-columns:var(--pi-gap) minmax(0,1fr);grid-template-rows:auto 1fr}[data-page=work] .pi-title{grid-column:1;grid-row:1;padding:0 var(--col-pad)}[data-page=work] .pi-item img{grid-column:2;grid-row:1 / span 2;margin-top:0}[data-page=work] .pi-medium{grid-column:1;grid-row:2;align-self:start;padding:0 var(--col-pad)}[data-page=work][data-cap=photo] .pi-item:has(img) .pi-medium{grid-column:2;grid-row:3;padding:0}[data-page=work][data-cap=photo] .pi-item img{grid-row:1 / span 2}[data-page=work][data-cap=title][data-medium=bottom] .pi-item:has(img) .pi-medium{align-self:end}[data-page=work][data-cap=title][data-medium=middle] .pi-item:has(img){position:relative}[data-page=work][data-cap=title][data-medium=middle] .pi-item:has(img) .pi-medium{position:absolute;grid-row:1 / -1;top:50%;left:0;width:var(--pi-gap);margin-top:0}[data-page=work][data-cap=stack] .pi-item{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}[data-page=work][data-cap=stack] .pi-title{grid-column:1;grid-row:1}[data-page=work][data-cap=stack] .pi-item img{grid-column:1;grid-row:2;margin:var(--s-1) 0 0 var(--col-pad);width:min(100% - var(--col-pad),var(--pi-img-w))}[data-page=work][data-cap=stack] .pi-medium{grid-column:1;grid-row:3;margin-top:var(--s-1)}[data-page=work][data-cap=above] .pi-item{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}[data-page=work][data-cap=above] .pi-title{grid-column:1;grid-row:1}[data-page=work][data-cap=above] .pi-medium{grid-column:1;grid-row:2;margin-top:var(--s-1)}[data-page=work][data-cap=above] .pi-item img{grid-column:1;grid-row:3;margin:var(--s-1) 0 0 var(--col-pad);width:min(100% - var(--col-pad),var(--pi-img-w))}[data-page=work]{--pi-row-gap: var(--s-2)}[data-page=work] .pi-items{row-gap:var(--pi-row-gap);--pi-item-rest: var(--pi-row-gap)}[data-page=work][data-cap=photo] .pi-items{--pi-item-rest: calc(var(--pi-row-gap) + 45px)}[data-page=work][data-cap=stack] .pi-items,[data-page=work][data-cap=above] .pi-items{--pi-item-rest: calc(var(--pi-row-gap) + 74px)}[data-page=work] .pi-item img{--pi-img-w: calc((100vh - var(--space-page-top) - 3 * var(--pi-item-rest) + var(--pi-row-gap)) / 3 * var(--pi-k, 1) * var(--pi-r, 1.7778));width:min(100%,var(--pi-img-w));max-width:none;height:auto}[data-page=work] .pi-y{grid-column:1;padding-left:var(--gutter);top:50vh;transform:translateY(-50%)}[data-page=work] .pi-cats{left:calc(var(--gutter) + var(--label-track));width:auto;transform:translateY(-50%)}[data-page=work] .pi-amb{display:block;position:fixed;inset:0;margin:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible;transition:opacity .24s ease}[data-page=work] .pi-amb.hidden{opacity:0;transition-duration:.12s}}.pi-amb{display:none}.pi-amb path{fill:none;stroke:var(--line-strong);stroke-width:1;shape-rendering:geometricPrecision}.pi-amb path.in{stroke-dasharray:1;stroke-dashoffset:1;animation:draw var(--pi-draw-d, .26s) linear forwards}.pi-amb path.out{stroke-dasharray:1;stroke-dashoffset:0;animation:retract var(--pi-draw-d, .26s) linear forwards}@keyframes retract{to{stroke-dashoffset:1}}@media(prefers-reduced-motion:reduce){.pi-amb path.in{animation:none;stroke-dashoffset:0}}