.cc-bento{background-color:var(--cc-bg-page)}.cc-bento__inner{display:flex;flex-direction:column;gap:var(--cc-space-40);padding-block:var(--cc-section-py)}.cc-bento__heading{margin:0;color:var(--cc-text-primary)}.cc-bento__grid{display:grid;grid-template-columns:1fr;gap:var(--cc-space-24)}.cc-bento__panel{position:relative;display:block;min-height:240px;border-radius:var(--cc-radius-banner);overflow:hidden;text-decoration:none;background:var(--cc-bg-muted)}.cc-bento__panel:focus-visible{outline:2px solid var(--cc-border-brand);outline-offset:2px}.cc-bento__media{position:absolute;top:0;right:0;bottom:0;left:0}.cc-bento__img{width:100%;height:100%;object-fit:cover;transform-origin:center;transition:transform var(--cc-motion-base) var(--cc-ease)}.cc-bento__panel:hover .cc-bento__img,.cc-bento__panel:focus-visible .cc-bento__img{transform:scale(1.05)}.cc-bento__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--cc-bg-muted)}.cc-bento__ph-svg{width:40%;max-width:160px;height:auto;opacity:.35;fill:var(--cc-text-tertiary)}.cc-bento__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--cc-brand-primary) 0%,transparent) 18%,color-mix(in srgb,var(--cc-brand-primary) 74%,transparent) 46%,color-mix(in srgb,var(--cc-brand-primary) 90%,transparent))}@media screen and (max-width:767px){.cc-bento__media:after{background:linear-gradient(to bottom,color-mix(in srgb,var(--cc-brand-primary) 0%,transparent) 8%,color-mix(in srgb,var(--cc-brand-primary) 80%,transparent) 35%,color-mix(in srgb,var(--cc-brand-primary) 96%,transparent))}}.cc-bento__content{position:absolute;left:var(--cc-space-24);right:var(--cc-space-24);bottom:var(--cc-space-24);display:flex;flex-direction:column;align-items:flex-start;gap:var(--cc-space-16)}.cc-bento__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:24px;line-height:32px;color:var(--cc-text-on-dark)}.cc-bento__btn{color:var(--cc-bento-btn-text, var(--cc-text-primary));font-size:12px;line-height:18px}.cc-bento__panel:hover .cc-bento__btn{background:var(--cc-bg-surface-alt)}@media screen and (min-width:1024px){.cc-bento__grid{grid-template-columns:552px 1fr;grid-template-rows:1fr 1fr;gap:var(--cc-space-32);height:500px}.cc-bento__panel{min-height:0;height:100%}.cc-bento__panel:nth-child(1){grid-column:1;grid-row:1 / 3}.cc-bento__panel:nth-child(2){grid-column:2;grid-row:1}.cc-bento__panel:nth-child(3){grid-column:2;grid-row:2}}@media(prefers-reduced-motion:reduce){.cc-bento__img,.cc-bento__btn{transition:none}.cc-bento__panel:hover .cc-bento__img,.cc-bento__panel:focus-visible .cc-bento__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/cc-bento.css.map */