.mp-ba{background:#111315;color:#fff;padding:64px 24px;text-align:center}.mp-ba-inner{max-width:1200px;margin:auto}.mp-ba-eyebrow{color:#ff6c79;letter-spacing:.2em;font-size:12px;margin:0 0 16px}.mp-ba h2{font-family:var(--font-heading--family,Arial,sans-serif);font-size:clamp(27px,4.5vw,56px);line-height:1.12;color:#fff;margin:0 0 16px}.mp-ba-intro{color:#d1d2d5;margin:0 0 28px;font-size:16px}.mp-ba-frame{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:12px;border:1px solid #555;isolation:isolate}.mp-ba-frame>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.mp-ba-before{clip-path:inset(0 calc(100% - var(--mp-split)) 0 0)}.mp-ba-label{position:absolute;top:18px;z-index:2;font-size:12px;font-weight:700;padding:9px 15px;border-radius:30px}.mp-ba-label-before{left:18px;background:#202225}.mp-ba-label-after{right:18px;background:#d71930}.mp-ba-divider{position:absolute;z-index:3;left:var(--mp-split);top:0;bottom:0;width:3px;background:#fff;transform:translateX(-50%);pointer-events:none}.mp-ba-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#fff;color:#17191c;font-size:34px;letter-spacing:4px;box-shadow:0 3px 18px #0006;display:flex;align-items:center;justify-content:center;padding-left:4px}.mp-ba-range{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.mp-ba-frame:focus-within{outline:3px solid #ff6c79;outline-offset:5px}.mp-ba-note{font-size:12px;color:#b6b8bd;margin:14px 0 24px}.mp-ba-cta{display:inline-flex;gap:36px;align-items:center;justify-content:center;min-height:52px;padding:16px 28px;background:#d71930;color:#fff;text-decoration:none;border-radius:6px;font-weight:700;transition:background .2s}.mp-ba-cta:hover{background:#ef233d}.mp-ba-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:600px){.mp-ba{padding:44px 18px}.mp-ba-intro{font-size:14px;line-height:1.5}.mp-ba-label{top:10px;padding:6px 10px;font-size:10px}.mp-ba-label-before{left:10px}.mp-ba-label-after{right:10px}.mp-ba-handle{width:44px;height:44px;font-size:28px}.mp-ba-cta{width:100%}}@media(prefers-reduced-motion:reduce){.mp-ba-cta{transition:none}}
