/* Hanly Core Before / After */
.hc-before-after{--hc-ba-pos:50;--hc-ba-handle:#d77a24;--hc-ba-label-bg:rgba(8,8,7,.72);--hc-ba-label-color:#fff;--hc-ba-lens-width:42px;--hc-ba-lens-opacity:.42;position:relative;width:100%;height:var(--hc-ba-height,520px);min-height:180px;overflow:hidden;border-radius:var(--hc-ba-radius,24px);background:#111;isolation:isolate;touch-action:none;user-select:none}.hc-before-after[data-layout="auto"]{aspect-ratio:var(--hc-ba-aspect,16/9);height:auto}.hc-before-after__img{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--hc-ba-fit,cover);object-position:center;pointer-events:none}.hc-before-after__after{clip-path:inset(0 0 0 calc(var(--hc-ba-pos)*1%))}.hc-before-after[data-orientation="vertical"] .hc-before-after__after{clip-path:inset(calc(var(--hc-ba-pos)*1%) 0 0 0)}.hc-before-after__handle{position:absolute;z-index:5;top:0;bottom:0;left:calc(var(--hc-ba-pos)*1%);width:0;transform:translateX(-.5px);pointer-events:none}.hc-before-after__line{position:absolute;top:0;bottom:0;left:0;width:var(--hc-ba-line,2px);background:var(--hc-ba-handle);box-shadow:0 0 18px rgba(215,122,36,.35)}.hc-before-after[data-orientation="vertical"] .hc-before-after__handle{left:0;right:0;top:calc(var(--hc-ba-pos)*1%);bottom:auto;width:auto;height:0;transform:translateY(-.5px)}.hc-before-after[data-orientation="vertical"] .hc-before-after__line{left:0;right:0;top:0;width:auto;height:var(--hc-ba-line,2px)}.hc-before-after__knob{position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:999px;border:2px solid rgba(255,255,255,.9);background:rgba(8,8,7,.54);backdrop-filter:blur(10px);transform:translate(-50%,-50%);box-shadow:0 10px 34px rgba(0,0,0,.28);display:grid;place-items:center}.hc-before-after__knob:before{content:'↔';font-size:17px;line-height:1;color:#fff;letter-spacing:-.08em}.hc-before-after[data-orientation="vertical"] .hc-before-after__knob:before{content:'↕'}
.hc-before-after__lens{position:absolute;z-index:4;top:0;bottom:0;left:calc(var(--hc-ba-pos)*1%);width:var(--hc-ba-lens-width);transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,var(--hc-ba-lens-opacity)),rgba(255,255,255,0));backdrop-filter:blur(var(--hc-ba-blur,8px));opacity:1}.hc-before-after[data-lens="off"] .hc-before-after__lens{display:none}.hc-before-after[data-lens="glow"] .hc-before-after__lens{background:linear-gradient(90deg,rgba(215,122,36,0),rgba(215,122,36,.32),rgba(215,122,36,0));backdrop-filter:blur(10px)}.hc-before-after[data-orientation="vertical"] .hc-before-after__lens{left:0;right:0;top:calc(var(--hc-ba-pos)*1%);bottom:auto;width:auto;height:var(--hc-ba-lens-width);transform:translateY(-50%);background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,var(--hc-ba-lens-opacity)),rgba(255,255,255,0))}
.hc-before-after__label{position:absolute;z-index:6;top:18px;padding:7px 10px;border-radius:999px;background:var(--hc-ba-label-bg);color:var(--hc-ba-label-color);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(10px);pointer-events:none}.hc-before-after__label--before{left:18px}.hc-before-after__label--after{right:18px}.hc-before-after[data-labels="hide"] .hc-before-after__label{display:none}.hc-before-after__range{position:absolute;inset:0;z-index:8;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0}.hc-before-after[data-orientation="vertical"] .hc-before-after__range{cursor:ns-resize}.hc-before-after[data-preset="automotive"]{--hc-ba-radius:28px;--hc-ba-handle:#d77a24;--hc-ba-line:2px;--hc-ba-lens-width:52px;box-shadow:0 30px 90px rgba(0,0,0,.26)}.hc-before-after[data-preset="automotive"] .hc-before-after__label{background:rgba(9,10,9,.72);color:#f8f1e8}.hc-before-after[data-preset="clean"]{--hc-ba-radius:16px;--hc-ba-handle:#fff;box-shadow:0 20px 70px rgba(0,0,0,.18)}.hc-before-after.is-interacting .hc-before-after__knob{transform:translate(-50%,-50%) scale(.94)}
@media(max-width:767px){.hc-before-after{height:var(--hc-ba-mobile-height,var(--hc-ba-height,420px));border-radius:calc(var(--hc-ba-radius,24px) * .72)}.hc-before-after[data-layout="auto"]{height:auto}.hc-before-after__label{font-size:10px;top:12px}.hc-before-after__label--before{left:12px}.hc-before-after__label--after{right:12px}.hc-before-after__knob{width:38px;height:38px}}
@media (prefers-reduced-motion: reduce){.hc-before-after{--hc-ba-auto:0}}

.hc-compare{--hc-compare-align:left;--hc-compare-gap:22px;--hc-compare-editorial-max-width:720px;--hc-compare-eyebrow-color:#d77a24;--hc-compare-heading-color:inherit;--hc-compare-body-color:inherit;--hc-highlight-color:inherit;--hc-highlight-gap:10px;--hc-compare-surface-bg:rgba(8,8,7,.68);--hc-compare-surface-opacity:1;--hc-compare-surface-blur:14px;--hc-compare-surface-radius:22px;--hc-compare-surface-padding:22px;--hc-compare-button-color:#111;--hc-compare-button-bg:#fff;--hc-compare-button-border-color:#fff;--hc-compare-button-border-width:1px;--hc-compare-button-radius:999px;--hc-compare-button-padding:10px 16px;--hc-compare-button-hover-color:#fff;--hc-compare-button-hover-bg:#111;--hc-compare-button-hover-border-color:#111;display:grid;gap:var(--hc-compare-gap);width:100%}
.hc-compare__stage{position:relative}
.hc-compare-editorial{text-align:var(--hc-compare-align);max-width:var(--hc-compare-editorial-max-width)}
.hc-compare[data-editorial-layout="overlay"] .hc-compare-editorial{position:absolute;z-index:12;width:min(var(--hc-compare-editorial-max-width),calc(100% - 32px));padding:var(--hc-compare-surface-padding);border-radius:var(--hc-compare-surface-radius);background:transparent;color:#fff;isolation:isolate;pointer-events:none}
.hc-compare[data-editorial-layout="overlay"] .hc-compare-editorial::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--hc-compare-surface-bg);opacity:var(--hc-compare-surface-opacity);-webkit-backdrop-filter:blur(var(--hc-compare-surface-blur));backdrop-filter:blur(var(--hc-compare-surface-blur));pointer-events:none}
.hc-compare[data-editorial-layout="overlay"] .hc-compare-editorial a{pointer-events:auto}
.hc-compare[data-editorial-position="top-left"] .hc-compare-editorial{top:18px;left:18px}
.hc-compare[data-editorial-position="top-center"] .hc-compare-editorial{top:18px;left:50%;transform:translateX(-50%)}
.hc-compare[data-editorial-position="top-right"] .hc-compare-editorial{top:18px;right:18px}
.hc-compare[data-editorial-position="center-left"] .hc-compare-editorial{top:50%;left:18px;transform:translateY(-50%)}
.hc-compare[data-editorial-position="center"] .hc-compare-editorial{top:50%;left:50%;transform:translate(-50%,-50%)}
.hc-compare[data-editorial-position="center-right"] .hc-compare-editorial{top:50%;right:18px;transform:translateY(-50%)}
.hc-compare[data-editorial-position="bottom-left"] .hc-compare-editorial{bottom:18px;left:18px}
.hc-compare[data-editorial-position="bottom-center"] .hc-compare-editorial{bottom:18px;left:50%;transform:translateX(-50%)}
.hc-compare[data-editorial-position="bottom-right"] .hc-compare-editorial{right:18px;bottom:18px}
.hc-compare-editorial__eyebrow{margin:0 0 8px;color:var(--hc-compare-eyebrow-color);font-size:11px;font-weight:800;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}
.hc-compare-editorial__heading{margin:0;color:var(--hc-compare-heading-color);font-size:28px;line-height:1.08;letter-spacing:0}
.hc-compare-editorial__body{margin:12px 0 0;color:var(--hc-compare-body-color);font-size:15px;line-height:1.58}
.hc-highlights{display:grid;gap:var(--hc-highlight-gap);padding:0;margin:16px 0 0;list-style:none;color:var(--hc-highlight-color)}
.hc-highlight{display:flex;align-items:flex-start;gap:9px;margin:0;font-size:14px;font-weight:700;line-height:1.35}
.hc-highlight__icon{flex:0 0 auto;min-width:1em;color:var(--hc-highlight-color);font-weight:900;line-height:1.35;text-align:center}
.hc-highlights--dot .hc-highlight__icon{font-size:1.35em;line-height:.9}
.hc-highlights--none .hc-highlight{gap:0}
.hc-compare-editorial__button{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:var(--hc-compare-button-padding);color:var(--hc-compare-button-color);background:var(--hc-compare-button-bg);border:var(--hc-compare-button-border-width) solid var(--hc-compare-button-border-color);border-radius:var(--hc-compare-button-radius);font-size:13px;font-weight:800;line-height:1;text-decoration:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}
.hc-compare-editorial__button:hover,.hc-compare-editorial__button:focus-visible{color:var(--hc-compare-button-hover-color);background:var(--hc-compare-button-hover-bg);border-color:var(--hc-compare-button-hover-border-color);transform:translateY(-1px)}
