.project-motion{position:absolute;inset:0}.project-motion-video,.project-motion-poster,.project-motion-poster img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.project-motion-video{opacity:0}.project-motion[data-ready] .project-motion-video{opacity:1}.project-motion[data-ready] .project-motion-poster{visibility:hidden}.project-motion-controls{z-index:3;left:var(--text-inset,22px);align-items:center;gap:12px;display:flex;position:absolute;bottom:22px}.work-navigation{gap:4px;display:flex}.work-navigation-button,.project-motion-toggle{color:#fff;width:44px;height:44px;min-height:44px;box-shadow:none;background:#050505c7;border:0;border-radius:0;flex:0 0 44px;justify-content:center;align-items:center;padding:0;transition:color .2s,background-color .2s;display:inline-flex}.work-navigation-button .work-navigation-arrow{width:24px;height:24px;transition:transform .25s cubic-bezier(.16,1,.3,1)}.work-navigation-model{flex-basis:auto;gap:8px;width:auto;padding:0 12px}.work-navigation-model span{letter-spacing:.045em;font-size:.8125rem;font-weight:500;line-height:1.4}.project-motion-toggle{color:#bdbdbd;background:#050505a6}.project-motion-toggle .project-motion-toggle-icon{width:14px;height:14px}.work-navigation-button:disabled{opacity:.28}.work-navigation-button:focus-visible,.project-motion-toggle:focus-visible{outline-offset:3px;box-shadow:none;outline:2px solid #fff}@media (hover:hover){.work-navigation-button:hover,.project-motion-toggle:hover{color:#050505;background:#fff}.work-navigation-up:hover svg{transform:translateY(-3px)}.work-navigation-down:hover svg{transform:translateY(3px)}.work-navigation-left:hover svg{transform:translate(-3px)}.work-navigation-right:hover svg{transform:translate(3px)}}@media (aspect-ratio<=4/3){.project-motion-video,.project-motion-poster img{object-fit:contain}}@media (width<=700px){.project-motion-controls{bottom:80px}}.case-hero,.work-reel{--motion-top-ink:#fff;--motion-top-paper:#000;--motion-top-halo:#000000a6;--motion-bottom-ink:#fff;--motion-bottom-paper:#000;--motion-bottom-halo:#000000a6}:is(.case-hero,.work-reel):has(>.project-motion[data-ink-top=black]){--motion-top-ink:#000;--motion-top-paper:#fff;--motion-top-halo:#ffffffa6}:is(.case-hero,.work-reel):has(>.project-motion[data-ink-bottom=black]){--motion-bottom-ink:#000;--motion-bottom-paper:#fff;--motion-bottom-halo:#ffffffa6}.case-hero :is(.case-back,.case-hero-caption),.work-reel :is(.work-index-shortcut,.work-project-meta h3,.work-project-meta>span:last-child){color:var(--motion-local-ink,var(--motion-top-ink));text-shadow:0 1px 3px var(--motion-local-halo,var(--motion-top-halo));transition:none}.case-hero .case-explore,.work-reel .work-project-open{color:var(--motion-local-ink,var(--motion-bottom-ink));text-shadow:0 1px 3px var(--motion-local-halo,var(--motion-bottom-halo));transition:none}[data-motion-letterbox]{--motion-local-ink:#fff;--motion-local-paper:#000;--motion-local-halo:#000000a6}.project-motion-controls :is(.work-navigation-button,.project-motion-toggle){color:var(--motion-local-ink,var(--motion-bottom-ink));background:var(--motion-local-paper,var(--motion-bottom-paper));transition:none}.project-motion-controls .work-navigation-button:disabled{opacity:1;border:1px dashed}.project-motion-controls :is(.work-navigation-button,.project-motion-toggle):focus-visible{outline-offset:2px;outline:2px solid #fff;box-shadow:0 0 0 4px #000}@media (hover:hover){.project-motion-controls :is(.work-navigation-button,.project-motion-toggle):not(:disabled):hover{color:var(--motion-local-paper,var(--motion-bottom-paper));background:var(--motion-local-ink,var(--motion-bottom-ink))}}