.brand-story{padding-top:var(--padding-top, 60px);padding-bottom:var(--padding-bottom, 60px)}.brand-story__header{margin-bottom:20px}.brand-story__title{font-family:var(--font-heading-family);font-size:2.4rem;font-weight:700;margin:0;color:#121212}.brand-story__container{position:relative;width:100%;display:grid;overflow:hidden;border-radius:5px}.brand-story__bg-image,.brand-story__overlay,.brand-story__slider-wrapper{grid-area:1 / 1}.brand-story__bg-image{width:100%;height:100%;object-fit:cover;display:block}.brand-story__overlay{background:#0006;width:100%;height:100%;z-index:1}.brand-story__slider-wrapper{position:relative;z-index:2;max-width:var(--page-width);margin:0 0 0 auto;width:70%;padding:40px;align-self:center;min-width:0}.brand-story__slider{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:20px;scrollbar-width:none}.brand-story__slider::-webkit-scrollbar{display:none}.brand-story__slide{flex:0 0 calc(33.333% - 20px);min-width:300px;scroll-snap-align:start;position:relative;display:flex;flex-direction:column}.brand-story__card{position:relative;width:100%;height:450px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.brand-story__card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.brand-story__card:hover .brand-story__card-image{transform:scale(1.05)}.brand-story__card-content{position:absolute;bottom:0;left:0;width:100%;background:#ffffffd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px;transform:translateY(0)}.brand-story__card-title{font-family:var(--font-heading-family);font-weight:700;font-size:1.8rem;margin:0 0 10px;color:#121212}.brand-story__card-text{font-size:1.4rem;line-height:1.5;color:#333;margin:0}.brand-story__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;box-shadow:0 4px 15px #0003;border:none;color:#121212;transition:background .3s,color .3s}.brand-story__arrow:hover{background:#121212;color:#fff}.brand-story__arrow svg{width:20px;height:20px;fill:currentColor}.brand-story__arrow--left{left:0}.brand-story__arrow--right{right:0}@media screen and (max-width:990px){.brand-story__slider-wrapper{width:100%;margin:0 auto}.brand-story__slide{flex:0 0 calc(50% - 15px)}}@media screen and (max-width:749px){.brand-story__slider-wrapper{padding:20px 1.5rem}.brand-story__slide{flex:0 0 85%;min-width:260px}.brand-story__card{height:380px}.brand-story__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-brand-story-slider.css.map */