.beni-usecases,.beni-usecases *{box-sizing:border-box;-webkit-text-size-adjust:100%;text-size-adjust:100%}.beni-usecases{display:block;background:var(--beni-usecases-bg, #f5f3f2);font-family:var(--font-body-family, "Nunito Sans", sans-serif);color:var(--beni-usecases-text, #282828);--beni-usecases-jelly: cubic-bezier(.34, 1.56, .64, 1);overflow:hidden}.beni-usecases__inner{width:100%;max-width:1440px;margin:0 auto;padding-inline:16px}.beni-usecases__header{text-align:center;margin:0 auto 36px}.beni-usecases__title{margin:0 0 8px;font-family:var(--font-heading-family, "Nunito Sans", sans-serif);font-size:32px;font-weight:500;line-height:.9;letter-spacing:-2px;color:var(--beni-usecases-text, #282828)}.beni-usecases__subtitle{margin:0;font-size:16px;line-height:100%;font-weight:400;color:var(--beni-usecases-subtitle, #8e8f84)}.beni-usecases__carousel{width:100%;overflow:visible}.beni-usecases__carousel .swiper-wrapper{display:flex;align-items:stretch}.beni-usecases__carousel:not(.swiper-initialized) .swiper-wrapper{gap:12px}.beni-usecases__slide{width:80%;height:auto;flex-shrink:0}.beni-usecases__card{position:relative;display:block;width:100%;aspect-ratio:304 / 430;border-radius:24px;overflow:hidden;background:var(--beni-usecases-card-bg, #fffdf5);isolation:isolate;transition:transform .35s ease,box-shadow .35s ease}@media(hover:hover)and (pointer:fine){.beni-usecases__card:hover{transform:translateY(-8px)}}.beni-usecases__media{position:absolute;right:20px;bottom:20px;z-index:1;width:48px;height:48px;margin:0;padding:0;border:0;border-radius:8px;overflow:hidden;background:transparent;-webkit-appearance:none;appearance:none;transition:width .4s ease,height .4s ease,right .4s ease,bottom .4s ease,border-radius .35s ease}.beni-usecases__media:focus-visible{outline:2px solid var(--beni-usecases-accent, #b93a24);outline-offset:2px}.beni-usecases__img{display:block;width:100%;height:100%;object-fit:cover}.beni-usecases__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000040,#0000 32%,#0000008c);opacity:0;transition:opacity .4s ease;pointer-events:none}.beni-usecases__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;pointer-events:none}.beni-usecases__card-title{margin:0 0 50px;font-family:var(--font-heading-family, "Nunito Sans", sans-serif);font-size:28px;font-weight:400;line-height:90%;letter-spacing:-.72px;color:var(--beni-usecases-text, #282828);transition:color .4s ease}.beni-usecases__card-sub{margin:0;font-size:16px;line-height:110%;letter-spacing:-.6px;font-weight:400;color:var(--beni-usecases-text, #282828);transition:color .4s ease}.beni-usecases__quote{position:absolute;left:32px;right:32px;bottom:28px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:#f5f3f2;opacity:0;transform:translateY(12px);transition:opacity .45s ease .1s,transform .45s var(--beni-usecases-jelly) .1s}.beni-usecases__chip{width:32px;height:32px;border-radius:8px;background:var(--beni-usecases-accent, #b93a24);flex-shrink:0}.beni-usecases__quote-text{margin:0;font-size:14px;line-height:100%;text-align:center}.beni-usecases__quote-text>*{margin:0}.beni-usecases__quote-author{font-size:12px;line-height:1.1;font-weight:400;font-style:normal}.beni-usecases .beni-usecases__progress{position:relative;width:100%;max-width:350px;height:2px;margin:24px auto 0;border-radius:2px;background:var(--beni-usecases-track, #8e8f84);overflow:hidden}.beni-usecases .beni-usecases__progress .swiper-pagination-progressbar-fill{background:var(--beni-usecases-progress, #b93a24);border-radius:2px}.beni-usecases__empty{margin:0;padding:24px;text-align:center;color:var(--beni-usecases-subtitle, #8e8f84)}@media(prefers-reduced-motion:reduce){.beni-usecases__card,.beni-usecases__media,.beni-usecases__quote,.beni-usecases__progress .swiper-pagination-progressbar-fill{transition-duration:.01ms}}@media screen and (min-width:1000px){.beni-usecases__card.is-open,.beni-usecases__card:hover{border:none}.beni-usecases__card.is-open .beni-usecases__media,.beni-usecases__card:hover .beni-usecases__media{right:0;bottom:0;width:100%;height:100%;border-radius:inherit;transition:width .5s var(--beni-usecases-jelly),height .5s var(--beni-usecases-jelly),right .5s var(--beni-usecases-jelly),bottom .5s var(--beni-usecases-jelly),border-radius .4s ease}.beni-usecases__card.is-open .beni-usecases__media:after,.beni-usecases__card:hover .beni-usecases__media:after{opacity:1}.beni-usecases__card.is-open .beni-usecases__card-title,.beni-usecases__card.is-open .beni-usecases__card-sub,.beni-usecases__card:hover .beni-usecases__card-title,.beni-usecases__card:hover .beni-usecases__card-sub{color:#f5f3f2}.beni-usecases__card.is-open .beni-usecases__quote,.beni-usecases__card:hover .beni-usecases__quote{opacity:1;transform:translateY(0)}}@media screen and (max-width:999px){.beni-usecases__card{cursor:default}.beni-usecases__card .beni-usecases__media{right:0;bottom:0;width:100%;height:100%;border-radius:inherit;cursor:default;transition:none}.beni-usecases__card .beni-usecases__media:after{opacity:1;transition:none}.beni-usecases__card .beni-usecases__card-title,.beni-usecases__card .beni-usecases__card-sub{color:#f5f3f2;transition:none}.beni-usecases__card .beni-usecases__quote{opacity:1;transform:none;transition:none}}@media screen and (min-width:1000px){.beni-usecases__inner{padding-inline:60px}.beni-usecases__carousel:not(.swiper-initialized) .swiper-wrapper{gap:24px}.beni-usecases__header{max-width:560px;margin-bottom:40px}.beni-usecases__title{font-size:48px;letter-spacing:-3px}.beni-usecases__slide{width:calc((100% - 48px) / 3);max-width:none}.beni-usecases__card{aspect-ratio:424 / 600}.beni-usecases__card-title{font-size:36px;letter-spacing:-.96px;margin:0 0 86px}.beni-usecases__card-sub{font-size:20px;padding-inline:58px}.beni-usecases__media{right:24px;bottom:24px}.beni-usecases__quote{bottom:52px}.beni-usecases__content{padding:20px}.beni-usecases__progress{display:none}}@media(min-width:1001px)and (max-width:1240px){.beni-usecases__card-title{font-size:32px;margin:0 0 12px}.beni-usecases__card-sub{font-size:18px;padding-inline:0}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/section-beni-use-cases.css.map */