just-in-grid{display:block}.just-in-grid__header{text-align:left}.just-in-grid__track{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:var(--jig-gap-desktop, 8px)}@media screen and (min-width:750px){.just-in-grid__track--editorial>.just-in-grid__item:nth-child(6n+1),.just-in-grid__track--editorial>.just-in-grid__item:nth-child(6n+2){grid-column:span 2}}@media screen and (max-width:749px){.just-in-grid__track--mobile-editorial{grid-template-columns:repeat(2,1fr);gap:var(--jig-gap-mobile, 8px)}.just-in-grid__track--mobile-editorial>.just-in-grid__item:nth-child(3n+1){grid-column:span 2}.just-in-grid__track--mobile-editorial>.just-in-grid__item:nth-child(3n+2),.just-in-grid__track--mobile-editorial>.just-in-grid__item:nth-child(3n){grid-column:span 1}}@media screen and (max-width:749px){.just-in-grid__track--mobile-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--jig-gap-mobile, 8px);padding-left:1.5rem;padding-right:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem}.just-in-grid__track--mobile-slider::-webkit-scrollbar{display:none}.just-in-grid__track--mobile-slider .just-in-grid__item{flex:0 0 calc((100% - var(--jig-mobile-gap-count) * var(--jig-gap-mobile, 8px)) / var(--jig-mobile-items, 1.3));scroll-snap-align:start;grid-column:auto!important;grid-row:auto!important}}@media screen and (max-width:749px){.just-in-grid__item--hide-mobile{display:none}}.just-in-grid__item{min-width:0}.just-in-grid__link{display:block;text-decoration:none;color:inherit;height:100%}.just-in-grid__media{position:relative;overflow:hidden;border-radius:var(--jig-radius, 0);background:#f5f5f5}.just-in-grid__item--aspect-adapt .just-in-grid__media{aspect-ratio:auto}.just-in-grid__item--aspect-portrait .just-in-grid__media{aspect-ratio:3 / 4}.just-in-grid__item--aspect-tall .just-in-grid__media{aspect-ratio:2 / 3}.just-in-grid__item--aspect-square .just-in-grid__media{aspect-ratio:1 / 1}.just-in-grid__item--aspect-landscape .just-in-grid__media{aspect-ratio:4 / 3}.just-in-grid__item--aspect-wide .just-in-grid__media{aspect-ratio:16 / 9}.just-in-grid__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;transition:opacity .5s cubic-bezier(.25,.1,.25,1),transform .6s cubic-bezier(.25,.1,.25,1);z-index:1}.just-in-grid__image--primary{opacity:1;z-index:2}.just-in-grid__image--hover{opacity:0;z-index:1}@media(hover:hover)and (pointer:fine){.just-in-grid__link:hover .just-in-grid__image--primary{opacity:0}.just-in-grid__link:hover .just-in-grid__image--hover{opacity:1}.just-in-grid__link:hover .just-in-grid__image{transform:scale(1.03)}}.just-in-grid__item--aspect-adapt .just-in-grid__image--primary{position:relative;inset:auto;height:auto}.just-in-grid__item--aspect-adapt .just-in-grid__image--hover,.just-in-grid__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.just-in-grid__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:3;pointer-events:none}.just-in-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;padding:1.4rem;pointer-events:none}@media screen and (min-width:750px){.just-in-grid__overlay{padding:2.4rem}}.just-in-grid__overlay-inner{display:flex;flex-direction:column;gap:.6rem;max-width:38rem}.just-in-grid__overlay--top-left{align-items:flex-start;justify-content:flex-start}.just-in-grid__overlay--top-center{align-items:flex-start;justify-content:center}.just-in-grid__overlay--top-right{align-items:flex-start;justify-content:flex-end}.just-in-grid__overlay--middle-left{align-items:center;justify-content:flex-start}.just-in-grid__overlay--middle-center{align-items:center;justify-content:center}.just-in-grid__overlay--middle-right{align-items:center;justify-content:flex-end}.just-in-grid__overlay--bottom-left{align-items:flex-end;justify-content:flex-start}.just-in-grid__overlay--bottom-center{align-items:flex-end;justify-content:center}.just-in-grid__overlay--bottom-right{align-items:flex-end;justify-content:flex-end}.just-in-grid__overlay--text-left .just-in-grid__overlay-inner{text-align:left;align-items:flex-start}.just-in-grid__overlay--text-center .just-in-grid__overlay-inner{text-align:center;align-items:center}.just-in-grid__overlay--text-right .just-in-grid__overlay-inner{text-align:right;align-items:flex-end}.just-in-grid__item--text-light .just-in-grid__overlay{color:#fff}.just-in-grid__item--text-dark .just-in-grid__overlay{color:#111}.just-in-grid__overlay-eyebrow{margin:0;font-family:var(--font-body-family);font-size:1rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;opacity:.85;line-height:1}.just-in-grid__overlay-heading{margin:0;line-height:1.1;font-weight:600;letter-spacing:.02em}.just-in-grid__overlay-sub{margin:0;font-size:1.3rem;line-height:1.4;opacity:.88}.just-in-grid__overlay-cta{display:inline-flex;align-items:center;gap:.6rem;margin-top:.4rem;font-family:var(--font-body-family);font-size:1.1rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding-bottom:3px;border-bottom:1px solid currentColor}.just-in-grid__overlay-cta svg{transition:transform .25s cubic-bezier(.25,.1,.25,1)}.just-in-grid__link:hover .just-in-grid__overlay-cta svg{transform:translate(3px)}.just-in-grid__caption{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-top:1rem;padding:0 .2rem}.just-in-grid__caption-text{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1 1 auto}.just-in-grid__caption-name{margin:0;font-family:var(--font-body-family);font-size:1.2rem;font-weight:400;letter-spacing:.04em;color:rgb(var(--color-foreground));line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.just-in-grid__caption-price{margin:0;font-family:var(--font-body-family);font-size:1.2rem;font-weight:400;letter-spacing:.04em;color:rgba(var(--color-foreground),.7);line-height:1.3}.just-in-grid__caption-add{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.25);color:rgb(var(--color-foreground));transition:background .2s ease,border-color .2s ease}.just-in-grid__link:hover .just-in-grid__caption-add{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}@media screen and (min-width:750px){.just-in-grid__caption{margin-top:1.2rem}.just-in-grid__caption-name,.just-in-grid__caption-price{font-size:1.3rem}.just-in-grid__caption-add{width:2.6rem;height:2.6rem}}@media screen and (max-width:749px){.just-in-grid__track--mobile-editorial>.just-in-grid__item:not(:nth-child(3n+1)) .just-in-grid__caption-name,.just-in-grid__track--mobile-editorial>.just-in-grid__item:not(:nth-child(3n+1)) .just-in-grid__caption-price{font-size:1.1rem}.just-in-grid__track--mobile-editorial>.just-in-grid__item:not(:nth-child(3n+1)) .just-in-grid__caption-add{width:1.8rem;height:1.8rem}.just-in-grid__track--mobile-editorial>.just-in-grid__item:not(:nth-child(3n+1)) .just-in-grid__caption-add svg{width:1rem;height:1rem}}.just-in-grid__footer{display:flex;justify-content:center;margin-top:4rem}.just-in-grid__viewall{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.2rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding-bottom:.4rem;border-bottom:1px solid rgb(var(--color-foreground));transition:opacity .2s ease}.just-in-grid__viewall:hover{opacity:.6}.just-in-grid__arrow{transition:transform .25s cubic-bezier(.25,.1,.25,1)}.just-in-grid__viewall:hover .just-in-grid__arrow{transform:translate(4px)}@media screen and (min-width:750px){.just-in-grid__footer{margin-top:5rem}.just-in-grid__viewall{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.just-in-grid__image,.just-in-grid__overlay-cta svg,.just-in-grid__arrow,.just-in-grid__caption-add{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-just-in-grid.css.map */