.work-wheel{flex-shrink:0;width:120px;height:120px;display:block;position:relative}.work-wheel-disc{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:50%;position:absolute;overflow:hidden}.work-wheel-disc img,.work-wheel-arrow img,.work-wheel-dot{max-width:none;display:block}.work-wheel-disc--outer{-webkit-backdrop-filter:blur(12px)brightness(.3);backdrop-filter:blur(12px)brightness(.3);width:120px;height:120px;top:0;left:0}.work-wheel-disc--inner{width:75.254px;height:75.254px;top:22.373px;left:22.373px}.work-wheel-ring{transform-origin:59.5px 60.25px;animation:12s linear infinite paused work-wheel-turn;position:absolute;inset:0}.work-wheel-ring svg{position:absolute;inset:0;overflow:visible}.work-wheel-text{fill:#b4c0cc;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:500}.work-wheel-dot{width:4px;height:4px;position:absolute;top:58px}.work-wheel-dot--right{left:107px}.work-wheel-dot--left{left:8px}.work-wheel-arrow{justify-content:center;align-items:center;width:56.339px;height:56.339px;display:flex;position:absolute;top:32px;left:31px}.work-wheel-arrow img{transform-origin:10.5px 25.5px;animation:1.6s ease-in-out infinite paused work-wheel-reach}.work-wheel>*{opacity:0;visibility:hidden;transition:opacity .5s ease-out,visibility 0s linear .5s}.group:hover .work-wheel>*,.group:focus-visible .work-wheel>*{opacity:1;visibility:visible;transition:opacity .5s ease-out,visibility}@media (hover:none){.work-wheel>*{opacity:1;visibility:visible}}.group:hover .work-wheel-ring,.group:hover .work-wheel-arrow img,.group:focus-visible .work-wheel-ring,.group:focus-visible .work-wheel-arrow img{animation-play-state:running}@media (hover:none){.work-wheel-ring,.work-wheel-arrow img{animation-play-state:running}}@keyframes work-wheel-turn{to{transform:rotate(360deg)}}@keyframes work-wheel-reach{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.work-wheel-ring,.work-wheel-arrow img{animation:none}}@media (hover:hover) and (pointer:fine){[data-wheel-cursor-active] .group:hover:not(:focus-visible) .work-wheel>*{opacity:0;visibility:hidden}[data-wheel-cursor-active] .group:hover:not(:focus-visible) .work-wheel-ring,[data-wheel-cursor-active] .group:hover:not(:focus-visible) .work-wheel-arrow img{animation-play-state:paused}}.work-wheel-cursor{z-index:10000;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.work-wheel-cursor-scale{transform-origin:0;transition:transform .5s cubic-bezier(.645,.045,.355,1);transform:translate(18px,-60px)scale(.4)}.work-wheel-cursor .work-wheel>*{transition:opacity .35s cubic-bezier(.645,.045,.355,1),visibility 0s linear .35s}.work-wheel-cursor.is-visible .work-wheel-cursor-scale{transform:translate(18px,-60px)scale(1)}.work-wheel-cursor.is-visible .work-wheel>*{opacity:1;visibility:visible;transition:opacity .35s cubic-bezier(.645,.045,.355,1),visibility}.work-wheel-cursor.is-visible .work-wheel-ring,.work-wheel-cursor.is-visible .work-wheel-arrow img{animation-play-state:running}@media (hover:none),(pointer:coarse){.work-wheel-cursor{display:none}}@media (prefers-reduced-motion:reduce){.work-wheel-cursor-scale,.work-wheel-cursor .work-wheel>*{transition:none}}@media not (min-width:768px){[data-project-image] .work-wheel{zoom:.5}}@media (hover:none){.work-wheel-disc{-webkit-backdrop-filter:none;backdrop-filter:none}.work-wheel-disc--outer{background:#0d1216b8}.work-wheel-disc--inner{background:#0d121659}}