.work-list{--work-line:color-mix(in srgb, currentColor 17.5%, transparent);position:relative}.work-head{display:none}.work-rows{column-gap:calc(var(--container-padding) * .5);row-gap:calc(var(--section-padding) * .75);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:620px){.work-rows{grid-template-columns:minmax(0,1fr)}}.work-item__link{color:inherit;flex-wrap:wrap;align-items:baseline;text-decoration:none;display:flex}.work-item__media{aspect-ratio:1;width:100%;margin-bottom:var(--gap-padding);place-items:center;display:grid;overflow:hidden}.work-item__media img,.work-card__panel img{width:80%;height:auto;display:block;box-shadow:0 .75em 2.5em #0000002e}.work-item__media img{transition:transform .7s var(--ease-primary)}.work-item__title{border-bottom:1px solid var(--work-line);letter-spacing:-.01em;width:100%;padding:.1em 0 .6em;font-size:calc(1.125*clamp(1.75em,2.3vw,2.5em));font-weight:450;line-height:1}.work-item__client{display:none}.work-item__kind,.work-item__year{padding-top:calc(var(--gap-padding) * .6)}.work-item__kind{width:70%}.work-item__year{text-align:right;width:30%}.work-item__link:focus-visible{outline-offset:4px;outline:2px solid}@media (hover:hover){.work-item__link:hover .work-item__media img{transform:scale(1.03)}}@media (min-width:1025px){.work-list[data-view=grid] .work-rows{grid-template-columns:repeat(3,minmax(0,1fr))}.work-list[data-view=grid] .work-item__media{aspect-ratio:4/3}.work-list[data-view=grid] .work-item__media img{width:76%}.work-list:not([data-view=grid]) .work-rows{border-top:1px solid var(--work-line);display:block}.work-list:not([data-view=grid]) .work-item__media{display:none}.work-list:not([data-view=grid]) .work-item__link{padding-inline:var(--container-padding);border-bottom:1px solid var(--work-line);transition:opacity .3s var(--ease-primary);flex-wrap:nowrap;align-items:center;position:relative}.work-list:not([data-view=grid]) .work-item__title{width:auto;min-width:0;transition:transform .3s var(--ease-primary);border:0;flex:1 1 0;padding:.1em 0}.work-list:not([data-view=grid]) .work-item__client,.work-list:not([data-view=grid]) .work-item__kind,.work-list:not([data-view=grid]) .work-item__year{transition:transform .3s var(--ease-primary);padding-top:.25em}.work-list:not([data-view=grid]) .work-item__link:hover{opacity:.33}.work-list:not([data-view=grid]) .work-item__link:hover .work-item__title{transform:translateX(calc(var(--container-padding) * -.1))}.work-list:not([data-view=grid]) .work-item__link:hover :is(.work-item__client,.work-item__kind,.work-item__year){transform:translateX(calc(var(--container-padding) * .1))}.work-list[data-layout=rows]:not([data-view=grid]) .work-item__link{padding-block:calc(var(--section-padding) / 3.5) calc(var(--section-padding) / 3)}.work-list[data-layout=rows]:not([data-view=grid]) .work-item__title{font-size:calc(clamp(3.25em,7vw,8em)/1.33333)}.work-list[data-layout=rows]:not([data-view=grid]) .work-item__kind{width:auto;padding-left:var(--gap-padding);text-align:right;flex:none}.work-list[data-layout=rows]:not([data-view=grid]) .work-item__year{display:none}.work-list[data-layout=table]:not([data-view=grid]) .work-head{padding:0 var(--container-padding) var(--gap-padding);color:var(--color-muted);letter-spacing:.05em;text-transform:uppercase;display:flex}.work-head>span{font-size:.7em}.work-list[data-layout=table]:not([data-view=grid]) .work-item__link{padding-block:2em}.work-list[data-layout=table]:not([data-view=grid]) .work-item__title{font-size:clamp(1.55em,2.3vw,2.5em)}.work-head>:first-child{flex:1 1 0}.work-head>:nth-child(2),.work-list[data-layout=table]:not([data-view=grid]) .work-item__client{flex:none;width:25%;padding-right:1em;display:block}.work-head>:nth-child(3),.work-list[data-layout=table]:not([data-view=grid]) .work-item__kind{flex:none;width:27%;padding-right:1em}.work-head>:nth-child(4),.work-list[data-layout=table]:not([data-view=grid]) .work-item__year{text-align:right;flex:none;width:7%;min-width:3em}.work-list[data-layout=table]:not([data-view=grid]) .work-item__year:empty:before{content:"—"}}.work-item{transition:opacity .3s ease-in .4s,transform 1s cubic-bezier(.16,1,.3,1)}.work-list[data-switching=out] .work-item{opacity:0;transition:opacity .25s ease-out,transform 0s linear .3s;transform:translateY(5em)}.work-list[data-switching=in] .work-item{opacity:0;transition:none;transform:translateY(5em)}.work-card,.work-view{font-size:var(--text-base);pointer-events:none;position:fixed;top:0;left:0}.work-card{z-index:25;will-change:transform, width;width:0;transition:width .4s cubic-bezier(.36,0,.66,0);overflow:hidden}.work-card:before{content:"";padding-top:100%;display:block}.work-list[data-active]:not([data-view=grid]) .work-card{width:clamp(10em,27.5vw,25em);transition:width .4s cubic-bezier(.34,1,.64,1)}.work-card__reel{width:100%;transform:translateY(calc(var(--i,0) * -100% / var(--n,1)));transition:transform .6s cubic-bezier(.45,0,.55,1);position:absolute;top:0;left:0}.work-card__panel{aspect-ratio:1;place-items:center;display:grid;overflow:hidden}.work-view{--view-size:clamp(3.75em, 5.5vw, 5em);z-index:26;background:var(--color-brand);width:0;height:0;color:var(--color-on-brand);white-space:nowrap;will-change:transform, width, height;border-radius:50%;justify-content:center;align-items:center;transition:width .4s cubic-bezier(.36,0,.66,0),height .4s cubic-bezier(.36,0,.66,0);display:flex;overflow:hidden}.work-view--label{background:0 0}.work-list[data-view=grid] .work-view{--view-size:calc(clamp(3.75em, 5.5vw, 5em) * 1.66)}.work-list[data-active] .work-view{width:var(--view-size);height:var(--view-size);transition:width .4s cubic-bezier(.34,1,.64,1),height .4s cubic-bezier(.34,1,.64,1)}.work-list[data-active][data-pressed] .work-view{width:calc(var(--view-size) * 1.2);height:calc(var(--view-size) * 1.2)}@media not ((hover:hover) and (pointer:fine) and (min-width:1025px)){.work-card,.work-view{display:none}}@media (prefers-reduced-motion:reduce){.work-card__reel,.work-item,.work-item__media img{transition:none!important}}.work-toggle{gap:.5em;display:flex}.work-toggle__button{isolation:isolate;width:4.25em;height:4.25em;box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 17.5%, transparent);color:inherit;transition:background-color .3s var(--ease-primary), color .3s var(--ease-primary);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.work-toggle__button:before{content:"";z-index:-1;background:var(--color-brand);border-radius:50%;width:150%;height:200%;transition:transform .6s cubic-bezier(.45,0,.55,1);position:absolute;top:-50%;left:-25%;transform:translateY(76%)}.work-toggle__button svg{fill:none;stroke:currentColor;stroke-width:1.1px;width:1.15em}.work-toggle__button[aria-pressed=true]{background:var(--color-dark);box-shadow:none;color:var(--color-cream)}@media (hover:hover){.work-toggle__button[aria-pressed=false]:hover{color:var(--color-on-brand)}.work-toggle__button[aria-pressed=false]:hover:before{transform:none}}.work-toggle__button:focus-visible{outline-offset:3px;outline:2px solid}@media (max-width:1024px){.work-toggle{display:none}}@keyframes work-hold{0%{transform:translateY(calc(-1 * var(--intro-rise-from)))}to{transform:none}}@keyframes work-lid{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@media (max-width:1024px){.work-list[data-layout=table] .work-rows{position:relative}.work-list[data-layout=table] .work-rows:after{content:"";background:var(--color-cream);transform-origin:bottom;pointer-events:none;position:absolute;inset:-1px;transform:scaleY(0)}html[data-intro=page] .work-list[data-layout=table] .work-rows{animation:work-hold 1s var(--intro-rise) .75s both}html[data-intro=page] .work-list[data-layout=table] .work-rows:after{animation:work-lid .9s var(--intro-in-out) .9s both}}