.bf-vs{--bf-vs-accent:#fff;position:relative;height:100vh;min-height:520px;overflow:hidden;background:#111;color:#fff}.bf-vs__swiper,.bf-vs__swiper>.swiper-wrapper,.bf-vs__slide{height:100%}.bf-vs__slide{position:relative;overflow:hidden}.bf-vs__slide::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.18);pointer-events:none}.bf-vs img.bf-vs__image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.bf-vs__content{position:absolute;z-index:2;left:clamp(110px,15.7vw,300px);bottom:clamp(65px,15vh,150px);max-width:780px}.bf-vs__title{margin:0 0 8px;color:#fff;font-size:clamp(48px,5.4vw,104px);font-weight:700;line-height:.92;text-transform:uppercase;letter-spacing:-.04em}.bf-vs__title,.bf-vs__link{opacity:0;transform:translateY(45px);transition:opacity .55s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.bf-vs__link{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:15px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.05em}.bf-vs__link:hover{color:var(--bf-vs-accent)}.bf-vs__link span{font-size:18px}.bf-vs__slide.swiper-slide-active .bf-vs__title,.bf-vs__slide.swiper-slide-active .bf-vs__link{opacity:1;transform:none}.bf-vs__slide.swiper-slide-active .bf-vs__link{transition-delay:.12s}.bf-vs__social{position:absolute;z-index:3;left:clamp(28px,8vw,120px);bottom:clamp(60px,11vh,115px);display:flex;flex-direction:column;align-items:center;color:var(--bf-vs-accent)}.bf-vs__social-links{display:flex;flex-direction:column;gap:18px}.bf-vs__social-links a{display:flex;color:inherit;font-size:15px}.bf-vs__social-line{width:1px;height:32px;margin:20px 0;background:currentColor}.bf-vs__social-label{font-size:14px;line-height:1;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg)}.bf-vs__pagination{z-index:3!important;right:clamp(22px,3vw,55px)!important;left:auto!important;width:auto!important}.bf-vs__pagination .swiper-pagination-bullet{width:7px;height:7px;margin:12px 0!important;background:var(--bf-vs-accent);opacity:.45}.bf-vs__pagination .swiper-pagination-bullet-active{opacity:1;transform:scale(1.5)}
@media(max-width:767px){.bf-vs{min-height:500px}.bf-vs__content{left:28px;right:28px;bottom:80px}.bf-vs__title{font-size:clamp(38px,12vw,64px)}.bf-vs__social{left:20px;bottom:22px;flex-direction:row}.bf-vs__social-links{flex-direction:row;gap:15px}.bf-vs__social-line{width:25px;height:1px;margin:0 12px}.bf-vs__social-label{writing-mode:initial;transform:none}.bf-vs__pagination{right:15px!important}}
@media(prefers-reduced-motion:reduce){.bf-vs__title,.bf-vs__link{transition:none}}

/* Mirror only the positioned interface in RTL; the vertical Swiper axis stays unchanged. */
[dir="rtl"] .bf-vs__content{right:clamp(110px,15.7vw,300px);left:auto;text-align:right}
[dir="rtl"] .bf-vs__link{flex-direction:row-reverse}
[dir="rtl"] .bf-vs__social{right:clamp(28px,8vw,120px);left:auto}
[dir="rtl"] .bf-vs__pagination{right:auto!important;left:clamp(22px,3vw,55px)!important}
@media(max-width:767px){[dir="rtl"] .bf-vs__content{right:28px;left:28px}[dir="rtl"] .bf-vs__social{right:20px;left:auto}[dir="rtl"] .bf-vs__pagination{right:auto!important;left:15px!important}}