@layer block{.base-chip{background-color:var(--color-surface-sunken);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1;padding:var(--space-2) var(--space-3)}}@layer block{.work-list-item{border-bottom:1px solid var(--color-border);color:var(--color-text);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-1);text-decoration:none;transition:transform var(--duration-slow) var(--ease-emphasized)}.work-list-item:hover{transform:translate(var(--space-4))}.work-list-item__index{font-size:var(--text-xs);letter-spacing:.1em}.work-list-item__image{aspect-ratio:16/10;background-color:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;width:100%}.work-list-item__image--placeholder{filter:blur(8px)}.work-list-item__content{min-width:0}.work-list-item__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.016em;line-height:var(--leading-snug);margin:0}.work-list-item__description{font-size:var(--text-base);line-height:var(--leading-normal);margin:var(--space-2) 0 0;max-width:56ch}.work-list-item__tags{--cluster-space:var(--space-2);margin:var(--space-4) 0 0}.work-list-item__arrow{display:none}@container (width >= 480px){.work-list-item__index{align-self:flex-start;flex:none;padding-top:var(--space-1)}.work-list-item__image{flex:none;width:180px}.work-list-item__content{flex:1}}@container (width >= 768px){.work-list-item__image{width:270px}}}@layer exception{.work-list-item[data-variant] .work-list-item__content{flex:1}.work-list-item[data-variant=compact]{align-items:flex-start;background:transparent;flex-direction:row;gap:var(--space-4);padding:var(--space-4) 0}.work-list-item[data-variant=compact] .work-list-item__index{flex:none;padding-top:3px}.work-list-item[data-variant=compact] .work-list-item__title{font-size:var(--text-xl)}.work-list-item[data-variant=compact] .work-list-item__arrow{align-self:flex-start;color:var(--color-text-primary);display:block;flex:none;font-size:var(--text-base);padding-top:3px}.work-list-item[data-variant=mini]{align-items:flex-start;flex:1 1 240px;flex-direction:row;gap:var(--space-2);max-width:400px;padding:var(--space-3) 0}.work-list-item[data-variant=mini]:hover{transform:translateY(calc(var(--space-1)*-1))}.work-list-item[data-variant=mini] .work-list-item__index{display:none}.work-list-item[data-variant=mini] .work-list-item__title{font-size:var(--text-sm);letter-spacing:-.01em}.work-list-item[data-variant=mini] .work-list-item__description{-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--text-xs);-webkit-line-clamp:2;line-clamp:2;margin-top:var(--space-1);overflow:hidden}@container (width >= 480px){.work-list-item:not([data-variant=mini]){align-items:center;flex-direction:row;gap:var(--space-8);padding:var(--space-8) var(--space-1)}.work-list-item:not([data-variant=mini]) .work-list-item__arrow{align-self:flex-start;color:var(--color-text-primary);display:block;flex:none;font-size:var(--text-lg);padding-top:var(--space-1)}}}