.home{--page-cols:6;--margin:20px;--gutter:20px;--aspect:1.51;--band-ratio:0.65;--project-gap:48px;--band-offset:0px;--col-w:calc((100vw - 2 * var(--margin) - (var(--page-cols) - 1) * var(--gutter)) / var(--page-cols));height:100svh;overflow:hidden;display:flex;flex-direction:column;padding-bottom:var(--margin);background:var(--page-bg,var(--color-bg))}.home-name{view-transition-name:site-name}.home-top{flex:none;display:grid;grid-template-columns:repeat(var(--page-cols),var(--col-w));column-gap:var(--gutter);padding:var(--margin) var(--margin) 0}.home-top p{margin:0}.home-header{grid-column:1}.home-tagline{color:var(--color-fg-secondary);view-transition-name:site-tagline}.home-bio{grid-column:2/span 2}.home-bio p+p{margin-top:var(--line-box)}.home-bio a{color:inherit}.stage-row{flex:1 1 0;min-height:0;min-width:0;padding-top:var(--gutter);container-type:size;display:flex;flex-direction:column;justify-content:flex-end}.stage{min-width:0;transform:translateY(var(--band-offset))}.gen-viewport{overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;padding-block:6px;margin-block:-6px}.gen-viewport.is-dragging{cursor:grabbing}.gen-viewport.is-dragging *{pointer-events:none}.gen-track{display:flex;width:max-content;gap:var(--project-gap);will-change:transform}.gen-track--bounce{padding-inline:var(--margin)}.gen-project{--cluster-aspect:var(--aspect);--cell-h:calc((var(--band-ratio) * 100cqh - (var(--cluster-rows) - 1) * var(--gutter)) / var(--cluster-rows));--cell-w:calc(var(--cell-h) * var(--cluster-aspect));display:grid;grid-template-columns:repeat(var(--cluster-cols),var(--cell-w));grid-auto-rows:var(--cell-h);gap:var(--gutter);align-content:start;flex:none}a.gen-project{color:inherit;text-decoration:none;cursor:pointer}a.gen-project:focus-visible{outline:currentColor solid 2px;outline-offset:3px}.gen-cell{position:relative;overflow:hidden}.gen-cell img,.gen-cell video{width:100%;height:100%;object-fit:cover;display:block}.gen-cell .gen-preview{position:absolute;inset:0;opacity:0;transition:opacity .25s;pointer-events:none}.gen-project.is-playing .gen-cell .gen-preview{opacity:1}@media (prefers-reduced-motion:reduce){.gen-cell .gen-preview{transition:none}}.gen-cell--date,.gen-cell--name{overflow:visible}.gen-cell--name p{margin:0}.gen-title{font-weight:var(--font-weight-medium)}.gen-meta{color:var(--color-fg-meta)}.gen-cell--date{font-weight:var(--font-weight-medium);text-align:right;white-space:nowrap}.gen-cell--empty{background:var(--color-empty)}