.emerson-collections{padding:45px 24px;background:var(--section-bg, white)}@media(min-width:768px){.emerson-collections{padding:60px 48px}}.emerson-collections__container{max-width:1440px;margin:0 auto}.emerson-collections__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:768px){.emerson-collections__grid{grid-template-columns:repeat(4,1fr);gap:24px}}.emerson-collection-card{position:relative;aspect-ratio:1 / 1.2;border-radius:24px;overflow:hidden;cursor:pointer;text-decoration:none;display:block}.emerson-collection-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .7s var(--ease-out)}.emerson-collection-card__img{width:100%;height:100%;object-fit:cover}.emerson-collection-card:hover .emerson-collection-card__bg{transform:scale(1.1)}.emerson-collection-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b3,#0000001a,#0000)}.emerson-collection-card__emoji{position:absolute;top:50%;left:50%;transform:translate(-50%,-65%);font-size:56px;opacity:.5;transition:all .5s var(--ease-out)}@media(min-width:768px){.emerson-collection-card__emoji{font-size:80px}}.emerson-collection-card:hover .emerson-collection-card__emoji{transform:translate(-50%,-75%) scale(1.15);opacity:.7}.emerson-collection-card__content{position:absolute;bottom:0;left:0;right:0;padding:24px;color:#fff;transform:translateY(10px);transition:transform .4s var(--ease-out)}.emerson-collection-card:hover .emerson-collection-card__content{transform:translateY(0)}.emerson-collection-card__content h3{font-size:18px;font-weight:600;margin:0 0 4px}@media(min-width:768px){.emerson-collection-card__content h3{font-size:20px}}.emerson-collection-card__count{font-size:14px;opacity:.8}.emerson-collection-card__arrow{position:absolute;top:16px;right:16px;width:44px;height:44px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:translate(-10px) rotate(-45deg);transition:all .4s var(--ease-out)}.emerson-collection-card:hover .emerson-collection-card__arrow{opacity:1;transform:translate(0) rotate(0)}.emerson-collection-card:focus-visible{outline:3px solid var(--emerson-primary);outline-offset:4px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-emerson-collections.css.map */