.gj-cat-tile{--gj-tile-ease: cubic-bezier(.22, .8, .24, 1);position:relative;display:block;overflow:hidden;aspect-ratio:2 / 3;background:rgb(var(--gj-sand));color:rgb(var(--gj-ivory));text-decoration:none;isolation:isolate}.gj-cat-tile__media,.gj-cat-tile__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gj-cat-tile__img{object-fit:cover;object-position:center 18%;transition:transform 1.6s var(--gj-tile-ease)}.gj-cat-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgb(var(--gj-ink) / .58),rgb(var(--gj-ink) / .18) 34%,rgb(var(--gj-ink) / 0) 58%);transition:opacity .8s var(--gj-tile-ease);pointer-events:none}.gj-cat-tile__text{position:absolute;inset:auto 0 0;z-index:2;display:grid;gap:.5rem;padding:clamp(1rem,2.2vw,1.75rem)}.gj-cat-tile__name{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight, 500);font-size:clamp(1.75rem,2.8vw,2.75rem);line-height:1;letter-spacing:-.005em;text-wrap:balance}.gj-cat-tile__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .625rem;font-family:var(--text-font-family);font-weight:500;font-size:.6875rem;letter-spacing:var(--gj-label-spacing, .16em);text-transform:uppercase;font-variant-numeric:tabular-nums}.gj-cat-tile__meta>:not(.gj-cat-tile__shop){opacity:.8}.gj-cat-tile__shop{display:inline-flex;align-items:center;gap:.5rem}.gj-cat-tile__shop svg{transition:transform .5s var(--gj-tile-ease)}.gj-cat-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgb(var(--gj-ink) / .3),rgb(var(--gj-ink) / 0) 55%);opacity:0;transition:opacity .9s var(--gj-tile-ease);pointer-events:none}.gj-cat-tile__name{justify-self:start;padding-bottom:.125em;background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .9s var(--gj-tile-ease)}@media(hover:hover){.gj-cat-tile:is(:hover,:focus-visible):before{opacity:1}.gj-cat-tile:is(:hover,:focus-visible) .gj-cat-tile__name{background-size:100% 1px}.gj-cat-tile:hover .gj-cat-tile__shop svg{transform:translate(4px)}}@media(hover:none),screen and (max-width:999px){.gj-cat-tile__meta{display:none}}@media(hover:hover)and (pointer:fine){.gj-cat-tile__text{grid-template-rows:auto 0fr;gap:0;transition:grid-template-rows .55s var(--gj-tile-ease)}.gj-cat-tile__meta{min-height:0;overflow:hidden;opacity:0;transform:translateY(6px);transition:opacity .45s var(--gj-tile-ease),transform .55s var(--gj-tile-ease)}.gj-cat-tile__meta:before{content:"";flex-basis:100%;height:.5rem}.gj-cat-tile:is(:hover,:focus-visible) .gj-cat-tile__text{grid-template-rows:auto 1fr}.gj-cat-tile:is(:hover,:focus-visible) .gj-cat-tile__meta{opacity:1;transform:none}}.gj-cat-tile:focus-visible{outline:1.5px solid rgb(var(--gj-ink));outline-offset:3px}.gj-cat-tile--compact .gj-cat-tile__name{font-size:clamp(1.375rem,1.9vw,1.875rem)}.gj-cat-tile--compact .gj-cat-tile__text{gap:.375rem;padding:clamp(.875rem,1.4vw,1.25rem)}.gj-home-categories .gj-home-categories__track{gap:.625rem}.gj-home-categories .gj-cat-tile{flex:0 0 74vw;scroll-snap-align:start}@media screen and (min-width:700px){.gj-home-categories .gj-cat-tile{flex-basis:42vw}}@media screen and (min-width:1000px){.gj-home-categories .gj-home-categories__track{gap:.75rem}.gj-home-categories .gj-cat-tile{flex-basis:calc((100% - 2.25rem) / 3.3)}}@media(prefers-reduced-motion:reduce){.gj-cat-tile__img,.gj-cat-tile__shop svg,.gj-cat-tile:before,.gj-cat-tile:after,.gj-cat-tile__name,.gj-cat-tile__text,.gj-cat-tile__meta{transition:none}}@media screen and (min-width:1000px){.shopify-section:first-child slideshow-carousel[allow-transparent-header] .content-over-media--editorial{--content-over-media-height: min(clamp(26.25rem, 52vw, 47.5rem), calc(100svh - var(--announcement-bar-height, 0px) - var(--header-height, 0px) - 4.5rem))}.gj-home-categories.gj-home-section{padding-block-start:2.75rem}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/gj-cat-tile.css.map */