.before-after-section{background-color:var(--color-bg-alt)}.tactile-slider-container{background:var(--color-bg-main);border-radius:var(--radius-xl);border:1px solid var(--color-border);max-width:1000px;box-shadow:var(--shadow-lg);margin:0 auto;padding:20px}.before-after-caption{max-width:780px;color:var(--color-text-muted);text-align:center;margin:1rem auto 0}.slider-canvas{aspect-ratio:16/9;border-radius:var(--radius-lg);cursor:ew-resize;position:relative;overflow:hidden}.image-layer{background-position:50%;background-size:cover;position:absolute;inset:0}.layer-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.1em;z-index:5;background:#0f172acc;border:1px solid #ffffff1a;border-radius:20px;padding:6px 16px;font-size:.7rem;font-weight:800;position:absolute;top:24px}.before-tag{left:24px}.after-tag{color:var(--color-secondary);right:24px}.tactile-handle{background:var(--color-secondary);z-index:10;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.handle-glow{pointer-events:none;background:linear-gradient(90deg,#0000,#eab3084d,#0000);width:30px;position:absolute;top:0;bottom:0;left:-15px}.handle-bar{width:100%;height:100%}.handle-orb{background:var(--color-primary);border:2px solid var(--color-secondary);width:48px;height:48px;color:var(--color-secondary);border-radius:50%;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #0006}.interaction-hint{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:10;pointer-events:none;background:#ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:600;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.tactile-input{opacity:0;z-index:20;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.slider-canvas{aspect-ratio:4/3}.layer-tag{font-size:.6rem;top:12px}.handle-orb{width:40px;height:40px}}