.ba-section{padding:var(--space-20, 5rem) 0;background:linear-gradient(180deg,#fafaf9,#fff 60%,#fafaf9);position:relative;overflow:hidden}.ba-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(200,146,42,.06) 0%,transparent 60%);pointer-events:none}.ba-container{max-width:1100px;margin:0 auto;padding:0 1.5rem;text-align:center;position:relative;z-index:1}.ba-header{margin-bottom:2.5rem}.ba-eyebrow{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:#a16207;margin-bottom:.85rem;font-weight:600}.ba-title{font-family:var(--font-heading, "Playfair Display", serif);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:500;color:#1c1917;margin:0 0 .6rem;line-height:1.15;letter-spacing:-.01em}.ba-title em{font-style:italic;color:#c8922a}.ba-subtitle{font-size:1rem;color:#78716c;margin:0;font-style:italic}.ba-compare{position:relative;width:100%;max-width:820px;margin:0 auto;aspect-ratio:4/3;overflow:hidden;border-radius:22px;box-shadow:0 25px 70px #0000002e,0 0 0 1px #c8922a26;cursor:ew-resize;user-select:none;-webkit-user-select:none;touch-action:none}.ba-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ba-img__el{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ba-img--after{z-index:1}.ba-img--before{z-index:2;clip-path:polygon(0 0,50% 0,50% 100%,0 100%);-webkit-clip-path:polygon(0 0,50% 0,50% 100%,0 100%);will-change:clip-path}.ba-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(to bottom,#fff6,#fff 20% 80%,#fff6);box-shadow:0 0 14px #00000080,0 0 4px #c8922a4d;z-index:3;transform:translate(-50%);pointer-events:none;will-change:left}.ba-handle{position:absolute;top:50%;left:50%;width:56px;height:56px;transform:translate(-50%,-50%);z-index:4;cursor:ew-resize;will-change:left}.ba-handle__ring{width:100%;height:100%;background:#fff;border:2.5px solid #C8922A;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #00000047,inset 0 0 0 4px #c8922a14;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.ba-handle:hover .ba-handle__ring,.ba-handle.is-dragging .ba-handle__ring{transform:scale(1.12);box-shadow:0 10px 28px #c8922a73}.ba-label{position:absolute;top:1rem;padding:.45rem 1rem;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border-radius:100px;z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.ba-label--before{left:1rem;background:#1c1917c7;color:#fff;border:1px solid rgba(255,255,255,.15)}.ba-label--after{right:1rem;background:linear-gradient(135deg,#c8922af2,#a16207f2);color:#fff}.ba-img--placeholder{display:flex;align-items:center;justify-content:center;color:#8b7355}.ba-img--placeholder-after{background:linear-gradient(135deg,#f5f0e8,#e8dfd0)}.ba-img--placeholder-before{background:linear-gradient(135deg,#d8c8b0,#b5a085)}.ba-placeholder-label{text-align:center;font-size:.95rem;font-weight:500;line-height:1.5}.ba-placeholder-label small{display:block;font-size:.75rem;opacity:.75;margin-top:.4rem}.ba-hint{display:inline-flex;align-items:center;gap:.5rem;margin:1.5rem auto 0;font-size:.78rem;color:#78716c;font-style:italic;opacity:.85}.ba-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:720px;margin:3.5rem auto 0}.ba-stat__value{font-family:var(--font-heading, "Playfair Display", serif);font-size:clamp(2.25rem,5vw,3.25rem);font-weight:500;color:#c8922a;font-style:italic;line-height:1;margin-bottom:.5rem}.ba-stat__label{font-size:.72rem;color:#78716c;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.ba-gold-line{width:80px;height:1px;background:linear-gradient(to right,transparent,#C8922A 50%,transparent);margin:3rem auto}.ba-testimonial{max-width:620px;margin:0 auto}.ba-testimonial__quote{font-family:var(--font-heading, "Playfair Display", serif);font-size:clamp(1.05rem,2vw,1.3rem);font-style:italic;color:#44403c;line-height:1.6;margin:0 0 1rem;font-weight:400}.ba-testimonial__stars{color:#c8922a;font-size:1rem;margin-bottom:.6rem;letter-spacing:.18em}.ba-testimonial__author{font-size:.72rem;color:#78716c;text-transform:uppercase;letter-spacing:.14em;font-weight:600}.ba-cta{margin-top:2.5rem}.ba-cta__btn{display:inline-block;padding:.95rem 2.5rem;background:linear-gradient(135deg,#c8922a,#a16207);color:#fff;text-decoration:none;border-radius:100px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;transition:all .3s;box-shadow:0 8px 22px #c8922a52}.ba-cta__btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #c8922a80}@media(max-width:768px){.ba-section{padding:3rem 0}.ba-stats{grid-template-columns:1fr;gap:1.5rem;margin-top:2.5rem}.ba-handle{width:48px;height:48px}.ba-label{top:.6rem;padding:.35rem .75rem;font-size:.6rem}.ba-label--before{left:.6rem}.ba-label--after{right:.6rem}.ba-compare{border-radius:14px}.ba-gold-line{margin:2rem auto}}@media(prefers-reduced-motion:reduce){.ba-img--before,.ba-handle__ring,.ba-cta__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/before-after-skin.css.map */