.bento-2x2-section{padding:0;margin:0;width:100%;width:100vw;max-width:100vw;position:relative;left:50%;transform:translate(-50%);overflow:hidden;box-sizing:border-box}.bento-2x2-container{width:100%;max-width:100%;margin:0 auto;padding:16px 1rem 0;box-sizing:border-box}.bento-2x2-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,var(--tile-height, 380px))}.bento-2x2-tile{position:relative;display:block;border-radius:var(--tile-radius, 24px);overflow:hidden;text-decoration:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.bento-2x2-tile__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.bento-2x2-tile__image{width:100%;height:100%;object-fit:cover}.bento-2x2-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.bento-2x2-tile__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2.5rem 1.5rem;text-align:center}.bento-2x2-tile__title{font-size:1.75rem;font-weight:600;color:#000;margin:0 0 .375rem;line-height:1.2;transition:transform .3s ease}.bento-2x2-tile:hover .bento-2x2-tile__title{transform:scale(1.03)}.bento-2x2-tile__tagline{font-size:.9375rem;color:#000;margin:0;line-height:1.4;max-width:300px;transition:transform .3s ease}.bento-2x2-tile:hover .bento-2x2-tile__tagline{transform:scale(1.02)}.bento-2x2-tile__cta{display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;color:#000;background:#d6e9f9;padding:.5rem 1.25rem;border-radius:50px;margin-top:1rem;opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease,background .2s ease}.bento-2x2-tile:hover .bento-2x2-tile__cta{opacity:1;transform:translateY(0)}.bento-2x2-tile__arrow{margin-left:.375rem;transition:transform .3s ease}.bento-2x2-tile:hover .bento-2x2-tile__arrow{transform:translate(3px)}@media screen and (min-width: 1200px){.bento-2x2-tile__title{font-size:2rem}.bento-2x2-tile__tagline{font-size:1rem}.bento-2x2-tile__content{padding:3rem 2rem}}@media screen and (min-width: 1600px){.bento-2x2-tile__title{font-size:2.25rem}.bento-2x2-tile__tagline{font-size:1.0625rem}}@media screen and (max-width: 768px){.bento-2x2-container{padding:16px .75rem 0}.bento-2x2-grid{grid-template-columns:1fr;grid-template-rows:repeat(6,240px)}.bento-2x2-tile__title{font-size:1.375rem}.bento-2x2-tile__tagline{font-size:.875rem}.bento-2x2-tile__content{padding:1.75rem 1.25rem}.bento-2x2-tile__cta{opacity:1;transform:translateY(0)}}.bento-2x2-tile:focus{outline:3px solid #0076DE;outline-offset:2px}.bento-2x2-tile:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){.bento-2x2-tile__cta,.bento-2x2-tile__title,.bento-2x2-tile__tagline{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/164/assets/bento-grid-3x2.css.map */