/* Lens nav + travelling dot. */
.workLensPane{will-change:opacity, transform;width:100%}
@media (prefers-reduced-motion:reduce) {
.workLensPane{will-change:opacity}
}
.workLenses{flex-wrap:wrap;align-items:center;gap:28px;padding:12px 0 20px;display:flex}
.workLens{min-height:44px;font-family:var(--font-body);color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;align-items:center;gap:6px;margin-block:calc(.6em - 22px);margin-inline:-8px;padding:0 8px;font-size:15px;font-weight:400;line-height:1.2;transition:color .167s linear;display:inline-flex}
.workLens:hover{color:var(--text)}
.workLensLabel{text-align:left;display:inline-grid}
.workLensLabel>span{grid-area:1/1;justify-self:start}
.workLensLabelSizer{visibility:hidden;font-weight:500}
.workLens.on{color:var(--text);font-weight:500}
.workLenses{position:relative}
.workLensDot{--lens-dot-hop:1;background:var(--text);pointer-events:none;opacity:0;will-change:transform;border-radius:50%;width:5px;height:5px;position:absolute;top:0;left:0}
.workLensDot[data-ready]{opacity:1}
.workLens:focus-visible{outline:1px solid var(--color-border);outline-offset:4px}
@media (prefers-reduced-motion:reduce) {
.workLens,.workListRow,.workListArrow,.engCard{transition:none}
}
@media (max-width:720px) {
.workMain .workLenses{padding-inline-end:12px}
.workLensDot{--lens-dot-hop:.3}
.workLenses{overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:16px 30px;max-width:100%;overflow:auto hidden}
.workLenses::-webkit-scrollbar{display:none}
.workLens{white-space:nowrap;flex:none;margin-inline:-4px;padding-inline:4px}
.workLens:not(.on),.workLens:not(.on):hover{color:var(--muted)}
}
@media (max-width:560px) {
.workLenses{gap:12px 20px;padding:8px 0 16px}
.workLens{gap:4px;min-height:44px;font-size:15px}
}
@media (max-width:400px) {
.workLenses{gap:10px 18px}
.workLens{gap:3px;margin-inline:-3px;padding-inline:3px;font-size:15px}
}
@media (min-width:901px) {
.workLayout-stack .workLenses{justify-content:center;padding-bottom:32px}
}
.workLens{ border-radius: var(--radius-pill); }