@media(max-width:767px){html:has(body[data-page=work]){height:100%;overflow:hidden;overscroll-behavior:none}body[data-page=work]{background:#fff;position:fixed;inset:0;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none;display:flex;flex-direction:column;padding-bottom:max(12px,env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}body[data-page=work] .masthead{flex:none;padding-bottom:8px;border:0}body[data-page=work] main{flex:1;min-height:0;display:flex;outline:0}body[data-page=work] .collection{padding-top:8px;flex:1;min-height:0;display:flex;flex-direction:column}body[data-page=work] .collection-top,body[data-page=work] .subfilters,body[data-page=work] .vfx-department{display:none!important}body[data-page=work] .index-layout:not([hidden]){display:flex;flex:1;min-height:0;flex-direction:column;gap:16px}body[data-page=work] .index-viewer{order:0;position:static;flex:none;width:100%;margin:0}body[data-page=work] .index-viewer button{display:block;width:100%;height:clamp(130px,36dvh,340px);aspect-ratio:auto}body[data-page=work] #index-image{transition:none!important;animation:none!important;filter:none!important;opacity:1!important;transform:none!important}body[data-page=work] .image-digital-reveal{display:none!important}body[data-page=work] .index-left{order:1;position:relative;width:100%;flex:1;min-height:0;overflow:hidden;isolation:auto;--work-row:47.25px}body[data-page=work] .work-invert-bar{position:absolute;top:0;left:0;width:calc(100% - 24px);height:var(--work-row);background:#000;color:#fff;mix-blend-mode:normal;overflow:hidden;pointer-events:none;z-index:3;transform-origin:left center;will-change:transform;transition:none;animation:none}body[data-page=work] .work-bar-label{position:absolute;inset:0;padding:4.5px 12px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;color:#fff!important;-webkit-text-fill-color:#fff;text-align:left}body[data-page=work] .work-bar-label *{color:#fff!important;-webkit-text-fill-color:#fff}body[data-page=work] .work-bar-label .work-details{width:100%;min-width:0;transform:none;opacity:1}body[data-page=work] #index-list{width:calc(100% - 24px);height:100%;max-height:none;padding:0 0 var(--work-tail,0px);border:0;outline:0;box-shadow:none;overflow-y:auto;overscroll-behavior:none;contain:layout paint;scroll-snap-type:none;scrollbar-width:none;touch-action:pan-y;-webkit-overflow-scrolling:touch}body[data-page=work] #index-list::-webkit-scrollbar{display:none}body[data-page=work] .index-row,body[data-page=work] .index-row.is-selected{height:var(--work-row);min-height:var(--work-row);padding:4.5px 12px;gap:0;grid-template-columns:minmax(0,1fr);background:transparent!important;color:#111!important;border:0;outline:0;box-shadow:none;transform:none;transform-origin:left center;will-change:transform;animation:none;text-align:left;text-decoration:none!important;transition:none}body[data-page=work] .index-row .work-details{width:100%;min-width:0;transform-origin:left center;transform:none;opacity:var(--row-opacity,1);animation:none}body[data-page=work] .index-row.is-selected .work-details{opacity:1;animation:none}body[data-page=work] .index-title{display:block;font-size:11.25px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-page=work] .index-client{display:block;font-size:9px;line-height:1.25;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-page=work] .index-number,body[data-page=work] footer{display:none}body[data-page=work] .empty{margin:16px 0;font-size:12px}.work-progress{position:absolute;right:0;top:0;bottom:0;width:2px;background:#0000001f;opacity:.4;pointer-events:none;transition:opacity .2s;z-index:4}.work-progress.scrolling{opacity:1}.work-progress-thumb{position:absolute;top:0;left:0;width:2px;height:24px;background:#000}}@media(hover:none){body[data-page=work] .index-row:hover,body[data-page=work] .index-row:focus-visible{background:transparent;color:inherit;transform:none;text-decoration:none}}@media(max-width:767px)and (prefers-reduced-motion:reduce){body[data-page=work] .index-row .work-details{animation:none!important;transform:none!important}}@media(max-width:767px){body[data-page=work] .index-row:hover,body[data-page=work] .index-row:focus-visible{transform:none}}