@layer components{html.is-list-fixed,html.is-list-fixed body{overscroll-behavior:none;height:100%;overflow:hidden}.work-list_wrap{overflow:clip}.work-list_wrap[data-fixed=true]{touch-action:none;-webkit-user-select:none;user-select:none}.work-list_container{align-content:center;align-items:center;gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:64rem){.work-list_container{gap:var(--site-gutter);grid-template-columns:minmax(0,1fr) 28.25rem}}.work-list_column{align-items:center;gap:var(--space-1);min-width:0;max-width:51rem;display:flex}.work-list_stack{--_pitch:calc(var(--text-mono) * 3);flex:auto;min-width:0;position:relative}.work-list_list{height:calc(var(--_pitch) * 5);width:100%;position:relative}.work-list_tip{top:calc(50% + var(--_reach) * var(--_pitch));margin-top:var(--space-4);white-space:nowrap;margin-bottom:0;position:absolute;left:0}.work-list_rail{cursor:grab;touch-action:none;flex-direction:column;flex:none;justify-content:space-between;align-items:flex-end;width:.125rem;height:3.75rem;display:flex;position:relative}.work-list_rail:active{cursor:grabbing}.work-list_rail:before{content:"";position:absolute;inset:-.75rem -.6875rem}.work-list_tick{--_size:.125rem}.work-list_tick path{stroke:currentColor}.work-list_tick.down{scale:1 -1}.work-list_thumb{pointer-events:none;width:100%;height:1.125rem;position:absolute;top:50%;left:0;overflow:clip;translate:0 -50%}.work-list_mark{width:clamp(.0625rem, calc((var(--_scale) * 4 - 3) * .125rem), .125rem);height:clamp(.125rem, calc((var(--_scale) * 4 - 3) * .625rem), .625rem);background-color:var(--text);opacity:var(--_fade);translate:0 calc(var(--_offset) * .57143rem - 50%);position:absolute;top:50%;right:0}.work-list_item{--_scale:1;--_offset:0;--_fade:1;--_hit:auto;width:calc(var(--_scale) * 100%);font-size:calc(var(--text-mono) * var(--_scale));opacity:var(--_fade);translate:0 calc(var(--_offset) * var(--_pitch) - 50%);pointer-events:var(--_hit);will-change:translate, font-size;position:absolute;top:50%;left:0}.work-list_row{justify-content:space-between;align-items:center;gap:var(--space-4);background-color:var(--background);width:100%;height:3em;color:var(--text);box-shadow:0 .25rem .3125rem color-mix(in lab, var(--text) 5%, transparent);transition:background-color var(--open-duration) var(--open-ease), color var(--open-duration) var(--open-ease);padding-inline:1.7143em;font-size:1em;display:flex}.work-list_item[data-selected] .work-list_row{background-color:var(--text);color:var(--background)}.work-list_name,.work-list_year{white-space:nowrap;font-size:1em;display:block}.work-list_name{text-overflow:ellipsis;overflow:hidden}.work-list_soon{color:color-mix(in lab, currentcolor 50%, transparent);margin-left:.5em}.work-list_previews{isolation:isolate;aspect-ratio:452/550;order:-1;justify-self:center;width:min(55%,16rem);display:grid;position:relative}@media (min-width:64rem){.work-list_previews{order:0;width:100%}}.work-list_preview{--_shift:0;--_scale:.8;--_fade:0;background-color:var(--_accent,var(--background-3));opacity:var(--_fade);translate:calc(var(--_shift) * 100%) calc((1 - var(--_scale)) * 50%);scale:var(--_scale);will-change:translate, scale;grid-area:1/1;place-items:center;padding-inline:7.3%;display:grid}@media (min-width:64rem){.work-list_preview{translate:calc((1 - var(--_scale)) * 50%) calc(var(--_shift) * 100%)}}.work-list_media{width:100%;display:grid;position:relative}.work-list_media[data-outline]{padding:.2111rem}.work-list_media[data-outline]:after{content:"";border:.1055rem solid var(--_outline);pointer-events:none;position:absolute;inset:.2111rem}.work-list_shot,.work-list_clip,.work-list_pixels{grid-area:1/1;width:100%}.work-list_clip,.work-list_pixels{height:100%}.work-list_clip{object-fit:cover}.work-list_pixels{image-rendering:pixelated;visibility:hidden}.work-list_preview[data-pixelated] .work-list_pixels{visibility:visible}.work-list_preview[data-pixelated] .work-list_shot,.work-list_preview[data-pixelated] .work-list_clip{visibility:hidden}.work-list_badge{color:#eaca93;white-space:nowrap;background-color:lab(63.4505% 11.3075 16.4111/.4);border:.0264rem solid #eaca93;border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem;display:flex;position:absolute;top:calc(100% + 1.3125rem);left:50%;translate:-50%}.work-list_badge-icon{object-fit:cover;flex:none;width:1.0625rem;height:1.0625rem}}