.fh-before-after { padding: 64px 0; }
.fh-before-after__title { text-align: center; margin-bottom: 40px; font-family: var(--fh-font-heading); font-size: clamp(20px, 3vw, 28px); letter-spacing: 0.08em; font-weight: 400; }
.fh-before-after__container { max-width: 900px; margin: 0 auto; padding: 0 24px; position: relative; overflow: hidden; user-select: none; }
.fh-before-after__img { width: 100%; display: block; }
.fh-before-after__overlay { position: absolute; top: 0; left: 0; bottom: 0; width: 50%; overflow: hidden; }
.fh-before-after__overlay img { width: 900px; max-width: none; height: 100%; object-fit: cover; }
.fh-before-after__handle { position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 2px; background: white; cursor: ew-resize; z-index: 2; }
.fh-before-after__handle::after { content: '\2194'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 36px; height: 36px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--fh-color-text); box-shadow: 0 2px 8px rgba(0,0,0,0.2); }