.works-list-wrap{margin-block:var(--space-fluid-l) var(--space-fluid-2xl)}.works-list-head,.works-row a{gap:var(--space-m);grid-template-columns:3rem minmax(0,1fr) minmax(8rem,.5fr) 4rem;align-items:baseline;display:grid}.works-list-head{padding-block:var(--space-xs);border-bottom:var(--border-width-hairline) solid var(--text-primary);font-family:var(--ff-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.works-list-head span:last-child{text-align:right}.works-list{margin:0;padding:0;list-style:none}.works-list .list-year{align-items:baseline;gap:var(--space-m);padding-block:var(--space-fluid-l) var(--space-xs);pointer-events:none;display:flex}.works-list .list-year .year-text{font-size:var(--fs-sm);font-weight:var(--font-weight-medium);letter-spacing:.1em;color:var(--text-tertiary);line-height:1}.works-list .list-year:after{content:"";background:var(--border-primary);flex:1;align-self:center;height:1px}.works-row{border-bottom:var(--border-width-hairline) solid var(--border-primary)}.works-row a{padding-block:var(--space-s);color:var(--text-primary);-webkit-tap-highlight-color:transparent;text-decoration:none}.row-n,.row-year,.row-lens{font-family:var(--ff-mono);font-size:var(--fs-xs);letter-spacing:.06em;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.row-year{text-align:right}.row-title{font-size:var(--fs-base);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-heading);text-wrap:balance;transition:color var(--transition-fast);line-height:1.25}.works-list-preview{z-index:5;width:min(22rem,34vw);padding:var(--space-xs);background:var(--bg-primary);border:var(--border-width-hairline) solid var(--border-secondary);box-shadow:var(--shadow-elevated);pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.works-list-preview img{width:100%;height:auto;display:block}@media screen and (hover:hover){.works-row a:hover .row-title,.works-row a:focus-visible .row-title{color:var(--text-highlight)}.works-row a:hover .row-n,.works-row a:focus-visible .row-n{color:var(--text-primary)}}@media screen and (width<=660px){.works-list-head,.works-row a{grid-template-columns:2.25rem minmax(0,1fr) 3rem}.works-list-head span:nth-child(3),.row-lens{display:none}}.tags-list{--ui-cluster-gap:var(--space-xs);row-gap:var(--space-m);margin:0;padding:0;list-style:none}@media screen and (width<=660px){.tags-list{--ui-cluster-gap:var(--space-4xs)}.tags-filter :is(button.ui-pill,a.ui-pill,[role=button].ui-pill){padding:6px 9px;font-size:.75rem}}.works-grid{margin-block:var(--space-fluid-l);--work-frame-padding:1.25rem;--work-row-height:6rem;grid-template-columns:repeat(12,1fr);padding:0;list-style-type:none;display:grid}.work-item a{color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:#0000;flex-direction:column;height:100%;padding-bottom:1rem;text-decoration:none;display:flex}.work-item a:hover{text-decoration:none}.work-item{min-height:calc(var(--work-row-height) * 6);padding-inline:var(--space-fluid-2xs);border-left:1px solid color-mix(in srgb, var(--color-border) 75%, transparent);border-right:1px solid color-mix(in srgb, var(--color-border) 75%, transparent);margin-bottom:1.5em;margin-left:-1px;display:flex;position:relative;container:work-item/inline-size}.work-item.col-3{min-height:calc(var(--work-row-height) * 4);grid-column:span 3}.work-item.col-4{min-height:calc(var(--work-row-height) * 5);grid-column:span 4}.work-item.col-5{min-height:calc(var(--work-row-height) * 6);grid-column:span 5}.work-item.col-6{min-height:calc(var(--work-row-height) * 7);grid-column:span 6}.grid-spacer{pointer-events:none}.grid-spacer.col-1{grid-column:span 1}.grid-spacer.col-2{grid-column:span 2}.grid-spacer.col-3{grid-column:span 3}.grid-spacer.col-4{grid-column:span 4}.grid-spacer.col-5{grid-column:span 5}.grid-spacer.col-6{grid-column:span 6}.grid-spacer.col-7{grid-column:span 7}.grid-spacer.col-8{grid-column:span 8}.grid-spacer.col-9{grid-column:span 9}@media screen and (width<=900px){.grid-spacer{display:none}.work-image{padding:0 4px}.work-item.col-3,.work-item.col-4,.work-item.col-5,.work-item.col-6{grid-column:span 6;min-height:35rem}}@media screen and (width<=600px){.work-item.col-3,.work-item.col-4,.work-item.col-5,.work-item.col-6{grid-column:span 12;min-height:24rem}}.work-image{background:var(--work-image-bg);border:1px solid var(--border-primary);width:100%;padding:var(--work-frame-padding);justify-content:center;align-items:center;display:flex}.work-image img,.work-image video{object-fit:contain;width:100%;height:auto;max-height:100%;display:block}@media screen and (width>=901px){.work-item.col-4 .work-image{padding:calc(var(--work-frame-padding) * 1.5) calc(var(--work-frame-padding) * 1.5) calc(var(--work-frame-padding) * 2.25)}.work-item.col-5 .work-image{padding:calc(var(--work-frame-padding) * 2) calc(var(--work-frame-padding) * 2) calc(var(--work-frame-padding) * 3)}.work-item.col-6 .work-image{padding:calc(var(--work-frame-padding) * 2.5) calc(var(--work-frame-padding) * 2.5) calc(var(--work-frame-padding) * 3.5)}}@media screen and (width<=600px){.work-image{background:0 0;border:none;padding:1.5%}}.work-content{padding-top:var(--space-s);padding-left:var(--space-2xs)}.work-content .work-meta{justify-content:space-between;align-items:baseline;gap:var(--space-xs);margin-bottom:var(--space-3xs);display:flex}.work-content .work-date{color:var(--color-text-muted);font-size:clamp(.8125rem,3cqi,.875rem)}.work-content .work-index{font-family:var(--ff-mono);letter-spacing:.08em;color:var(--color-text-subtle);font-size:clamp(.72rem,2.5cqi,.76rem)}.work-content .work-title{color:var(--color-text);text-wrap:balance;font-size:clamp(1.125rem,5.5cqi,1.75rem);line-height:1.15;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading)}.work-content .work-description{color:var(--color-text-muted);margin-top:var(--space-2xs);text-wrap:pretty;font-size:clamp(.9375rem,4cqi,1rem);line-height:1.4}.year-separator{align-items:baseline;gap:var(--space-m);padding-block:var(--space-fluid-2xl) var(--space-fluid-l);pointer-events:none;background:0 0;border:none;grid-column:span 12;min-height:auto;display:flex}.year-separator .year-text{font-size:var(--fs-sm);font-weight:var(--font-weight-medium);letter-spacing:.1em;color:var(--text-tertiary);line-height:1}.year-separator:after{content:"";background:var(--border-primary);flex:1;align-self:center;height:1px}@media screen and (hover:hover){.work-item .work-image{transition:border-color .2s}.work-item:hover .work-image{border-color:var(--border-secondary)}.work-item:hover .work-title{color:var(--accent)}.work-item .work-title{transition:color .2s}}.works-toolbar{justify-content:space-between;align-items:flex-start;gap:var(--space-m) var(--space-l);flex-wrap:wrap;display:flex}.works-toolbar .tags-filter{flex:24rem}.view-toggle{gap:var(--space-xs);display:inline-flex}.works-kicker{align-items:center;gap:var(--space-2xs);margin:var(--space-fluid-l) 0 calc(-1 * var(--space-fluid-s));font-family:var(--ff-mono);font-size:var(--fs-xs);font-weight:var(--font-weight-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);display:flex}