.homepage-collection-grid-inner{position:relative}.homepage-collection-grid-item--below-image .homepage-collection-grid-inner{height:auto}.homepage-collection-grid-inner .homepage-featured-box-btn{color:var(--primary-btn-text-color);margin-top:8px}.homepage-collection-grid-inner .text-link-animated{margin-top:8px}.homepage-collection-grid-item{position:relative}.homepage-collection-grid-item .grid-item__content{padding-bottom:0}.homepage-collection-grid-item .grid-item__content h3{margin-bottom:0}@media only screen and (max-width:767px){.homepage-collection-grid-item{position:relative}}.homepage-collection-grid-image-single{max-width:450px;max-height:450px;margin:0 auto;object-fit:cover;object-position:top;font-family:"object-fit: cover, object-position: top"}.homepage-collections-background .section-header{margin-bottom:0}.featured-collections-wrapper img,.featured-collections-wrapper svg.icon.icon--placeholder{object-fit:cover;max-width:100%;font-family:"object-fit: cover"}.featured-collections-wrapper .collection-grid{display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:768px){.featured-collections-wrapper .collection-grid{flex-direction:row;flex-wrap:wrap}}.featured-collections-wrapper .collection-grid.keep-spacing{gap:15px}@media screen and (min-width:768px){.featured-collections-wrapper .collection-grid.keep-spacing{gap:30px}}.featured-collections-wrapper .homepage-sections--title{margin-top:15px}@media screen and (min-width:768px) and (max-width:1023px){.featured-collections-wrapper .collection-grid .homepage-collection-grid-item{flex-basis:auto;width:calc((100% - 30px)/ 2)}}@media screen and (min-width:1024px){.featured-collections-wrapper .collection-grid--items-1 .homepage-collection-grid-item{flex-basis:auto;width:100%}.featured-collections-wrapper .collection-grid--items-2 .homepage-collection-grid-item{flex-basis:auto;width:calc((100% - 30px)/ 2)}.featured-collections-wrapper .collection-grid--items-3 .homepage-collection-grid-item{flex-basis:auto;width:calc((100% - 30px * 2)/ 3)}.featured-collections-wrapper .collection-grid--items-4 .homepage-collection-grid-item{flex-basis:auto;width:calc((100% - 30px * 3)/ 4)}}.featured-collections-wrapper .expand-grid .homepage-collection-grid-item{flex-grow:1}

/* Mobile (<=767px): show category tiles 2-up instead of stacking 1-up, all uniform squares. Added per client request. */
@media screen and (max-width:767px){.featured-collections-wrapper .collection-grid{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.featured-collections-wrapper .collection-grid .homepage-collection-grid-item{flex-basis:auto;width:calc((100% - 15px)/ 2)}.featured-collections-wrapper .expand-grid .homepage-collection-grid-item{flex-grow:0;width:calc((100% - 15px)/ 2)}/* Force uniform square tiles: pin the inner box to 1:1 and stop image/title content from stretching it taller */.featured-collections-wrapper .homepage-collection-grid-item--overlay .homepage-collection-grid-inner,.featured-collections-wrapper .homepage-collection-grid-item--hover .homepage-collection-grid-inner{aspect-ratio:1/1;height:auto;min-height:0;overflow:hidden}.featured-collections-wrapper .homepage-collection-grid-item--overlay .homepage-collection-grid-inner>*,.featured-collections-wrapper .homepage-collection-grid-item--hover .homepage-collection-grid-inner>*{min-width:0;min-height:0}.featured-collections-wrapper .homepage-collection-grid-item--overlay .homepage-collection-grid-inner img,.featured-collections-wrapper .homepage-collection-grid-item--hover .homepage-collection-grid-inner img{width:100%;height:100%;object-fit:cover}/* Scale tile titles fluidly and let them wrap at natural points (e.g. after the slash in CANVAS/CHAMBRAY). overflow-wrap:anywhere lets the box shrink to the tile so it actually wraps; word-break:normal keeps the break at the slash, not mid-word. */.featured-collections-wrapper .homepage-collection-grid-item .grid-item__title{font-size:clamp(13px,4.5vw,22px)!important;line-height:1.2;word-break:normal;overflow-wrap:anywhere}}