@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');
/* Little Jellyfish Studio — editorial before/after, scoped to avoid theme conflicts */
.lj-before-after{position:relative;background:#fbf8f3!important;color:#20292c!important;padding:76px max(28px,calc((100vw - 1480px)/2)) 84px!important;overflow:hidden}
.lj-before-after *{box-sizing:border-box}
.lj-ba-inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr)!important;align-items:center!important;gap:clamp(52px,5.4vw,104px)!important;max-width:1480px!important;margin:0 auto!important}
.lj-ba-intro{align-self:center;max-width:640px}
.lj-eyebrow{display:block!important;text-transform:uppercase;letter-spacing:.24em;color:#59656a;font-family:'Quicksand',sans-serif;font-size:clamp(13px,1.1vw,17px)!important;font-weight:500;margin-bottom:36px}
.lj-ba-intro h2{font-family:'Quicksand',sans-serif!important;font-weight:500!important;font-size:clamp(52px,5.2vw,84px)!important;letter-spacing:-.052em!important;line-height:1.14!important;color:#1c2528!important;max-width:660px!important;margin:0 0 46px!important;text-wrap:balance}
.lj-ba-intro h2:last-child{margin-bottom:0!important}
.lj-ba-intro p{font-family:'Quicksand',sans-serif!important;font-size:clamp(19px,1.65vw,27px)!important;font-weight:400!important;line-height:1.66!important;color:#5b6467!important;max-width:590px!important;margin:0!important}
.lj-ba-media{min-width:0!important;width:100%}
.lj-ba-comparison{position:relative!important;aspect-ratio:4/5!important;width:100%!important;overflow:hidden!important;border-radius:34px!important;background:#fbf8f3!important;isolation:isolate;box-shadow:none!important}
.lj-ba-after,.lj-ba-before{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important}
.lj-ba-before{clip-path:inset(0 calc(100% - var(--position)) 0 0)!important;z-index:1!important}
.lj-ba-comparison img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;display:block!important;object-position:center!important;object-fit:contain!important;border:0!important}
.lj-ba-after img{object-fit:cover!important;object-position:50% 50%!important}
.lj-ba-before img{object-fit:contain!important;object-position:center!important;background:#fbf8f3!important}
.lj-ba-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:#d8e1d6;font-size:23px}.lj-ba-before .lj-ba-placeholder{background:#f9f4e9}.lj-ba-placeholder small{font-size:13px;margin-top:15px}
.lj-ba-divider{pointer-events:none!important;position:absolute!important;z-index:2!important;top:0!important;bottom:0!important;left:var(--position)!important;width:2px!important;background:#fff!important;transform:translateX(-50%)!important}
.lj-ba-divider span{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:58px!important;height:58px!important;display:grid!important;place-items:center!important;background:#fff!important;color:#24343a!important;border-radius:50%!important;box-shadow:0 4px 20px #0002!important;font-size:27px!important}
.lj-ba-comparison input[type=range]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;cursor:ew-resize!important;z-index:3!important;touch-action:pan-y!important}
.lj-ba-comparison input[type=range]:focus-visible{opacity:.12!important;outline:4px solid #bd5d4b}
.lj-ba-captions{display:flex!important;justify-content:space-between!important;gap:15px!important;margin-top:23px!important;font-family:'Quicksand',sans-serif!important;font-size:clamp(12px,1vw,16px)!important;font-weight:500!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:#526066!important}
@media(max-width:900px){.lj-before-after{padding:60px 24px 70px!important}.lj-ba-inner{gap:32px!important}.lj-ba-intro h2{font-size:clamp(40px,5.4vw,65px)!important;margin-bottom:25px!important}.lj-ba-intro p{font-size:18px!important}.lj-eyebrow{margin-bottom:22px}}
@media(max-width:700px){.lj-before-after{padding:56px 20px 62px!important}.lj-ba-inner{grid-template-columns:1fr!important;gap:35px!important}.lj-ba-intro h2{font-size:clamp(42px,10vw,62px)!important;max-width:550px!important}.lj-ba-intro p{font-size:17px!important;line-height:1.6!important}.lj-ba-comparison{aspect-ratio:4/5!important;border-radius:24px!important}.lj-ba-divider span{width:48px!important;height:48px!important;font-size:23px!important}.lj-ba-captions{font-size:11px!important;letter-spacing:.13em!important}}