.collection-bento{display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(var(--collection-bento-row-height, 18rem),1fr);gap:var(--grid-desktop-vertical-spacing, 2rem) var(--grid-desktop-horizontal-spacing, 2rem);margin:0;padding:0;list-style:none}.collection-bento__item{position:relative;min-height:var(--collection-bento-row-height, 18rem)}.collection-bento__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-height:100%;border-radius:var(--collection-bento-radius, 0px);overflow:hidden;color:rgb(var(--color-foreground));text-decoration:none}.collection-bento__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:rgba(var(--color-foreground),.06)}.collection-bento__image,.collection-bento__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.collection-bento__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000a6,#00000026 45%,#0000 75%);pointer-events:none}.collection-bento__copy{position:relative;z-index:1;padding:2rem 2rem 1rem;color:#fff;max-width:calc(100% - 6rem)}.collection-bento__title{display:block;margin:0 0 .4rem;font-weight:700;color:inherit}.collection-bento__tagline{display:block;margin:0;font-size:1.4rem;line-height:1.4;color:#ffffffd9}.collection-bento__arrow{position:absolute;right:1.6rem;bottom:1.6rem;z-index:1;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background:#0006;color:#fff;transition:background-color var(--duration-short, .1s) ease,transform var(--duration-short, .1s) ease}.collection-bento__arrow .icon-arrow{width:1.4rem;transition:transform var(--duration-short, .1s) ease}.collection-bento__arrow .icon-arrow path{fill:currentColor}.collection-bento__card:hover .collection-bento__arrow,.collection-bento__arrow:hover{background:#000000a6;transform:scale(1.06)}.collection-bento__card:hover .collection-bento__arrow .icon-arrow,.collection-bento__arrow:hover .icon-arrow{transform:translate(.15rem)}@media screen and (min-width:992px){.collection-bento--count-1{grid-template-columns:1fr}.collection-bento--count-1 .collection-bento__item{min-height:calc(var(--collection-bento-row-height, 18rem) * 1.6)}.collection-bento--count-2{grid-template-columns:repeat(2,1fr)}.collection-bento--count-2.collection-bento--has-featured{grid-template-columns:repeat(3,1fr)}.collection-bento--count-2.collection-bento--has-featured [data-role=featured]{grid-column:span 2}.collection-bento--count-3{grid-template-columns:repeat(6,1fr)}.collection-bento--count-3 [data-role=featured]{grid-column:1 / 5;grid-row:1 / 3}.collection-bento--count-3 [data-role=rest-1]{grid-column:5 / 7;grid-row:1}.collection-bento--count-3 [data-role=rest-2]{grid-column:5 / 7;grid-row:2}.collection-bento--count-4{grid-template-columns:repeat(4,1fr)}.collection-bento--count-4 [data-role=featured]{grid-column:1 / 3;grid-row:1 / 3}.collection-bento--count-4 [data-role=rest-1]{grid-column:3 / 4;grid-row:1}.collection-bento--count-4 [data-role=rest-2]{grid-column:4 / 5;grid-row:1}.collection-bento--count-4 [data-role=rest-3]{grid-column:3 / 5;grid-row:2}.collection-bento--count-5{grid-template-columns:repeat(3,1fr)}.collection-bento--count-5 [data-role=featured]{grid-column:1 / 3;grid-row:1 / 3}.collection-bento--count-5 [data-role=rest-1]{grid-column:3 / 4;grid-row:1}.collection-bento--count-5 [data-role=rest-2]{grid-column:3 / 4;grid-row:2}.collection-bento--count-5 [data-role=rest-3]{grid-column:1 / 2;grid-row:3}.collection-bento--count-5 [data-role=rest-4]{grid-column:2 / 4;grid-row:3}.collection-bento--count-6{grid-template-columns:repeat(3,1fr)}.collection-bento--count-7,.collection-bento--count-8{grid-template-columns:repeat(4,1fr)}.collection-bento--count-7 [data-role=featured],.collection-bento--count-8 [data-role=featured]{grid-column:span 2}}@media screen and (max-width:991px){.collection-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(clamp(9rem,18vh,11rem),1fr);gap:calc(var(--grid-mobile-vertical-spacing, 1rem) * .75) calc(var(--grid-mobile-horizontal-spacing, 1rem) * .75)}.collection-bento [data-role]{grid-column:auto;grid-row:auto}.collection-bento--mobile-cols-1{grid-template-columns:1fr}.collection-bento--mobile-cols-2.collection-bento--mobile-featured-full.collection-bento--has-featured [data-role=featured]{grid-column:1 / 3}.collection-bento--mobile-cols-2 .collection-bento__item--mobile-fill-row{grid-column:1 / 3!important}.collection-bento--mobile-cols-2.collection-bento--mobile-featured-full.collection-bento--has-featured>.collection-bento__item:last-child:nth-child(2n){grid-column:1 / 3!important}.collection-bento--mobile-cols-2:not(.collection-bento--mobile-featured-full)>.collection-bento__item:last-child:nth-child(odd),.collection-bento--mobile-cols-2:not(.collection-bento--has-featured)>.collection-bento__item:last-child:nth-child(odd){grid-column:1 / 3!important}.collection-bento__item{min-height:clamp(9rem,18vh,11rem)}.collection-bento--count-1 .collection-bento__item{min-height:clamp(14rem,36vh,20rem)}.collection-bento__copy{padding:1rem 1.2rem .8rem;max-width:calc(100% - 2.4rem)}.collection-bento__title{margin-bottom:.2rem;font-size:1.5rem;line-height:1.25}.collection-bento__tagline{display:-webkit-box;overflow:hidden;font-size:1.2rem;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}.collection-bento--hide-tagline-mobile .collection-bento__tagline{display:none}.collection-bento__arrow{right:.8rem;bottom:.8rem;width:2.6rem;height:2.6rem}.collection-bento__arrow .icon-arrow{width:1.1rem}.collection-bento-grid>.page-width{padding-top:clamp(12px,4vh,20px);padding-bottom:clamp(12px,4vh,20px)}}@media screen and (max-width:479px){.collection-bento__copy{padding:.8rem 1rem .6rem}.collection-bento__title{font-size:1.3rem}.collection-bento__tagline{font-size:1.15rem;-webkit-line-clamp:1}.collection-bento__arrow{width:2.2rem;height:2.2rem;opacity:.85}.collection-bento__arrow .icon-arrow{width:1rem}}@media(prefers-reduced-motion:reduce){.collection-bento__arrow,.collection-bento__arrow .icon-arrow{transition:none}.collection-bento__card:hover .collection-bento__arrow,.collection-bento__arrow:hover,.collection-bento__card:hover .collection-bento__arrow .icon-arrow,.collection-bento__arrow:hover .icon-arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-collection-bento-grid.css.map */