.hero-bento{padding:var(--section-padding-top, 56px) 0 var(--section-padding-bottom, 56px)}.hero-bento__header{text-align:center;margin-bottom:3.2rem}.hero-bento__title{font-family:var(--font-heading-family);letter-spacing:-.02em}.bento-grid{display:grid;grid-template-columns:repeat(var(--bento-cols-d, 3),1fr);gap:var(--bento-gap, 16px)}.bento-tile{position:relative;border-radius:24px;overflow:hidden;background:#fff;grid-column:span var(--tile-span-cols, 1);grid-row:span var(--tile-span-rows, 1);transition:transform .3s ease,box-shadow .3s ease}.bento-tile:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.bento-tile__link{display:block;text-decoration:none;color:inherit;height:100%}.bento-tile__image{overflow:hidden}.bento-tile__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.bento-tile:hover .bento-tile__img{transform:scale(1.05)}.bento-tile--product .bento-tile__image,.bento-tile--category .bento-tile__image{aspect-ratio:var(--bento-image-ratio, auto)}.bento-tile__media{position:relative;height:100%;display:flex;flex-direction:column}.bento-tile__media .bento-tile__img{flex:1;min-height:200px}.bento-tile__media--empty{background:var(--brand-surface-alt);min-height:200px}.bento-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-color, #000000);opacity:var(--overlay-opacity, .3);pointer-events:none}.bento-tile__content{padding:1.6rem;position:relative;z-index:2}.bento-tile__content--bottom{padding:1.2rem 1.6rem 1.6rem}.bento-tile__content--overlay{position:absolute;bottom:0;left:0;right:0;color:#fff;background:linear-gradient(transparent,#0009)}.bento-tile__title{font-family:var(--font-heading-family);font-size:1.8rem;font-weight:500;margin:0 0 .4rem;line-height:1.3}.bento-tile__subtext{font-family:var(--font-body-family);font-size:1.4rem;margin:0 0 1.2rem;opacity:.9;line-height:1.5}.bento-tile__price{font-family:var(--font-body-family);font-size:1.5rem;font-weight:600;color:var(--brand-ink)}.bento-tile--editorial .bento-tile__title{font-size:2rem}.bento-tile__content--overlay .bento-tile__title{font-size:2.2rem;margin-bottom:.6rem}.bento-tile__content--overlay .bento-tile__subtext{font-size:1.3rem;margin-bottom:1.6rem;opacity:.85}.bento-tile__text-block{height:100%;display:flex;align-items:center;justify-content:center;padding:2.4rem;text-align:center}.bento-tile__text-block .bento-tile__title{font-size:2.2rem;margin-bottom:.8rem}.bento-tile__text-block .bento-tile__subtext{font-size:1.4rem;margin-bottom:1.6rem}.bento-tile--text-overlay .bento-tile__content{color:#fff}.bento-tile--text-overlay .bento-tile__subtext{opacity:.85}.bento-tile__btn{display:flex;align-items:center;justify-content:center;height:100%;text-decoration:none;margin:0;border-radius:24px;font-size:1.6rem}.bento-tile--button{display:flex;align-items:stretch;background:transparent}.bento-tile--button .button{width:100%;height:100%;min-height:60px;border-radius:24px}.bento-tile__icon-block{display:flex;align-items:center;gap:1.2rem;padding:1.6rem;height:100%}.bento-tile__icon-block svg{flex-shrink:0;color:var(--brand-ink)}.bento-tile__icon-title{font-family:var(--font-heading-family);font-size:1.4rem;font-weight:500;margin:0 0 .2rem}.bento-tile__icon-subtext{font-family:var(--font-body-family);font-size:1.2rem;margin:0;opacity:.7;line-height:1.4}.bento-tile__placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2rem;text-align:center;color:color-mix(in srgb,var(--brand-ink) 40%,transparent);font-family:var(--font-body-family);font-size:1.4rem;font-style:italic}@media screen and (max-width:989px){.bento-grid{grid-template-columns:repeat(var(--bento-cols-m, 1),1fr)}}@media screen and (max-width:749px){.hero-bento__header{margin-bottom:2rem}.bento-grid{gap:var(--bento-gap, 16px)}.bento-tile--product .bento-tile__image,.bento-tile--category .bento-tile__image{aspect-ratio:var(--bento-image-ratio, 4/3)}.bento-tile__title{font-size:1.5rem}.bento-tile--editorial .bento-tile__title{font-size:1.7rem}.bento-tile__content--overlay .bento-tile__title{font-size:1.8rem}.bento-tile__text-block{padding:1.6rem}.bento-tile__text-block .bento-tile__title{font-size:1.8rem}.bento-tile__icon-block{padding:1.2rem}.bento-tile__icon-title{font-size:1.3rem}.bento-tile__btn{font-size:1.4rem;min-height:48px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/bento.css.map */