.ctrl{display:flex;gap:3px}.ctrl button{width:54px;height:54px;background:var(--ink);color:var(--white);display:grid;place-items:center;font-size:22px;transition:transform 160ms var(--ease-out),background-color 200ms ease,opacity 200ms ease}.s-dark .ctrl button{background:var(--white);color:var(--ink)}.ctrl button:active{transform:scale(.95)}.ctrl button:disabled{opacity:.3;cursor:default}@media (hover:hover) and (pointer:fine){.ctrl button:not(:disabled):hover{background:var(--blue);color:var(--white)}}[data-track]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}[data-track]::-webkit-scrollbar{display:none}.wk-track{--cw:calc((100vw - max(24px, (100vw - 1280px) / 2) - 2 * 24px) / 2.5);gap:24px;padding:48px max(24px, (100vw - 1280px) / 2) 80px;scroll-padding-inline:max(24px, (100vw - 1280px) / 2)}.work-head,.rev-head,.ex-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.work-side{display:flex;align-items:center;gap:24px}@media (max-width:900px){.wk-track{--cw:82vw;gap:14px}.work-head,.rev-head,.ex-head{flex-direction:column;align-items:flex-start}.work-side .btn{display:none}}