.work-window{transition:transform .42s var(--ease-out), border-color .42s var(--ease-out), box-shadow .42s var(--ease-out);box-shadow:0 18px 40px -28px #000000e6}.work-phone{transition:transform .42s var(--ease-out);box-shadow:0 14px 28px -18px #000000f2}@media (hover:hover){.work-row:hover .work-window{border-color:var(--text-muted);transform:translateY(-6px);box-shadow:0 30px 60px -30px #000000f2}.work-row:hover .work-phone{transform:translateY(-11px)}.work-row:hover .work-arrow{transform:scaleX(1.6)}}.work-row:focus-within .work-window{border-color:var(--text-muted);transform:translateY(-6px)}.work-arrow{transform-origin:0;transition:transform .42s var(--ease-out)}@media (prefers-reduced-motion:reduce){.work-window,.work-phone,.work-arrow{transition:none}.work-row:hover .work-window,.work-row:hover .work-phone,.work-row:focus-within .work-window,.work-row:hover .work-arrow{transform:none}}.work-video-media{opacity:0;transition:opacity .5s var(--ease-out)}.work-video-media[data-playing]{opacity:1}::view-transition-group(.morph){animation-duration:.52s;animation-timing-function:var(--ease-out)}::view-transition-image-pair(.morph){animation-name:work-morph-blur}@keyframes work-morph-blur{35%{filter:blur(4px)}}::view-transition{pointer-events:none}@media (prefers-reduced-motion:reduce){.work-video-media{transition:none}::view-transition-group(*){animation-duration:0s!important}::view-transition-old(*){animation-duration:0s!important}::view-transition-new(*){animation-duration:0s!important}}.next-project-frame{transition:transform .42s var(--ease-out), border-color .42s var(--ease-out)}@media (hover:hover){.next-project:hover .next-project-frame{border-color:var(--text-muted);transform:translateY(-6px)}.next-project:hover .work-arrow{transform:scaleX(1.6)}}.next-project:focus-within .next-project-frame{border-color:var(--text-muted);transform:translateY(-6px)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.next-project-image{animation:linear both next-project-settle;animation-timeline:view();animation-range:entry cover 45%}}}@keyframes next-project-settle{0%{transform:scale(1.14)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.next-project-frame{transition:none}.next-project:hover .next-project-frame,.next-project:focus-within .next-project-frame{transform:none}}