.work-reel{position:relative}.work-count{display:none;margin:0;font-size:9px;letter-spacing:.9px;color:var(--muted)}.work-now{color:var(--page-fg,currentColor)}.work-films{display:flex;flex-wrap:wrap;align-items:flex-start;gap:40px 24px}.project{--h:clamp(220px,21vw,380px);--r:1.7778;flex:none;position:relative;min-width:0}.project-tall{--r:.5625}.project-screen{width:calc(var(--h) * var(--r));height:var(--h)}.project-caption{width:calc(var(--h) * var(--r))}.project-tall .project-caption{flex-direction:column;align-items:flex-start;gap:6px}.project-tall .project-caption>span{text-align:left}.work.is-sliding{overflow-x:clip}.work.is-sliding .work-reel{--film-h:min( calc(100vh - 240px) ,calc((100vw - var(--pad) * 2) * .62 / 1.7778),720px);height:calc((100vh - 68px + var(--film-h) + 52px) / 2)}.work.is-sliding .work-count{display:block;position:absolute;top:26px;right:0;z-index:2}.work.is-sliding .work-films{position:absolute;top:0;bottom:0;left:calc(var(--pad) * -1);right:calc(var(--pad) * -1);display:block}.work.is-sliding .project{--h:var(--film-h);position:absolute;left:0;top:calc((100vh - 68px - var(--h) - 52px) / 2);will-change:transform}.work.is-sliding .work-end{position:absolute;left:0;bottom:52px;width:min(600px,40vw);flex-direction:column;align-items:flex-start;gap:20px;margin:0;padding-top:20px;will-change:transform,opacity}.work.is-sliding .work-end .text-link{font-size:clamp(20px,1.8vw,30px);gap:20px;line-height:1.25}.work.is-sliding .project-screen{transform-origin:0 100%;will-change:transform}.project-film{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease;pointer-events:none}.project-film.is-on{opacity:1}.work-mark{display:none}.work.is-sliding .work-mark{position:absolute;right:0;bottom:52px;z-index:1;display:block;width:clamp(64px,5.6vw,96px);height:auto;opacity:0;pointer-events:none}.work.is-sliding .work-films,.work.is-sliding .work-end{z-index:1}.work.is-sliding .project-caption{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.work.is-sliding .project-tall .project-caption{flex-direction:column;align-items:flex-start;gap:6px}@media (max-width:760px),(pointer:coarse){.work-films{position:relative;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:none;scroll-padding-inline:var(--pad);margin:0 calc(var(--pad) * -1);padding:0 var(--pad) 8px;gap:16px;scrollbar-width:none}.work-films::-webkit-scrollbar{display:none}.project{--h:min(48vw,300px);scroll-snap-align:start}.work.is-swiping .work-count{display:block;text-align:right;margin:0 0 14px}}