.site-footer{justify-content:space-between;align-items:baseline;gap:var(--space-4) var(--space-5);padding:var(--space-7) 0 var(--space-8);margin:0 var(--gut);border-top:1px solid var(--border-subtle);font-size:var(--text-small);flex-wrap:wrap;display:flex}.site-footer .note{color:var(--fg-muted);margin:0}.site-footer .email{color:var(--fg-default);font-size:var(--text-body);text-decoration:none;position:relative}.site-footer .email:after{content:"";background:var(--fg-default);transform-origin:0;height:1px;transition:transform var(--dur-hover-line) var(--ease-in-out-strong);position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.site-footer .email:focus-visible:after{transform:none}@media (hover:hover){.site-footer .email:hover:after{transform:none}}.divider{background:var(--fg-default);height:1px}.js .divider{transform-origin:0;transition:transform var(--dur-divider) var(--ease-in-out-strong);transform:scaleX(0)}.js .divider.in{transform:none}#work{padding:var(--space-8) var(--gut) var(--space-9)}#work:focus{outline:none}.sticky{top:calc(var(--hh) + env(safe-area-inset-top,0px));z-index:3;background:var(--bg-canvas);padding-top:var(--space-3);position:sticky}.work-head{align-items:baseline;gap:var(--space-5);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.work-head :is(h2,h3){font-size:var(--text-small);font-weight:var(--weight-regular);color:var(--fg-muted);margin:0}.count{font-variant-numeric:tabular-nums;color:var(--fg-default);margin-left:var(--space-2)}.filters{gap:var(--space-4);flex-wrap:wrap;margin-left:auto;display:flex;position:relative}.filters button{font-size:var(--text-small);color:var(--fg-muted);padding:var(--space-2) 0;transition:color var(--dur-state) var(--ease-hover)}.filters button[aria-pressed=true]{color:var(--fg-default)}@media (hover:hover){.filters button:hover{color:var(--fg-default)}}.filters .bar{background:var(--fg-default);transform-origin:0;width:1px;height:1px;transition:transform var(--dur-bar) var(--ease-in-out);position:absolute;bottom:0;left:0;transform:scaleX(0)}.cols,.row{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);align-items:baseline;display:grid}.cols>:first-child,.row>:first-child{grid-column:span 7}.cols>:nth-child(2),.row .cl,.cols>:last-child,.row .yr{grid-column:span 2}.cols{font-size:var(--text-label);color:var(--fg-muted);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.cols span:last-child,.row .yr{text-align:right}.cols.rule{border-bottom:0;position:relative}.cols.rule:after{content:"";background:var(--border-subtle);transform-origin:0;height:1px;position:absolute;bottom:0;left:0;right:0}.js .cols.rule:after{transition:transform var(--dur-rule) var(--ease-in-out-strong);transition-delay:inherit;transform:scaleX(0)}.js .cols.rule.in:after{transform:none}#rows{position:relative}.row{padding:var(--space-5) 0;color:inherit;scroll-margin-top:calc(var(--hh) + 140px);text-decoration:none;position:relative}#rows.live .row{will-change:transform, opacity;position:absolute;top:0;left:0;right:0}#rows.live{overflow:clip}.row .cl,.row .co,.row .yr{font-size:var(--text-meta);color:var(--fg-muted);font-variant-numeric:tabular-nums}.row .yr{white-space:nowrap}.row .thumb{display:none}.row .ttl{font-size:var(--text-row-title);letter-spacing:var(--ls-title);line-height:1.2}.row .shift{transition:transform var(--dur-shift) var(--ease-out);display:block}.row .oc{margin-top:var(--space-2);font-size:var(--text-meta);color:var(--fg-muted);text-wrap:balance;line-height:1.45}.row .cell{display:block}.row .meta-m.cell{display:none}.row:before,.row:after{content:"";transform-origin:0;height:1px;position:absolute;bottom:0;left:0;right:0}.row:before{background:var(--border-subtle)}.row:after{background:var(--fg-default);transition:transform var(--dur-hover-line) var(--ease-in-out-strong);transform:scaleX(0)}.row:focus-visible{outline:none}.row:focus-visible:after{transform:none}@media (hover:hover){.row.hot:after{transform:none}.row.hot .shift{transform:translate(12px)}}.row.gone{pointer-events:none}.js .row:before{transition:transform var(--dur-rule) var(--ease-in-out-strong);transform:scaleX(0)}.js .row.in:before{transform:none}.js .row .cell{opacity:0;transition:opacity var(--dur-fade) var(--ease-out-strong), transform var(--dur-fade) var(--ease-out-strong);transform:translateY(8px)}.js .row.in .cell{opacity:1;transform:none}@media (width>=640px) and (width<=1023px){.cols>:first-child,.row>:first-child{grid-column:span 4}.cols span:nth-child(3),.row .co.cell{display:none}}@media (width<=639px){.cols{display:none}.row{padding:var(--space-4) 0;align-items:center}.row>:first-child{grid-column:span 3}.row .cl.cell,.row .co.cell,.row .yr.cell,.row .oc.cell{display:none}.row .meta-m.cell{margin-top:var(--space-2);font-size:var(--text-label);color:var(--fg-muted);display:block}.row .thumb{aspect-ratio:var(--ratio-square);background:var(--bg-control);display:block;overflow:hidden}.row .thumb img{object-fit:cover;width:100%;height:100%;display:block}.js .row .thumb{clip-path:inset(100% 0 0);transition:clip-path var(--dur-curtain) var(--ease-in-out)}.js .row .thumb img{transition:transform var(--dur-settle) var(--ease-out-strong);transform:scale(1.12)}.js .row.in .thumb{clip-path:inset(0)}.js .row.in .thumb img{transform:none}.filters{width:100%;margin-left:0}}#preview{z-index:4;pointer-events:none;clip-path:inset(100% 0 0);width:340px;height:214px;transition:clip-path var(--dur-preview-out) var(--ease-in);position:fixed;top:0;left:0;overflow:hidden}#preview.show{clip-path:inset(0);transition:clip-path var(--dur-preview-in) var(--ease-out)}#preview canvas{width:100%;height:100%;transition:transform var(--dur-settle) var(--ease-out-strong);display:block;transform:scale(1.08)}#preview.show canvas{transform:none}@media (hover:none),(width<=639px){#preview{display:none}}