.bento-collections{padding:4rem clamp(1.5rem,5vw,5rem);background:#623e4a}.bento-collections__header{text-align:center;margin:0 0 2.5rem}.bento-collections__heading{color:#fff;font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 .5rem}.bento-collections__subheading{color:#623e4a;opacity:.7;font-size:1rem;margin:0}.bento-collections__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,minmax(220px,1fr));gap:1rem;max-width:1400px;margin:0 auto}.bento-tile{position:relative;display:block;overflow:hidden;border-radius:.85rem;background:#ead6c1}.bento-tile--1{grid-column:1 / span 2;grid-row:1 / span 2}.bento-tile--2{grid-column:3;grid-row:1}.bento-tile--3{grid-column:4;grid-row:1}.bento-tile--4{grid-column:3;grid-row:2}.bento-tile--5{grid-column:4;grid-row:2}.bento-tile__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.bento-tile:hover .bento-tile__image,.bento-tile:focus-visible .bento-tile__image{transform:scale(1.06)}.bento-tile__placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:220px;color:#623e4a;opacity:.45;font-size:.85rem;text-align:center;padding:1rem}.bento-tile__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#623e4a8c;color:#fff;font-size:1.15rem;font-weight:600;letter-spacing:.03em;text-align:center;padding:1rem;opacity:0;transition:opacity .3s ease}.bento-tile:hover .bento-tile__label,.bento-tile:focus-visible .bento-tile__label{opacity:1}@media screen and (max-width:989px){.bento-collections__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:none}.bento-tile--1,.bento-tile--2,.bento-tile--3,.bento-tile--4,.bento-tile--5{grid-column:auto;grid-row:auto}.bento-tile--1{grid-column:1 / span 2}.bento-tile{aspect-ratio:1 / 1}.bento-tile__label{opacity:1;align-items:flex-end;background:linear-gradient(to top,rgba(98,62,74,.75),transparent 65%);font-size:.95rem;padding:.9rem}}@media screen and (max-width:480px){.bento-collections{padding:3rem 1.25rem}.bento-collections__grid{gap:.65rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-featured-collections-bento.css.map */