.design-2026 .comparison-section{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;background:#191919}
.comparison-section h2{margin:20px 0}.comparison-section p{max-width:440px;line-height:1.7}.design-2026 .comparison-note{font-size:13px;color:#c6c1b7;border-left:2px solid #e1b94f;padding-left:16px;margin-top:28px}
.comparison-frame{position:relative;aspect-ratio:3/4;width:100%;max-width:600px;overflow:hidden;border-radius:5px;touch-action:pan-y;cursor:ew-resize;user-select:none;background:#252320}
.comparison-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.comparison-dirty{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.comparison-label{position:absolute;top:16px;z-index:2;padding:8px 10px;background:#101010ed;color:#f4f1e9;font-size:11px;pointer-events:none;max-width:44%}.dirty-label{left:12px}.clean-label{right:12px}
.comparison-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#e1b94f;transform:translateX(-50%);pointer-events:none;z-index:3}
.comparison-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e1b94f;color:#101010;font-size:26px;box-shadow:0 2px 15px #0004}
#comparison-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;z-index:4}
.comparison-frame:focus-within{outline:3px solid #e1b94f;outline-offset:5px}
@media(max-width:800px){.design-2026 .comparison-section{grid-template-columns:1fr;gap:28px}.comparison-frame{max-width:550px;margin:auto}.comparison-section p{max-width:none}.comparison-label{font-size:10px}}