.art-ba{background:#24201C;color:#FAF8F5;padding:72px 20px;overflow:hidden}
.art-ba__inner{max-width:1080px;margin:0 auto}
.art-ba__head{text-align:center;margin-bottom:36px}
.art-ba__eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#A58657}
.art-ba__title{margin:0;font-family:"Fraunces",serif;font-weight:500;font-size:clamp(26px,4vw,40px);line-height:1.15}
.art-ba__sub{margin:14px auto 0;max-width:520px;font-size:15px;line-height:1.6;color:rgba(250,248,245,.72)}
.art-ba__frame{position:relative;display:block;border-radius:20px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 24px 60px rgba(0,0,0,.45);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}
.art-ba__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.art-ba__before{position:absolute;inset:0;width:50%;overflow:hidden;z-index:2}
.art-ba__before .art-ba__img{width:100vw;max-width:none}
.art-ba__tag{position:absolute;top:16px;z-index:4;padding:6px 14px;border-radius:999px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;background:rgba(36,32,28,.72);color:#FAF8F5;backdrop-filter:blur(6px)}
.art-ba__tag--before{left:16px}
.art-ba__tag--after{right:16px;background:#A58657;color:#24201C}
.art-ba__handle{position:absolute;top:0;bottom:0;left:50%;z-index:5;width:44px;margin-left:-22px;background:none;border:0;padding:0;cursor:ew-resize;display:flex;align-items:center;justify-content:center}
.art-ba__handle-line{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#FAF8F5;box-shadow:0 0 12px rgba(0,0,0,.4)}
.art-ba__handle-grip{position:relative;width:44px;height:44px;border-radius:50%;background:#A58657;color:#24201C;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.45);transition:transform .2s ease}
.art-ba__handle:hover .art-ba__handle-grip,.art-ba__handle:focus-visible .art-ba__handle-grip{transform:scale(1.1)}
.art-ba__handle-grip svg{width:22px;height:22px}
.art-ba__range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:6;margin:0;-webkit-appearance:none;appearance:none}
.art-ba__cta-wrap{text-align:center;margin-top:32px}
.art-ba__cta{display:inline-block;padding:14px 34px;border:1px solid #A58657;border-radius:999px;color:#A58657;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .25s ease,color .25s ease}
.art-ba__cta:hover{background:#A58657;color:#24201C}
@media (max-width:749px){
  .art-ba{padding:52px 14px}
  .art-ba__frame{border-radius:14px;aspect-ratio:3/3.4}
  .art-ba__head{margin-bottom:26px}
}
@media (prefers-reduced-motion:reduce){
  .art-ba__handle-grip{transition:none}
}