.flotilla-bento-cards{padding:var(--theme-section-padding-vertical, 4rem) 0}.bento-grid-container{max-width:1280px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);align-items:stretch;margin:0 auto;width:100%;gap:2px;padding:2px;border-radius:var(--border-radius);background-color:var(--color-light)}.flotilla-bento-cards .bento-card{container-type:inline-size;container-name:bento-card}.bento-grid-container .bento-card:nth-child(1){grid-column:1;grid-row:1}.bento-grid-container .bento-card:nth-child(2){grid-column:1;grid-row:2}.bento-grid-container .bento-card.bento-card--featured{grid-column:2 / 4;grid-row:1 / 3}.bento-grid-container .bento-card:nth-child(4){grid-column:4;grid-row:1}.bento-grid-container .bento-card:nth-child(5){grid-column:4;grid-row:2}@media (min-width: 768px){.bento-card{min-height:200px}.bento-card--featured{min-height:400px;grid-column:span 2;grid-row:span 2}.bento-card--small{min-height:200px}}.bento-card{position:relative;border-radius:var(--border-radius);overflow:hidden;background-color:var(--color-background)}.bento-card--featured{background-color:var(--color-background);color:var(--color-text-on-accent-1, var(--color-text-on-accent))}.bento-card--featured .bento-card__title{color:var(--color-headings-on-accent-1, var(--color-headings-on-accent))}.bento-card__content{position:relative;z-index:2;padding:2rem;height:100%;display:flex;flex-direction:column;justify-content:flex-end;color:inherit;text-wrap:balance}.bento-card__content:has(.bento-card__image--background){color:#fff}.bento-card__image{margin-bottom:1.5rem;border-radius:var(--border-radius);overflow:hidden}.bento-card__image img{width:100%;height:100%;object-fit:contain;object-position:left;display:block}.bento-card__image--background img{width:100%;height:100%;object-fit:cover}.bento-card__image--background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:0;z-index:-1}.bento-card__image--background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.75),transparent 30%);z-index:1}.bento-card--small .bento-card__image{max-height:10rem}.bento-card__title{font-size:1.75rem;font-weight:900;margin-bottom:0;line-height:1.3;color:var(--color-headings)}.bento-card__title:has(~.bento-card__description){margin-bottom:.5rem}@container bento-card (max-width: 280px){.bento-card__title{font-size:1.25rem}}.bento-card__description{font-size:.875rem;line-height:1.5;opacity:.9;color:var(--color-text)}.bento-card__description p{margin:0}.bento-card__description p+p{margin-top:.5rem}.bento-card--featured{border:2px solid var(--color-border-accent-1, var(--color-accent-1))}@media (max-width: 767px){.bento-card__content{padding:1.5rem}.bento-card__title{font-size:1.25rem}.bento-card__description{font-size:.8125rem}.bento-grid-container{grid-template-columns:1fr 1fr;grid-template-rows:auto}.bento-grid-container .bento-card{min-height:200px}.bento-grid-container .bento-card.bento-card--small{grid-column:auto;grid-row:auto}.bento-grid-container .bento-card.bento-card--featured{grid-column:span 2;grid-row:2;aspect-ratio:4/3}.bento-card--small .bento-card__image{max-height:unset;max-width:300px}}@media (max-width: 480px){.bento-grid-container{grid-template-columns:1fr;grid-template-rows:auto}.bento-grid-container .bento-card.bento-card--featured{grid-column:1;grid-row:3;aspect-ratio:1}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/flotilla-bento-cards.css.map */