.story-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;margin:0}.story-cards--scroll{grid-auto-flow:column;grid-auto-columns:80%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:1.5rem;margin:0 -1.5rem;padding:.4rem 1.5rem 1.6rem;scrollbar-width:none}.story-cards--scroll::-webkit-scrollbar{display:none}.story-cards--scroll .story-card{scroll-snap-align:start}.story-card__link{display:flex;flex-direction:column;height:100%;padding:1.2rem 1.2rem 2rem;border-radius:2rem;text-decoration:none;color:rgb(var(--color-foreground));background:rgb(var(--color-background));transition:transform var(--duration-default) ease,box-shadow var(--duration-default) ease}.story-card__media{overflow:hidden;aspect-ratio:4 / 3;margin-bottom:1.6rem;border-radius:1.4rem;background:rgba(var(--editorial-accent),.12)}.story-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-long) ease}.story-card__body{display:flex;flex:1;flex-direction:column;padding:0 .4rem}.story-card__meta{margin:0 0 .6rem;font-size:1.2rem;font-weight:600;letter-spacing:.1rem;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.story-card__title{margin:0 0 .6rem;color:rgb(var(--editorial-accent))}.story-card__text{margin:0;font-size:1.4rem;line-height:1.55;color:rgba(var(--color-foreground),.7)}.story-card__more{margin-top:auto;padding-top:1.4rem;font-size:1.4rem;font-weight:600;color:rgb(var(--editorial-accent))}@media screen and (min-width:750px){.story-cards,.story-cards--scroll{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem;overflow:visible;margin:0;padding:0}}@media screen and (min-width:990px){.story-cards,.story-cards--scroll{grid-template-columns:repeat(var(--story-columns, 3),minmax(0,1fr))}.story-card__link:hover{transform:translateY(-.4rem);box-shadow:0 1.2rem 2.8rem rgba(var(--editorial-accent),.16)}.story-card__link:hover .story-card__media img{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.story-card__link,.story-card__media img{transition:none}.story-card__link:hover,.story-card__link:hover .story-card__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/story-cards.css.map */