:root{--bg: #f4f4f2;--fg: #111;--muted: #9a9a9a;--max: 640px;--sheet-veil: rgba(244, 244, 242, .82);--good-ease: cubic-bezier(.15, .02, 0, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:14px/1.5 -apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:visited{text-decoration:none}a,.nav-link{transition:filter .4s var(--good-ease)}a:hover,.nav-link:hover{filter:blur(3px)}.bio{display:flex;gap:40px;align-items:flex-start;max-width:var(--max);margin:80px auto 60px;padding:0 24px}.logo{flex:0 0 60px;height:60px;background:transparent}.bio-text{flex:1;min-width:0}.name{margin:0 0 14px;font-size:14px;font-weight:500;color:var(--fg)}.intro{margin:0 0 14px;color:var(--muted);max-width:36ch;min-height:4.5em}.email{margin:0 0 24px;color:var(--muted)}.nav{display:flex;gap:20px;flex-wrap:wrap}.nav-link{color:var(--fg)}.nav-link.active{color:var(--muted);filter:blur(1px)}.count{color:var(--muted);margin-left:4px;font-size:12px}.view{position:fixed;inset:0;overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s var(--good-ease),visibility 0s linear .55s}.view.previous,.view.active{opacity:1;visibility:visible;transition:opacity .55s var(--good-ease),visibility 0s}.view.previous{background:var(--bg);z-index:1}.view.active{pointer-events:auto;background:var(--sheet-veil);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2}@media(prefers-reduced-motion:reduce){.view{transition:opacity .01s,visibility 0s linear .01s}.view.previous,.view.active{transition:opacity .01s,visibility 0s}}.sheet-inner{max-width:880px;margin:0 auto;padding:0 24px 80px}.view[data-view=index] .sheet-inner{padding-bottom:0}.work-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:48px}.work-item{display:block;width:100%;text-align:left;cursor:pointer}.work-image{width:100%;background:transparent}.work-image img,.work-image video{display:block;width:100%;height:auto}.work-meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:12px}.work-title{color:var(--fg)}.work-year{color:var(--muted)}.work-empty{list-style:none;color:var(--muted);font-size:13px;line-height:1.6;padding:40px 0}.work-empty code{background:#0000000d;padding:1px 5px;border-radius:3px;font-size:12px}.index-wide{max-width:1440px;margin:0 auto;padding:0 40px 80px}.index-table{display:grid;grid-template-columns:80px 2fr 1fr 1fr 2fr 28px;row-gap:10px;column-gap:24px;font-size:13px}.index-table>*{color:var(--fg);align-self:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.index-link{text-align:right;overflow:visible}.index-link a{color:var(--muted);font-size:14px}@media(max-width:640px){.index-wide{padding:0 24px 80px}.index-table{grid-template-columns:60px 1.2fr 1fr 28px;column-gap:16px}.index-notes,.index-client{display:none}}.info-list{list-style:none;margin:24px 0 0;padding:0}.info-list li{margin:0}.info-list a{color:var(--muted)}.updated{margin:24px 0 0;color:var(--muted);opacity:.6;font-variant-numeric:tabular-nums}.collage{position:relative;width:100%;user-select:none;-webkit-user-select:none}.collage .tile{position:absolute;touch-action:none;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;pointer-events:none}.collage .tile img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-drag:none}.collage .tile.dragging img,.collage .tile img:active{cursor:grabbing}.collage-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:13px;text-align:center}.collage-empty code{background:#0000000d;padding:2px 6px;border-radius:3px;font-size:12px}.collage-export{position:fixed;bottom:16px;right:16px;padding:8px 14px;background:var(--fg);color:var(--bg);border-radius:4px;font-size:13px;z-index:1000}@media(max-width:640px){.bio{flex-direction:column;align-items:center;text-align:center;gap:24px}.bio-text{width:100%}.intro{margin-left:auto;margin-right:auto}.nav{justify-content:center}.collage{min-height:0!important;display:flex;flex-direction:column}.collage .tile{position:relative!important;left:auto!important;top:auto!important;width:100%!important;aspect-ratio:auto;display:block;margin:0 0 24px;cursor:default}.collage .tile img{width:100%;height:auto;max-width:100%;max-height:none}}[hidden]{display:none!important}