/* ALPHA — reveal-compare */
.reveal-compare .rc-wrap{display:grid;gap:28px}
.reveal-compare .rc-wrap__text:empty{display:none}
.reveal-compare .rc-wrap__media{max-width:var(--rc-max,1000px);margin:0 auto;width:100%}
.reveal-compare .rc__item{margin:0}
.reveal-compare .rc{position:relative;display:block;overflow:hidden;aspect-ratio:var(--ratio,1.5);border-radius:var(--media-radius,var(--card-radius));background:rgb(var(--c-card));user-select:none;touch-action:pan-y}
.reveal-compare .rc--vertical{touch-action:pan-x}
.reveal-compare .rc__layer{position:absolute;inset:0}
.reveal-compare .rc__layer img,.reveal-compare .rc__layer svg{width:100%;height:100%;object-fit:cover}
.reveal-compare .rc--horizontal .rc__layer--before{clip-path:inset(0 calc(100% - var(--pos,50%)) 0 0)}
.reveal-compare .rc--vertical .rc__layer--before{clip-path:inset(0 0 calc(100% - var(--pos,50%)) 0)}
.reveal-compare .rc__label{position:absolute;top:14px;padding:5px 12px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.04em}
.reveal-compare .rc__label--before{left:14px}.reveal-compare .rc__label--after{right:14px}
.reveal-compare .rc--vertical .rc__label--after{top:auto;bottom:14px}
.reveal-compare .rc__handle{position:absolute;z-index:2;pointer-events:none;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.reveal-compare .rc--horizontal .rc__handle{top:0;bottom:0;width:2px;left:var(--pos,50%);transform:translateX(-1px)}
.reveal-compare .rc--vertical .rc__handle{left:0;right:0;height:2px;top:var(--pos,50%);transform:translateY(-1px)}
.reveal-compare .rc__knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.reveal-compare .rc--vertical .rc__knob{transform:translate(-50%,-50%) rotate(90deg)}
.reveal-compare .rc__range{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.reveal-compare .rc--vertical .rc__range{writing-mode:vertical-lr;cursor:ns-resize}
.reveal-compare .rc:has(.rc__range:focus-visible) .rc__knob{outline:3px solid rgb(var(--c-accent));outline-offset:2px}
.reveal-compare .rc__caption{margin-top:10px;text-align:center}
.reveal-compare .rc__btns{margin-top:24px}
.reveal-compare .rc__slider .slider{gap:0}
@media (min-width:990px){
.reveal-compare .rc-wrap--side{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;gap:clamp(32px,5vw,80px)}
.reveal-compare .rc-wrap--text-right .rc-wrap__text{order:2}
.reveal-compare .rc-wrap--side .rc-wrap__media{max-width:none}
}