.menu-story-cards{position:relative;width:100%;padding:2rem;background:rgb(var(--color-background))}.menu-story-container{width:100%;overflow:hidden}.story-cards__track{display:grid;grid-template-columns:repeat(3,1fr);// gap: 2rem;transition:transform .5s ease}.story-card{display:flex;padding-right:2rem;flex-direction:column;background:#fff;text-decoration:none;color:rgb(var(--color-foreground))}.story-card__media{position:relative;padding-bottom:58%;overflow:hidden}.story-card__image{position:absolute;width:100%;height:100%;object-fit:cover}.story-card__content{padding:1.5rem 0;display:flex;flex-direction:column;gap:.8rem;flex-grow:1;min-height:0}.story-card__title{margin:0;font-size:2rem;font-weight:700;line-height:1.3;padding-top:.5rem}.story-card__description{flex:1;color:rgba(var(--color-foreground),.75);line-height:1.5;font-size:1.4rem;flex-grow:1;min-height:0}.story-card p{font-size:1.4rem;margin-top:15px}.story-card .ambassador{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:1rem 2rem 6rem;list-style:none;font-size:1.4rem}.story-card .ambassador a{color:rgb(var(--color-foreground)) line-height: 24px;text-decoration:none}.story-card .ambassador .ambassador__name{font-weight:700;font-size:2rem}.story-card .ambassador .ambassador__desc{display:block;font-weight:500;font-size:1.4rem;color:rgba(var(--color-foreground),.75)}.story-card__button{margin-top:auto;align-self:flex-start;font-size:1.2rem;padding:.5rem 1rem}.story-cards__button{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease}.story-cards__button:hover{background:rgba(var(--color-foreground),.06);transform:translateY(-50%) scale(1.1)}.story-cards__button--prev{left:0}.story-cards__button--next{right:0}.story-cards__button--prev svg,.story-cards__button--next svg{position:absolute;height:1rem;top:calc(50% - .5rem)}.story-cards__button--prev svg{left:.6rem;transform:rotate(90deg)}.story-cards__button--next svg{left:.8rem;transform:rotate(270deg)}.story-cards__button--hidden{opacity:0;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/9/assets/menu-story.css.map */