.browse-by-category{padding-top:var(--pt, 64px);padding-bottom:var(--pb, 64px)}.browse-by-category__header{margin-bottom:2.5rem}.browse-by-category__eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--color-link));margin:0 0 .5rem}.browse-by-category__heading{margin:0;letter-spacing:-.02em}.browse-by-category__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px;gap:.75rem}@media screen and (min-width:750px){.browse-by-category__grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:200px;gap:1rem}}.browse-by-category__tile{position:relative;overflow:hidden;border-radius:.85rem;background-color:rgba(var(--color-foreground),.06);text-decoration:none;display:block;isolation:isolate}.tile--1x1{grid-column:span 1;grid-row:span 1}.tile--2x1{grid-column:span 2;grid-row:span 1}.tile--1x2{grid-column:span 1;grid-row:span 2}.tile--2x2{grid-column:span 2;grid-row:span 2}.browse-by-category__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;z-index:0}.browse-by-category__image--placeholder{display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.08)}.browse-by-category__tile:hover .browse-by-category__image{transform:scale(1.05)}.browse-by-category__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000eb,#0000008c,#0000001a 80%,#0000);z-index:1}.browse-by-category__content{position:relative;z-index:2;height:100%;padding:1.5rem 1.5rem 1.75rem;display:flex;flex-direction:column;justify-content:flex-end}@media screen and (min-width:750px){.browse-by-category__content{padding:1.75rem 1.75rem 2rem}}.browse-by-category__title{margin:0 0 .35rem;color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.015em;line-height:1.15;text-shadow:0 2px 8px rgba(0,0,0,.45);transition:transform .3s ease}@media screen and (min-width:750px){.browse-by-category__title{font-size:1.875rem}}.tile--2x2 .browse-by-category__title{font-size:1.875rem}@media screen and (min-width:750px){.tile--2x2 .browse-by-category__title{font-size:2.5rem}}.browse-by-category__tile:hover .browse-by-category__title{transform:translate(4px)}.browse-by-category__subtitle{margin:0;color:#ffffffeb;font-size:1rem;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.45)}@media screen and (min-width:750px){.browse-by-category__subtitle{font-size:1.0625rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-browse-by-category.css.map */