.fs-image-grid{width:100%}.fs-image-grid__container{max-width:var(--page-width);margin:0 auto;padding:0 var(--page-margin)}.fs-image-grid--full-bleed .fs-image-grid__container{max-width:none;padding:0}.fs-image-grid__header{display:flex;flex-direction:column;gap:var(--text-gap-sm);margin-bottom:var(--grid-gap-lg)}.fs-image-grid__header--with-nav{flex-direction:row;justify-content:space-between;align-items:flex-start}.fs-image-grid__title{margin:0}.fs-image-grid__description{margin:0;max-width:60ch;color:var(--brand-text)}.fs-image-grid__nav{display:none}@media (max-width: 749px){.fs-image-grid__header,.fs-image-grid__header--with-nav{display:none}.fs-image-grid--mobile-slider{padding-top:0!important}}.fs-image-grid__nav button.is-disabled{opacity:.3;pointer-events:none}.fs-image-grid__wrapper{overflow:hidden}.fs-image-grid__track{display:grid;gap:var(--grid-gap, 16px);grid-template-columns:repeat(var(--columns-desktop, 3),1fr)}@media (max-width: 1231px) and (min-width: 750px){.fs-image-grid__track{grid-template-columns:repeat(var(--columns-tablet, 2),1fr)}}@media (max-width: 749px){.fs-image-grid__track{grid-template-columns:repeat(var(--columns-mobile, 1),1fr)}.fs-image-grid--mobile-slider .fs-image-grid__wrapper{margin-right:calc(var(--page-margin) * -1);padding-right:var(--page-margin)}.fs-image-grid--mobile-slider .fs-image-grid__track{display:flex;gap:var(--grid-gap, 16px);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.fs-image-grid--mobile-slider .fs-image-grid__track::-webkit-scrollbar{display:none}.fs-image-grid--mobile-slider .fs-image-grid__item{flex:0 0 calc(85% - 8px);min-width:calc(85% - 8px);scroll-snap-align:start}.fs-image-grid[style*="--columns-mobile: 1"] .fs-image-grid__item{flex:0 0 100%;min-width:100%}}.fs-image-grid__item{display:flex}.fs-image-grid__item--empty{display:none}.fs-image-grid__card{display:flex;flex-direction:column;width:100%;height:100%;text-decoration:none;color:inherit;border-radius:var(--card-radius, 16px);overflow:hidden;background:var(--card-background, transparent);transition:transform .3s ease,box-shadow .3s ease}.fs-image-grid--bordered .fs-image-grid__card{border:1px solid rgba(0,0,0,.15)}.fs-image-grid--shadowed .fs-image-grid__card{box-shadow:0 2px 8px #00000014}.fs-image-grid--hover-lift .fs-image-grid__card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.fs-image-grid__image{position:relative;width:100%;overflow:hidden;flex-shrink:0;background:var(--color-background-secondary, #f5f5f5)}.fs-image-grid__image{aspect-ratio:16 / 10}.fs-image-grid--ratio-square .fs-image-grid__image{aspect-ratio:1 / 1}.fs-image-grid--ratio-portrait .fs-image-grid__image{aspect-ratio:3 / 4}.fs-image-grid--ratio-landscape .fs-image-grid__image{aspect-ratio:16 / 9}.fs-image-grid--ratio-wide .fs-image-grid__image{aspect-ratio:21 / 9}.fs-image-grid--ratio-adapt .fs-image-grid__image{aspect-ratio:auto}.fs-image-grid__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.fs-image-grid__image:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);pointer-events:none}.fs-image-grid--hover-zoom .fs-image-grid__card:hover .fs-image-grid__image img{transform:scale(1.08)}.fs-image-grid__image--placeholder{display:flex;align-items:center;justify-content:center}.fs-image-grid__image--placeholder svg{width:48px;height:48px;opacity:.3}.fs-image-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.4) 50%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.fs-image-grid--show-overlay .fs-image-grid__overlay,.fs-image-grid--hover-overlay .fs-image-grid__card:hover .fs-image-grid__overlay{opacity:1}.fs-image-grid__content{display:flex;flex-direction:column;flex-grow:1;padding:var(--card-pad-sm);gap:var(--text-gap-xs, 8px)}.fs-image-grid--style-none .fs-image-grid__content{padding-left:0;padding-right:0}.fs-image-grid--content-overlay .fs-image-grid__card{position:relative}.fs-image-grid--content-overlay .fs-image-grid__content{position:absolute;bottom:0;left:0;right:0;padding:var(--card-pad-md, 24px);padding-top:48px;justify-content:flex-end;width:var(--content-width-desktop, 100%)}@media (max-width: 749px){.fs-image-grid--content-overlay .fs-image-grid__content{width:var(--content-width-mobile, 100%)}}.fs-image-grid--content-overlay .fs-image-grid__heading{color:var(--fs-grid-heading-color, #fff)}.fs-image-grid--content-overlay .fs-image-grid__text{color:var(--fs-grid-text-color, rgba(255, 255, 255, .85))}.fs-image-grid--content-overlay .fs-image-grid__link{color:var(--fs-grid-heading-color, #fff)}.fs-image-grid--content-overlay .fs-image-grid__image{aspect-ratio:4 / 5}.fs-image-grid--content-overlay.fs-image-grid--ratio-square .fs-image-grid__image{aspect-ratio:1 / 1}.fs-image-grid--content-overlay.fs-image-grid--ratio-landscape .fs-image-grid__image{aspect-ratio:16 / 9}.fs-image-grid--content-overlay.fs-image-grid--ratio-wide .fs-image-grid__image{aspect-ratio:21 / 9}.fs-image-grid--content-overlay .fs-image-grid__tag{background:var(--fs-grid-tag-bg, rgba(255, 255, 255, .2));color:var(--fs-grid-tag-color, #fff);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fs-image-grid__tag{display:inline-block;padding:4px 12px;background:var(--tag-background, var(--brand-primary, #000));color:var(--tag-color, #fff);font-size:var(--font-size-xs, .75rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;align-self:flex-start}.fs-image-grid__heading{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fs-image-grid__heading a{color:inherit;text-decoration:none}.fs-image-grid__text{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1;color:var(--brand-text)}.fs-image-grid__link{margin-top:auto;align-self:flex-start}.fs-image-grid__link:hover{background-color:#fff;color:#000;border-color:#fff}.fs-image-grid__footer{display:flex;justify-content:center;margin-top:var(--grid-gap-lg)}.fs-image-grid:focus{outline:none}.fs-image-grid:focus-visible{outline:2px solid var(--brand-primary, #000);outline-offset:4px}.fs-image-grid__card:focus{outline:none}.fs-image-grid__card:focus-visible{outline:2px solid var(--brand-primary, #000);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/61/assets/fs-image-grid.css.map */