.staging-showcase{margin-top:65px}.staging-showcase h2{font-size:clamp(2.2rem,4vw,3.3rem);margin:0 0 14px}.comparison-intro{color:var(--muted);margin:0 0 28px}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.comparison{margin:0;min-width:0}.comparison-frame{position:relative;aspect-ratio:2048/1366;overflow:hidden;background:var(--paper);isolation:isolate}.comparison-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-label{position:absolute;top:16px;padding:5px 12px;background:rgba(25,35,46,.8);color:#fff;font-size:12px;font-weight:700;letter-spacing:.05em;pointer-events:none}.before-label{left:16px}.after-label{right:16px}.comparison-divider{position:absolute;top:0;bottom:0;left:var(--split);width:3px;transform:translateX(-50%);background:#fff;box-shadow:0 0 6px #0005;pointer-events:none}.comparison-divider>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:2px solid #fff;border-radius:50%;background:var(--blue);color:#fff;font-size:27px;line-height:1;letter-spacing:4px;padding-left:4px}.comparison-control{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;z-index:3}.comparison-frame:focus-within{outline:3px solid var(--blue);outline-offset:4px}.comparison figcaption{font-weight:700;color:var(--blue-deep);padding-top:12px}@media(max-width:680px){.comparison-grid{grid-template-columns:1fr;gap:28px}.staging-showcase{margin-top:45px}.comparison-label{top:12px}.before-label{left:12px}.after-label{right:12px}}