/* Before/after slider for the Cornerstone case study */
.cmp-tabs{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap}
.cmp-tabs button{font:inherit;font-size:.82rem;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid #1E222A;background:transparent;color:var(--stone,#9aa4b2);cursor:pointer}
.cmp-tabs button[aria-selected="true"]{background:var(--vein-soft,rgba(201,166,107,.15));color:var(--vein,#C9A66B);border-color:var(--vein,#C9A66B)}
.cmp-tabs button:focus-visible,.cmp-range:focus-visible{outline:2px solid var(--vein,#C9A66B);outline-offset:2px}
.cmp-stage{position:relative;overflow:hidden;background:#0A1520;touch-action:pan-y}
.cmp-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none}
.cmp-before{clip-path:inset(0 50% 0 0)}
.cmp-label{position:absolute;top:12px;padding:4px 10px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(10,21,32,.82);color:#fff;pointer-events:none}
.cmp-label-before{left:12px}.cmp-label-after{right:12px}
.cmp-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translateX(-1px);pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.cmp-handle i{position:absolute;top:50%;left:50%;width:38px;height:38px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 4px 14px rgba(0,0,0,.4)}
.cmp-handle i::before,.cmp-handle i::after{content:"";position:absolute;top:50%;width:0;height:0;border:6px solid transparent;transform:translateY(-50%)}
.cmp-handle i::before{left:5px;border-right-color:#0D1B2A}.cmp-handle i::after{right:5px;border-left-color:#0D1B2A}
.cmp-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}
.cmp-range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:1200px}
.cmp-range::-moz-range-thumb{width:44px;height:1200px;border:0;background:transparent}
@media (prefers-reduced-motion:reduce){.cmp-stage *{transition:none!important}}
