.pair[hidden]{display:none}
.comparison{margin-top:clamp(20px,3.4vh,36px);--split:35%}
.comparison-frame{position:relative;aspect-ratio:8/5;isolation:isolate;overflow:hidden;border-radius:12px;background:#111;box-shadow:0 24px 64px #0005;touch-action:pan-y;cursor:ew-resize;user-select:none}
.comparison-frame img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.comparison-studio,.comparison-start{position:absolute;inset:0}
.comparison-start{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.comparison-divider{position:absolute;top:0;bottom:0;left:clamp(1px,var(--split),calc(100% - 1px));width:2px;background:#fff;transform:translateX(-50%);box-shadow:0 0 12px #0008;pointer-events:none}
.comparison-divider span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:44px;height:44px;border:1px solid #fff9;border-radius:50%;background:#101010e8;color:#fff;transform:translate(-50%,-50%);box-shadow:0 4px 20px #0006}
.comparison-divider svg{width:24px;height:24px}
.comparison[data-full=true] .comparison-divider{visibility:hidden}
.comparison-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.comparison-end{font:inherit;font-size:clamp(.8rem,1.2vw,1rem);line-height:1.35;background:transparent;color:var(--ink);border:1px solid var(--hair);border-radius:999px;padding:11px 16px;min-height:44px;cursor:pointer;transition:border-color .2s,color .2s}
.comparison-end:hover,.comparison-end[aria-pressed=true]{border-color:var(--hero-lit);color:var(--hero-lit)}
.comparison-hint{font-size:.8rem;color:var(--ink-mute)}
.comparison-range{appearance:none;display:block;width:100%;height:44px;margin:0;cursor:ew-resize;background:transparent}
.comparison-range::-webkit-slider-runnable-track{height:2px;background:#ffffff40;border-radius:2px}
.comparison-range::-moz-range-track{height:2px;background:#ffffff40;border-radius:2px}
.comparison-range::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-6px;border:2px solid #eee;border-radius:50%;background:#151515;box-shadow:0 0 0 4px #ffffff08}
.comparison-range::-moz-range-thumb{width:10px;height:10px;border:2px solid #eee;border-radius:50%;background:#151515;box-shadow:0 0 0 4px #ffffff08}
.comparison-end:focus-visible,.comparison-range:focus-visible{outline:2px solid var(--hero-lit);outline-offset:4px}
.comparison:has(.comparison-range:focus-visible) .comparison-frame{outline:2px solid var(--hero-lit);outline-offset:4px}
.comparison-captions{display:flex;justify-content:space-between;gap:20px;color:var(--ink-mute)}
.comparison-captions figcaption{font-size:.65rem;line-height:1.7;max-width:48%}
.comparison-captions figcaption:last-child{text-align:right}
@media(max-width:600px){.comparison-hint{display:none}.comparison-controls{gap:8px}.comparison-end{padding:10px 12px}.comparison-captions{gap:12px}.comparison-captions figcaption{font-size:.57rem}}
@media(prefers-reduced-motion:reduce){.comparison-end{transition:none}}