.rn-ba-section{background:var(--rn-ba-bg,#f7f2ed);color:var(--rn-ba-ink,#30231d);padding:64px 24px}
.rn-ba-section *{box-sizing:border-box}
.rn-ba-wrap{max-width:1060px;margin:auto;display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1fr);gap:64px;align-items:center}
.rn-ba-copy .rn-ba-eyebrow{font:11px/1.5 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#966b51;margin:0 0 20px}
.rn-ba-copy h2{font:normal clamp(30px,4vw,48px)/1.12 Georgia,serif;margin:0 0 22px;letter-spacing:-.025em}
.rn-ba-copy p{font:15px/1.8 Arial,sans-serif;max-width:39em}
.rn-ba-copy .rn-ba-note{font-size:12px;color:#6d5d52;border-top:1px solid #d8c8ba;padding-top:18px;margin-top:28px}
reneora-before-after{display:block;min-width:0;--rn-ba-position:50%}
.rn-ba-stage{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#eadfd5;cursor:ew-resize;touch-action:pan-y;user-select:none;isolation:isolate}
.rn-ba-stage:focus-visible{outline:3px solid #805d44;outline-offset:5px}
.rn-ba-panel{position:absolute;inset:0}
.rn-ba-panel[hidden]{display:none!important}
.rn-ba-panel>img,.rn-ba-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.rn-ba-after{clip-path:inset(0 calc(100% - var(--rn-ba-position)) 0 0)}
.rn-ba-line{position:absolute;z-index:3;top:0;bottom:0;left:var(--rn-ba-position);width:2px;background:#fff;box-shadow:0 0 3px #39271d55;transform:translateX(-50%);pointer-events:none}
.rn-ba-handle{position:absolute;z-index:4;left:clamp(24px,var(--rn-ba-position),calc(100% - 24px));top:50%;width:46px;height:46px;border-radius:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;background:#fffcf7;color:#3b2a20;border:1px solid #ddd0c4;font:22px Arial,sans-serif;box-shadow:0 2px 12px #30231d25;pointer-events:none}
.rn-ba-tag{position:absolute;z-index:2;top:16px;background:#fffcf7eF;color:#30231d;padding:7px 11px;font:10px/1.2 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;pointer-events:none}
.rn-ba-tag--before{left:16px}.rn-ba-tag--after{right:16px}
.rn-ba-caption{min-height:24px;margin:15px 0 8px;font:13px/1.5 Arial,sans-serif;text-align:center}
.rn-ba-profiles{display:flex;gap:12px;justify-content:center;margin-top:16px}
.rn-ba-profile{border:1px solid transparent;background:none;padding:5px;cursor:pointer;color:inherit;min-width:70px;max-width:120px;font:11px/1.4 Arial,sans-serif}
.rn-ba-profile img,.rn-ba-thumb{display:block;width:56px;height:56px;border-radius:50%;object-fit:cover;margin:0 auto 7px;background:#e0cdbf}
.rn-ba-profile[aria-pressed=true]{border-color:#866447;border-radius:4px;background:#ffffff55}
.rn-ba-profile:focus-visible{outline:2px solid #805d44;outline-offset:3px}
.rn-ba-help{font:11px/1.5 Arial,sans-serif;text-align:center;color:#6d5d52;margin:12px 0 0}
.rn-ba-editor-note{padding:24px;border:1px dashed #866447;font:14px/1.6 Arial,sans-serif}
@media(max-width:700px){.rn-ba-section{padding:36px 20px}.rn-ba-wrap{grid-template-columns:1fr;gap:22px;max-width:480px}.rn-ba-copy h2{font-size:32px;margin-bottom:12px}.rn-ba-copy .rn-ba-eyebrow{margin-bottom:12px}.rn-ba-copy .rn-ba-note{margin-top:16px;padding-top:12px}.rn-ba-copy p{font-size:14px}.rn-ba-stage{max-height:70svh}.rn-ba-tag{top:12px}}
@media(prefers-reduced-motion:reduce){.rn-ba-section *{animation:none!important;transition:none!important}}

.rn-ba-endpoints{display:flex;justify-content:space-between;gap:20px;margin-top:12px}
.rn-ba-endpoints button{border:1px solid #d8c8ba;border-radius:3px;background:#fffcf7;color:#30231d;padding:10px 16px;min-height:44px;font:11px/1.3 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.rn-ba-endpoints button[aria-pressed=true]{background:#30231d;color:#fffcf7}
.rn-ba-endpoints button:focus-visible{outline:2px solid #805d44;outline-offset:3px}