.story-scroll__inner-desktop{position:relative;height:100vh;display:flex;flex-direction:column;overflow:hidden}.story-scroll__inner{position:relative}.story-scroll__head{flex-shrink:0;padding:0 5rem 2rem;position:relative;margin-bottom:-4rem}@media screen and (max-width:749px){.story-scroll__head{margin-bottom:-2.5rem}}.story-scroll__heading{font-size:80px;line-height:1.1;letter-spacing:0;margin:0}.story-scroll__heading p{margin:0}.story-scroll__meta{display:flex;align-items:center;gap:2rem;margin-top:1.5rem;position:absolute;right:5rem;top:-2rem;width:70%}.story-scroll__text{flex:1}@media screen and (min-width:750px){.story-scroll__text{font-size:18px}}.story-scroll__btn.button{font-size:20px;line-height:1.4;letter-spacing:0;padding:15px 24px;background-color:#fbf6c6;border:1px solid #955223;white-space:nowrap;flex-shrink:0}.story-scroll__track{display:flex;flex:1;will-change:transform;padding-left:5rem}.story-scroll__panel{flex:0 0 25vw;width:25vw;height:100%;padding:1rem 1.5rem;display:flex;align-items:start;justify-content:center}.story-scroll__img{width:100%;height:auto;object-fit:cover;display:block}.story-scroll__swiper{padding-bottom:2rem}.story-scroll_swiper-pagination{bottom:0!important;height:1.2rem;display:flex;gap:1rem;justify-content:center}.story-scroll_swiper-pagination .swiper-pagination-bullet{width:1rem;height:1rem;margin:0!important;background:transparent;border:1px solid rgb(var(--color-foreground));transition:opacity .3s ease,width .3s ease,background .3s ease;border-radius:5rem;opacity:1}.story-scroll_swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:2rem;background:rgb(var(--color-foreground));border-radius:5rem}@media screen and (min-width:1600px){.story-scroll__panel{flex:0 0 22vw;width:22vw}}@media screen and (min-width:1080px)and (max-width:1200px){.story-scroll__meta{top:-4rem;width:60%}}@media screen and (min-width:1200px)and (max-width:1280px){.story-scroll__meta{top:-4rem;width:70%}}@media screen and (max-width:1080px){.story-scroll__meta{position:static;width:100%;flex-direction:column;align-items:flex-start;margin-top:1rem}}@media screen and (max-width:767px){.story-scroll__heading{font-size:38px}.story-scroll__head{padding:1.5rem 1.5rem 2rem}.story-scroll__track{padding-left:1.5rem}.story-scroll__panel{flex:0 0 80vw;width:80vw;padding:1rem}}@media screen and (max-width:550px){.story-scroll__heading{font-size:32px}}@media screen and (max-width:420px){.story-scroll__heading{font-size:28px}}@media screen and (max-width:380px){.story-scroll__heading{font-size:26px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/horizontal-story.css.map */