body[data-page=work]{--gutter:clamp(18px,2vw,34px)}body[data-page=work] .collection{padding-top:65px}body[data-page=work] .collection-top{margin-bottom:30px}body[data-page=work] .project-grid,body[data-page=work] .index-eyebrow,body[data-page=work] .index-instruction,body[data-page=work] .sample-bar{display:none!important}body[data-page=work] .index-layout:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(28px,5vw,80px);align-items:start}body[data-page=work] .index-viewer{display:block;position:sticky;top:30px}body[data-page=work] .index-viewer button{aspect-ratio:16/10;background:#fff}body[data-page=work] .index-viewer .image-play,body[data-page=work] .index-viewer figcaption{display:none}body[data-page=work] .index-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:24px;padding:11px 18px;border:0;background:#fff;color:#111;transition:background .18s,color .18s;width:100%;text-align:left}body[data-page=work] .index-row.is-selected{padding-left:18px}body[data-page=work] .index-row:hover,body[data-page=work] .index-row:focus-visible{background:#000;color:#fff;text-decoration:none}body[data-page=work] .index-client{font-size:12px;color:inherit;opacity:.65;margin:0 0 9px}body[data-page=work] .index-title{font-size:clamp(18px,2vw,28px);line-height:1.3}body[data-page=work] .index-number{color:inherit;opacity:.6;font-size:12px}.work-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#fff}.work-thumb img{width:100%;height:100%;object-fit:cover}.subfilters{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;margin:0 0 28px;font-size:12px;color:#777}.subfilters button[aria-pressed=true]{color:#111;text-decoration:underline;text-underline-offset:5px}.work-details{display:block}body[data-page=work] .index-row{transform-origin:left center;transition:background .18s,color .18s,transform .38s cubic-bezier(.2,.75,.25,1);position:relative}@media(hover:hover)and (pointer:fine){body[data-page=work] .index-row:hover{transform:translate(6px) scale(1.025);z-index:1}}body[data-page=work] .index-row:focus-visible{transform:translate(6px) scale(1.025);z-index:1}@media(prefers-reduced-motion:reduce){body[data-page=work] .index-row{transform:none!important;transition:none}}@media(max-width:580px){body[data-page=work] .index-layout:not([hidden]){display:flex;flex-direction:column-reverse;gap:24px}body[data-page=work] .index-viewer,body[data-page=work] .index-left{width:100%;position:static}body[data-page=work] .index-row{grid-template-columns:minmax(0,1fr);gap:14px;padding:10px}body[data-page=work] .index-row.is-selected{padding-left:10px}body[data-page=work] .index-number{display:none}body[data-page=work] .index-client{font-size:11px;line-height:1.5}body[data-page=work] .index-title{font-size:18px}.subfilters{justify-content:flex-start;gap:15px}.masthead nav{gap:12px!important}}.vfx-department[hidden]{display:none!important}.vfx-department{margin:4px 0 36px}.vfx-department-link{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 18px;color:#111;text-decoration:none;transition:background .25s,color .25s}.vfx-department-label{font-size:10px;letter-spacing:.06em;margin:0 0 8px;opacity:.6}.vfx-department-link h3{font-size:clamp(20px,2vw,28px);line-height:1.3;margin:0}.vfx-department-cta{font-family:Plex,Courier New,monospace;font-size:11px;white-space:nowrap}.vfx-department-link:hover,.vfx-department-link:focus-visible{background:#000;color:#fff;text-decoration:none}.vfx-department-link:focus-visible{outline:1px solid currentColor;outline-offset:4px}@media(max-width:580px){.vfx-department-link{align-items:flex-start;flex-direction:column;gap:16px;padding:18px 10px}.vfx-department{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.vfx-department-link{transition:none}}body[data-page=work] a.index-row{text-decoration:none;box-sizing:border-box}body[data-page=work] a.index-row .index-client{display:block}body[data-page=work] #index-list{max-height:clamp(280px,52vh,480px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:8px 26px 8px 0;scrollbar-width:thin;scrollbar-color:#bbb transparent;scroll-behavior:auto}body[data-page=work] #index-list:focus-visible{outline:1px solid #777;outline-offset:4px}@media(max-width:580px){body[data-page=work] #index-list{max-height:50dvh;padding-right:14px}}
