.comparison-figure{margin:0;padding:0}.slider-caption{font-size:.9em;text-align:center;font-style:italic;color:#555;margin:.5rem 0}.comparison-container{position:relative;width:100%;max-width:1000px;margin:2rem auto 0;line-height:0;overflow:shown;user-select:none;cursor:ew-resize}.comparison-container img{display:block;width:100%;height:auto;border-radius:16px;user-select:none;pointer-events:none;transition:max-height .3s ease,height .3s ease}.comparison-container .comparison-bottom img{box-shadow:0 4px 12px rgba(0,0,0,.3)}.comparison-side{position:absolute;top:0;left:0;width:100%;height:100%}.comparison-bottom{position:relative;z-index:1}.comparison-top{clip-path:inset(0 50% 0 0);z-index:2}.comparison-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#f9f9f9;cursor:ew-resize;transform:translateX(-50%);z-index:10}.comparison-handle::before{content:'';position:absolute;top:50%;left:50%;width:clamp(2.2rem,9.35vw,3rem);height:clamp(2.2rem,9.35vw,3rem);background-color:#fff;border-radius:50%;transform:translate(-50%,-50%);border:4px solid #0093ff;box-shadow:0 2px 8px rgba(0,0,0,.3);transition:border .2s ease,box-shadow .2s ease,transform .2s ease}.comparison-handle:focus-visible{outline:0}.comparison-handle:focus-visible::before{border:4px solid var(--yellow-light);box-shadow:0 0 0 3px rgba(255,214,53,.5);transform:translate(-50%,-50%) scale(1.1)}.handle-icon{position:absolute;top:50%;left:50%;width:clamp(1.2rem,5.1vw,1.75rem);height:clamp(1.2rem,5.1vw,1.75rem);transform:translate(-50%,-50%)}.comparison-label{position:absolute;font-size:clamp(1rem, 4.5vw, 2.5rem);font-weight:700;line-height:normal;color:#000;text-shadow:0 2px 6px rgba(0,0,0,.2);padding:.25em .5em;user-select:none;pointer-events:none}.comparison-label.top-left{top:0;left:0}.comparison-label.top-right{top:0;right:0}.comparison-label.brown{color:#662721}.comparison-label.blue{color:#0a0175}.comparison-label.white{color:#fff}@media (max-width:1023px) and (orientation:landscape){.comparison-container{height:auto;width:auto;max-width:100%}.comparison-container img{max-height:min(calc(99dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)),99vh,500px);width:auto;margin:0 auto;display:block}.comparison-side .image-wrapper{display:inline-block;position:relative}.comparison-side{text-align:center}.comparison-label{font-size:clamp(1rem, 8vh, 2.5rem)}}@media (prefers-color-scheme:dark){.comparison-handle{background:var(--body-bg-dark)}.slider-caption{color:#bbb}}