/* Work classification pills only. Hit boxes and original source positions stay fixed. */
body[data-page="work"] .pill-visual{display:none;pointer-events:none}
@media(min-width:761px) and (hover:hover) and (pointer:fine){
body[data-page="work"] .project-tags.pill-live::after{visibility:hidden}
body[data-page="work"] .project-tags.pill-ready>.tag{pointer-events:auto;margin:0;min-height:0;min-width:0;white-space:nowrap}
body[data-page="work"] .project-tags.pill-live .pill-visual{position:absolute;inset:0;display:block;border-radius:999px;overflow:hidden;transform:translate(var(--magnet-x,0px),var(--magnet-y,0px));transition:transform 220ms cubic-bezier(.22,1,.36,1);pointer-events:none}
body[data-page="work"] .pill-full,body[data-page="work"] .pill-border,body[data-page="work"] .pill-fill,body[data-page="work"] .pill-text-window,body[data-page="work"] .pill-text-ink{position:absolute;display:block;pointer-events:none}
body[data-page="work"] .pill-full,body[data-page="work"] .pill-border{inset:0;background:#000;-webkit-mask:var(--pill-mask) center/100% 100% no-repeat;mask:var(--pill-mask) center/100% 100% no-repeat}
body[data-page="work"] .pill-border{visibility:hidden}
body[data-page="work"] .pill-fill{left:-20%;bottom:-50%;width:140%;height:200%;border-radius:50%;background:#000;transform:translateY(100%);transition:transform 450ms cubic-bezier(.22,1,.36,1)}
body[data-page="work"] .pill-text-window{overflow:hidden;visibility:hidden}
body[data-page="work"] .pill-text-ink{inset:0;background:#000;-webkit-mask:var(--pill-text-mask) center/100% 100% no-repeat;mask:var(--pill-text-mask) center/100% 100% no-repeat;transition:transform 260ms cubic-bezier(.22,1,.36,1)}
body[data-page="work"] .pill-text-ink:last-child{background:#fff;transform:translateY(100%)}
body[data-page="work"] .tag.is-pill-moving .pill-full,body[data-page="work"] .tag.is-pill-active .pill-full{visibility:hidden}
body[data-page="work"] .tag.is-pill-moving .pill-border,body[data-page="work"] .tag.is-pill-active .pill-border,body[data-page="work"] .tag.is-pill-moving .pill-text-window,body[data-page="work"] .tag.is-pill-active .pill-text-window{visibility:visible}
body[data-page="work"] .tag.is-pill-active .pill-fill{transform:translateY(0)}
body[data-page="work"] .tag.is-pill-active .pill-text-ink:first-child{transform:translateY(-100%)}
body[data-page="work"] .tag.is-pill-active .pill-text-ink:last-child{transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){body[data-page="work"] .pill-visual,body[data-page="work"] .pill-fill,body[data-page="work"] .pill-text-ink{transition:none!important;transform:none!important}body[data-page="work"] .tag:not(.is-pill-active) .pill-fill{visibility:hidden}body[data-page="work"] .tag.is-pill-active .pill-text-ink:first-child,body[data-page="work"] .tag:not(.is-pill-active) .pill-text-ink:last-child{visibility:hidden}}