.bento-section__wrapper{width:100%}.bento-section__header{margin-bottom:2rem;max-width:640px}.bento-section__header--center{margin-left:auto;margin-right:auto;text-align:center}.bento-section__heading{font-size:clamp(1.75rem,1.5rem + 1vw,2.5rem);line-height:1.1;margin:0 0 .5rem}.bento-section__subheading{font-size:1rem;opacity:.75;margin:0}.bento-grid{display:grid;grid-template-columns:repeat(var(--bento-desktop-columns, 4),1fr);grid-auto-rows:var(--bento-row-height, 180px);grid-auto-flow:dense;gap:var(--bento-gap, 12px)}.bento-grid__empty-state{padding:3rem 1rem;text-align:center;opacity:.6;border:1px dashed currentColor;border-radius:var(--bento-radius, 8px)}.bento-tile{position:relative;display:block;grid-column:span min(var(--tile-col-span, 1),var(--bento-desktop-columns, 4));grid-row:span var(--tile-row-span, 1);border-radius:var(--bento-radius, 8px);overflow:hidden;text-decoration:none;color:inherit;isolation:isolate}.bento-tile[style*="--tile-col-start: 1"],.bento-tile[style*="--tile-col-start: 2"],.bento-tile[style*="--tile-col-start: 3"],.bento-tile[style*="--tile-col-start: 4"],.bento-tile[style*="--tile-col-start: 5"],.bento-tile[style*="--tile-col-start: 6"]{grid-column-start:var(--tile-col-start)}.bento-tile[style*="--tile-row-start: 1"],.bento-tile[style*="--tile-row-start: 2"],.bento-tile[style*="--tile-row-start: 3"],.bento-tile[style*="--tile-row-start: 4"],.bento-tile[style*="--tile-row-start: 5"],.bento-tile[style*="--tile-row-start: 6"],.bento-tile[style*="--tile-row-start: 7"],.bento-tile[style*="--tile-row-start: 8"]{grid-row-start:var(--tile-row-start)}.bento-tile:focus-visible{outline:2px solid currentColor;outline-offset:3px}.bento-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.bento-tile__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.3,1)}.bento-tile:hover .bento-tile__image{transform:scale(1.045)}.bento-tile__placeholder{width:100%;height:100%;background:#0000000f}.bento-tile__placeholder-svg{width:100%;height:100%;opacity:.4}.bento-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,var(--bento-overlay-opacity, .4)),rgba(0,0,0,calc(var(--bento-overlay-opacity, .4) * .3)) 45%,#0000 75%);pointer-events:none}.bento-tile__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.25rem;height:100%;padding:1.25rem;color:#fff}.bento-tile--text-bottom-left .bento-tile__content{justify-content:flex-end;align-items:flex-start;text-align:left}.bento-tile--text-bottom-right .bento-tile__content{justify-content:flex-end;align-items:flex-end;text-align:right}.bento-tile--text-bottom-center .bento-tile__content{justify-content:flex-end;align-items:center;text-align:center}.bento-tile--text-top-left .bento-tile__content{justify-content:flex-start;align-items:flex-start;text-align:left}.bento-tile--text-top-right .bento-tile__content{justify-content:flex-start;align-items:flex-end;text-align:right}.bento-tile--text-center .bento-tile__content{justify-content:center;align-items:center;text-align:center}.bento-tile__title{font-size:2.3rem;font-weight:600;line-height:1.2}.bento-tile__caption{display:inline-flex;align-items:center;gap:.35rem;font-size:1.4rem;opacity:.9;text-transform:uppercase;letter-spacing:.04em}.bento-tile__arrow{transition:transform .2s ease}.bento-tile:hover .bento-tile__arrow{transform:translate(3px)}@media screen and (max-width:749px){.bento-grid--mobile-stack{grid-template-columns:1fr;grid-auto-rows:auto}.bento-grid--mobile-stack .bento-tile{grid-column:1 / -1!important;grid-row:auto!important;aspect-ratio:4 / 3}.bento-grid--mobile-preserve{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(140px,auto)}.bento-grid--mobile-preserve .bento-tile{grid-column:span min(var(--tile-col-span, 1),2)!important;grid-column-start:auto!important;grid-row-start:auto!important}.bento-grid--mobile-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;grid-auto-rows:unset;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bento-grid--mobile-carousel::-webkit-scrollbar{display:none}.bento-grid--mobile-carousel .bento-tile{flex:0 0 82%;scroll-snap-align:start;aspect-ratio:4 / 3;min-height:290px}}@media screen and (min-width:750px)and (max-width:989px){.bento-grid{grid-template-columns:repeat(min(var(--bento-desktop-columns, 4),3),1fr)}.bento-tile{grid-column:span min(var(--tile-col-span, 1),3)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-bento-grid-cl.css.map */