.csg{--csg-gutter: 20px;--csg-gap: 12px;padding-top:var(--csg-pt, 48px);padding-bottom:var(--csg-pb, 48px);background-color:var(--csg-bg, #ffffff)}.csg *,.csg *:before,.csg *:after{box-sizing:border-box}.csg__container{width:100%;max-width:1600px;margin:0 auto;padding-left:var(--csg-gutter);padding-right:var(--csg-gutter)}.csg__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:22px}.csg__subtext{margin:0 0 8px;font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.2em;text-transform:uppercase}.csg__heading{margin:0;font-family:var(--font-heading-family, inherit);font-size:26px;font-weight:400;line-height:1.15;letter-spacing:.06em;text-transform:uppercase}.csg__view-all{display:inline-flex;align-items:center;gap:8px;padding-bottom:3px;border-bottom:1px solid currentColor;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.csg__view-all svg{transition:transform .25s ease}.csg__view-all:hover svg{transform:translate(4px)}.csg__track-wrap{padding-left:0;padding-right:0}.csg__grid{display:flex;gap:var(--csg-gap);margin:0;padding:0 var(--csg-gutter) 4px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--csg-gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none}.csg__grid::-webkit-scrollbar{display:none}.csg__item{flex:0 0 var(--csg-mobile-width, 78%);min-width:0;margin:0;scroll-snap-align:start}.csg__card{position:relative;display:block;height:100%;aspect-ratio:var(--csg-ratio, 5 / 4);overflow:hidden;border-radius:var(--csg-radius, 4px);background-color:#eee;color:inherit;text-decoration:none;isolation:isolate}.csg__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.csg__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transition:transform .6s ease}.csg__placeholder{background-color:#e6e1ea;fill:#00000026}.csg__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,var(--csg-overlay) 0%,var(--csg-overlay) 18%,transparent 62%)}.csg__content{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px}.csg__text{min-width:0}.csg__card-heading{margin:0 0 6px;font-family:var(--font-heading-family, inherit);font-size:17px;font-weight:700;line-height:1.15;letter-spacing:.1em;text-transform:uppercase}.csg__card-text{display:-webkit-box;min-height:calc(var(--csg-text-lines, 2) * 1.4em);margin:0;overflow:hidden;font-size:14px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:var(--csg-text-lines, 2);line-clamp:var(--csg-text-lines, 2)}.csg__arrow{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:transform .3s ease}.csg__card:hover .csg__img{transform:scale(1.05)}.csg__card:hover .csg__arrow{transform:translate(3px)}.csg__card:focus-visible{outline:2px solid #111111;outline-offset:3px}@media screen and (min-width:750px){.csg{--csg-gutter: 50px;--csg-gap: 16px}.csg__header{margin-bottom:26px}.csg__subtext{font-size:12px}.csg__heading{font-size:32px}.csg__track-wrap{padding-left:var(--csg-gutter);padding-right:var(--csg-gutter)}.csg__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;overflow:visible;scroll-snap-type:none}.csg__item{flex:none}}@media screen and (min-width:990px){.csg__grid{grid-template-columns:repeat(var(--csg-columns, 4),minmax(0,1fr))}.csg__heading{font-size:36px}.csg__content{padding:18px 10px}.csg__card-heading{font-size:17px}.csg__arrow{width:35px;height:35px}}@media screen and (min-width:1200px){.csg{--csg-gutter: 20px;--csg-gap: 20px}}@media(prefers-reduced-motion:reduce){.csg__img,.csg__arrow,.csg__view-all svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/collection-story-grid.css.map */