/* KRM Global — before/after slider */
.basec{overflow:hidden}
.ba{margin:clamp(28px,4vw,52px) auto 0;max-width:1120px}
.ba__v{position:relative;aspect-ratio:16/9;overflow:hidden;background:#15181c;--p:50%;touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.ba__v:after{content:"";position:absolute;inset:0;border:1px solid var(--gold-line,rgba(166,139,85,.45));z-index:4;pointer-events:none}
.ba__v picture,.ba__v img{position:absolute;inset:0;width:100%;height:100%;display:block}
.ba__v img{object-fit:cover;pointer-events:none}
.ba__after{position:absolute;inset:0;z-index:1;clip-path:inset(0 calc(100% - var(--p)) 0 0);-webkit-clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.ba__handle{position:absolute;top:0;bottom:0;left:var(--p);width:2px;margin-left:-1px;z-index:3;pointer-events:none;background:var(--metal-gold,#c9b27d);box-shadow:0 0 18px rgba(0,0,0,.55)}
.ba__handle span{position:absolute;top:50%;left:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:var(--metal-gold,#c9b27d);background-size:200% 100%;box-shadow:0 8px 24px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.3);display:grid;place-items:center}
.ba__handle span:before{content:"\2039\00a0\00a0\203A";font:700 20px/1 Arial,sans-serif;color:#1a150b;letter-spacing:1px;margin-top:-3px}
.ba__tag{position:absolute;top:14px;z-index:2;padding:8px 12px;font:10.5px/1 var(--label,Arial);letter-spacing:.2em;text-transform:uppercase;background:rgba(21,24,28,.74);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}
.ba__tag--a{left:14px;color:var(--gold-3,#e3d4ad)}
.ba__tag--b{right:14px;color:var(--silver-mid,#d9dde1)}
.ba__range{position:absolute;left:0;right:0;bottom:0;width:100%;height:1px;margin:0;opacity:0;pointer-events:none;z-index:5}
.ba__v:focus-within .ba__handle span{outline:2px solid #fff;outline-offset:4px}
.ba__hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:2;margin:0;padding:8px 14px;font:10.5px/1 var(--label,Arial);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;color:var(--ivory,#f5f3ee);background:rgba(21,24,28,.74);pointer-events:none;transition:opacity .5s}
.ba.is-used .ba__hint{opacity:0}
.ba figcaption{margin-top:16px;font:400 .88rem/1.55 var(--sans,Arial,sans-serif);letter-spacing:0;text-transform:none;color:var(--muted-d,#a7acb3);max-width:72ch}
.sec--paper .ba figcaption{color:var(--muted,#6a6f76)}
@media (max-width:640px){.ba__handle span{width:44px;height:44px;margin:-22px 0 0 -22px}.ba__tag{top:10px;padding:6px 9px;font-size:9.5px}.ba__tag--a{left:10px}.ba__tag--b{right:10px}.ba__v{aspect-ratio:4/3}}