/* One continuous Work link; expands within reserved space without shifting content. */
.rail-left.work-rail{--preview-size:120px;--tile-height:clamp(64px,14vh,118px);width:var(--rail);display:block;overflow:visible;transition:width .5s cubic-bezier(.22,1,.36,1),background-color .35s;border-right:1px solid var(--line)}
.work-rail-link{position:relative;display:block;width:100%;height:100%;color:var(--ink);cursor:pointer}
.work-rail-previews{position:absolute;top:5vh;left:0;display:flex;flex-direction:column;pointer-events:none}
.work-rail-tile{position:relative;display:block;height:var(--tile-height);width:36px;overflow:hidden;background:#292e31;transition:width .5s cubic-bezier(.22,1,.36,1)}
.work-rail-tile:nth-child(2){width:52px;background:#626c68}
.work-rail-tile:nth-child(3){width:68px;background:#9aa68a}
.work-rail-tile:nth-child(4){width:84px;background:#c9d4af}
.work-rail-tile img{display:block;width:var(--preview-size);height:100%;object-fit:cover;opacity:1;transform:translateX(calc(36px - var(--preview-size)));transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .25s;transition-delay:0s}
.work-rail-tile:nth-child(2) img{transform:translateX(calc(52px - var(--preview-size)))}
.work-rail-tile:nth-child(3) img{transform:translateX(calc(68px - var(--preview-size)))}
.work-rail-tile:nth-child(4) img{transform:translateX(calc(84px - var(--preview-size)))}
.work-rail-label{position:absolute;bottom:38px;left:50%;font-size:19px;font-weight:600;line-height:1;white-space:nowrap;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);transition:color .25s}
.rail-left.work-rail:is(:hover,:focus-within){width:var(--preview-size);background:var(--orange)}
.work-rail:is(:hover,:focus-within) .work-rail-tile{width:var(--preview-size)}
.work-rail:is(:hover,:focus-within) .work-rail-tile img{opacity:1;transform:translateX(0)}
.work-rail:is(:hover,:focus-within) .work-rail-tile:nth-child(1) img{transition-delay:.04s}
.work-rail:is(:hover,:focus-within) .work-rail-tile:nth-child(2) img{transition-delay:.09s}
.work-rail:is(:hover,:focus-within) .work-rail-tile:nth-child(3) img{transition-delay:.14s}
.work-rail:is(:hover,:focus-within) .work-rail-tile:nth-child(4) img{transition-delay:.19s}
.work-rail-link:focus-visible{outline:2px solid var(--ink);outline-offset:-5px}
@media(max-width:1050px) and (min-width:701px){.rail-left.work-rail{--preview-size:104px}.work-rail-label{font-size:16px}.work-rail-tile{width:28px}.work-rail-tile:nth-child(2){width:40px}.work-rail-tile:nth-child(3){width:52px}.work-rail-tile:nth-child(4){width:64px}}
@media(max-width:700px){.rail-left.work-rail{display:none}}
@media(prefers-reduced-motion:reduce){.rail-left.work-rail,.work-rail-tile,.work-rail-tile img{transition:none!important}}