.work-reveal[hidden]{display:none}
.work-comparison.is-reveal-ready>.work-pair,.work-comparison.is-reveal-ready>.work-pair-switch{display:none!important}
.work-reveal{width:100%;max-width:780px;margin-inline:auto}
.work-reveal-stage{position:relative;isolation:isolate;aspect-ratio:1;overflow:hidden;background:#e9e9e4}
.work-reveal-layer{position:absolute;inset:0;pointer-events:none}
.work-reveal-layer>svg,.work-reveal-layer>img{display:block;width:100%;height:100%;object-fit:cover}
.work-reveal-before{opacity:var(--before-opacity,0);transition:opacity .15s ease}
.work-reveal-tags{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;z-index:2}
.work-reveal-tags>span{background:#fff;color:#171a16;padding:8px 14px;font-size:14px;line-height:1.3;box-shadow:0 1px 8px #0001}
.work-reveal-enlarge{position:absolute;z-index:4;right:18px;bottom:18px;width:44px;height:44px;border:1px solid #fff6;background:#161a16e8;color:#fff;display:grid;place-items:center;cursor:zoom-in}
.work-reveal-enlarge svg{width:20px;height:20px}
.work-reveal-enlarge:focus-visible,.work-reveal-states button:focus-visible{outline:3px solid #97cc02;outline-offset:3px}
.work-reveal-bar{padding:12px;background:#171a16;color:#fff}
.work-reveal-states{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.work-reveal-states button{min-height:52px;border:1px solid #ffffff50;padding:12px 16px;font:inherit;font-size:16px;background:transparent;color:#fff;cursor:pointer;touch-action:manipulation}
.work-reveal-states button[aria-pressed=true]{background:#fff;border-color:#fff;color:#171a16}
.work-case[data-work-category=delicate] .work-case-visual{min-width:0}
@media(max-width:600px){.work-reveal-tags{top:14px;left:14px;right:14px}.work-reveal-tags>span{padding:7px 11px}.work-reveal-enlarge{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.work-reveal *{transition:none!important}}