.shopping-collage{background:#d9d9d9;min-height:100vh;padding:calc(var(--header-height) + 2.8rem) 1.6rem 6rem}.shopping-collage__header{text-align:center;padding:0 0 2.4rem}.shopping-collage__title{margin:0;font-family:var(--font-gamesta);font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:.32em;text-transform:lowercase;font-weight:200}.shopping-collage__grid{display:grid;gap:.75rem;max-width:88rem;margin:0 auto}.shopping-collage__copy--lead{margin:-1.2rem auto 2rem;padding:0 1rem;max-width:40rem;border:0;background:transparent;text-align:center;font-family:var(--font-gamesta);font-size:clamp(.95rem,1.8vw,1.15rem);font-weight:200;line-height:1.65;letter-spacing:.06em;color:#222}.shopping-collage--minimal{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));max-width:52rem;gap:2.4rem 1.6rem}.shopping-minimal__item{display:flex;flex-direction:column;gap:1rem;color:inherit;text-decoration:none}.shopping-minimal__media{aspect-ratio:4 / 5;background:#ececec;overflow:hidden}.shopping-minimal__media .img-duo,.shopping-minimal__media .img-duo__primary,.shopping-minimal__media .img-duo__hover,.shopping-minimal__media img{width:100%;height:100%;object-fit:cover;display:block}.shopping-minimal__meta{display:flex;flex-direction:column;gap:.35rem;text-align:center}.shopping-minimal__name{font-family:var(--font-gamesta);font-size:.82rem;font-weight:200;letter-spacing:.18em;text-transform:uppercase}.shopping-minimal__price{font-family:var(--font-gamesta);font-size:.88rem;font-weight:200;letter-spacing:.08em;color:#444}.shopping-minimal__item:hover .shopping-minimal__media{opacity:.9}@media(min-width:640px){.shopping-collage--minimal{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.shopping-collage--minimal{grid-template-columns:1fr;max-width:22rem}}.shopping-collage--layout-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shopping-collage--layout-grid .shopping-collage__copy--lead{grid-column:1 / -1}.shopping-collage--layout-grid .shopping-collage__image{aspect-ratio:4 / 5;border:0;background:#ececec;overflow:hidden;transition:opacity .3s ease}.shopping-collage--layout-grid .shopping-collage__image:hover{opacity:.88;transform:scale(.985)}.shopping-collage--layout-grid .shopping-collage__image .img-duo,.shopping-collage--layout-grid .shopping-collage__image .img-duo__primary,.shopping-collage--layout-grid .shopping-collage__image .img-duo__hover{width:100%;height:100%;min-height:100%}.shopping-collage--layout-grid .shopping-collage__image img{width:100%;height:100%;object-fit:cover;display:block}.shopping-collage--layout-c{grid-template-columns:repeat(3,1fr);grid-template-areas:"title title title" "img1 img2 img3" "img4 img5 img6"}.shopping-collage--layout-c .cell--title{grid-area:title}.shopping-collage--layout-c .cell--1{grid-area:img1;aspect-ratio:1}.shopping-collage--layout-c .cell--2{grid-area:img2;aspect-ratio:1}.shopping-collage--layout-c .cell--3{grid-area:img3;aspect-ratio:1}.shopping-collage--layout-c .cell--4{grid-area:img4;aspect-ratio:1}.shopping-collage--layout-c .cell--5{grid-area:img5;aspect-ratio:1}.shopping-collage--layout-c .cell--6{grid-area:img6;aspect-ratio:1}.shopping-collage__title-box{border:0;background:transparent;padding:1rem;text-align:center;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:.28em;text-transform:uppercase;font-weight:200;min-height:auto;display:flex;align-items:center;justify-content:center}.shopping-collage--layout-c .shopping-collage__image{border:1px solid rgba(0,0,0,.12);background:#e8e8e8}.shopping-collage--layout-a{grid-template-columns:1.2fr .8fr .9fr;grid-template-rows:auto auto auto auto;grid-template-areas:"img1 copy1 img2" "img1 img3 img2" "copy2 img3 img4" "copy3 img5 img4" "copy3 img6 img6"}.shopping-collage--layout-a .cell--1{grid-area:img1;min-height:28rem}.shopping-collage--layout-a .cell--2{grid-area:copy1}.shopping-collage--layout-a .cell--3{grid-area:img2;min-height:12rem}.shopping-collage--layout-a .cell--4{grid-area:img3;min-height:14rem}.shopping-collage--layout-a .cell--5{grid-area:copy2}.shopping-collage--layout-a .cell--6{grid-area:img4;min-height:18rem}.shopping-collage--layout-a .cell--7{grid-area:copy3;min-height:16rem}.shopping-collage--layout-a .cell--8{grid-area:img5;min-height:8rem}.shopping-collage--layout-a .cell--9{grid-area:img6;min-height:10rem}.shopping-collage--layout-b{grid-template-columns:1fr 1fr;grid-template-areas:"copy1 img1" "img2 img1" "img2 copy2" "img3 copy3"}.shopping-collage--layout-b .cell--1{grid-area:copy1}.shopping-collage--layout-b .cell--2{grid-area:img1;min-height:36rem}.shopping-collage--layout-b .cell--3{grid-area:img2;min-height:20rem}.shopping-collage--layout-b .cell--4{grid-area:copy2}.shopping-collage--layout-b .cell--5{grid-area:img3;min-height:16rem}.shopping-collage--layout-b .cell--6{grid-area:copy3;min-height:14rem}.shopping-collage__copy{border:0;background:transparent;padding:1rem;font-family:var(--font-gamesta);font-size:1.05rem;line-height:1.65;font-weight:200;display:flex;align-items:center;justify-content:center;text-align:center;min-height:auto;color:#222}.shopping-collage__image{display:block;background:#fff;overflow:hidden;min-height:10rem;transition:opacity .3s;border:none}.shopping-collage__image:hover{opacity:.88}.shopping-collage__image img{width:100%;height:100%;object-fit:cover;display:block}.img-duo{display:block;position:relative;width:100%;height:100%;min-height:inherit}.img-duo__primary,.img-duo__hover{display:block;width:100%;height:100%}.img-duo__hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s ease}.img-duo__hover img{width:100%;height:100%;object-fit:cover}.shopping-collage__image:hover .img-duo__hover,.shopping-collage__image:focus-visible .img-duo__hover{opacity:1}@media(max-width:900px){.shopping-collage--layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.shopping-collage{padding-top:calc(var(--header-height) + 2.4rem)}.shopping-collage--layout-a,.shopping-collage--layout-b,.shopping-collage--layout-c{grid-template-columns:1fr;grid-template-areas:none}.shopping-collage--layout-a>*,.shopping-collage--layout-b>*,.shopping-collage--layout-c>*{grid-area:auto!important;min-height:14rem!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/shopping.css.map */