.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(230px,21.5vw,322px);grid-auto-flow:dense;gap:20px}.bento__tile{position:relative;border-radius:12px;overflow:hidden;display:block}.bento__tile--tall{grid-row:span 2}.bento__tile--wide{grid-column:span 2}.bento__tile--big{grid-column:span 2;grid-row:span 2}.bento__tile--banner{grid-column:1 / -1;grid-row:span 2}.bento__media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.bento__media img,.bento__media .media__placeholder{width:100%;height:100%;object-fit:cover;display:block}a.bento__tile--image img{transition:transform var(--duration-default, .3s) var(--easing, ease)}a.bento__tile--image:hover img{transform:scale(1.03)}.bento__tile--card{background:var(--card-bg, #6f7d62);color:var(--card-fg, #ffffff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:40px 36px}.bento__card-heading{font-family:var(--font-display-family);font-style:var(--font-display-style);font-weight:var(--font-display-weight);font-size:clamp(1.3rem,1rem + .9vw,1.75rem);line-height:1.2;color:currentColor}.bento__card-text{font-size:.94rem;line-height:1.6;opacity:.9;max-width:34ch}.bento__pill{display:inline-flex;align-items:center;justify-content:center;padding:.75em 1.7em;border-radius:999px;background:#fff;color:#1a1a1a;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:opacity var(--duration-short, .15s) ease}.bento__pill:hover{opacity:.85}.bento__tile--banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000061,#0000 55%)}.bento__banner-content{position:absolute;right:5%;bottom:10%;z-index:1;max-width:420px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.bento__banner-eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.9}.bento__banner-heading{font-family:var(--font-display-family);font-weight:var(--font-display-weight);font-size:clamp(1.5rem,1.1rem + 1.2vw,2.1rem);color:currentColor}@media screen and (max-width:989px){.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:10px}.bento__tile--tall,.bento__tile--big,.bento__tile--banner{grid-row:auto}.bento__tile--image{aspect-ratio:1}.bento__tile--image.bento__tile--tall{aspect-ratio:.78}.bento__tile--image.bento__tile--wide{grid-column:span 2;aspect-ratio:1.9}.bento__tile--image.bento__tile--big{grid-column:span 2;aspect-ratio:1.35}.bento__tile--card{grid-column:span 2;padding:18px 16px;gap:8px}.bento__card-heading{font-size:1.05rem}.bento__card-text{font-size:.8rem;line-height:1.45}.bento__pill{padding:.55em 1.3em;font-size:.64rem}.bento__tile--banner{grid-column:1 / -1;aspect-ratio:.95}.bento__banner-content{right:6%;left:6%;bottom:8%;gap:8px}.bento__banner-heading{font-size:1.35rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-bento.css.map */