.zinsett-category-tiles__title{font-family:var(--zinsett-font-display-family);font-weight:var(--zinsett-font-display-weight-bold);font-size:var(--zinsett-type-scale-27)}.zinsett-category-tiles__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--zinsett-space-16);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.zinsett-category-tiles__grid{grid-template-columns:repeat(4,1fr);gap:var(--zinsett-space-24)}}.zinsett-category-tiles__item{display:block}.zinsett-aisle{position:relative;display:flex;flex-direction:column;min-height:15rem;padding:var(--zinsett-space-16);overflow:hidden;color:var(--zinsett-color-ink);text-decoration:none;background-color:var(--zinsett-color-paper-2);border:var(--zinsett-border-component);border-radius:var(--zinsett-radius-card);box-shadow:var(--zinsett-shadow-default);transition:transform var(--zinsett-motion-hover-duration) var(--zinsett-motion-hover-easing),box-shadow var(--zinsett-motion-hover-duration) var(--zinsett-motion-hover-easing)}.zinsett-aisle:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--zinsett-color-shadow)}.zinsett-aisle:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--zinsett-color-shadow)}.zinsett-aisle--green{color:var(--zinsett-color-cream-ink);background-color:var(--zinsett-color-terra)}.zinsett-aisle--kraft{background-color:var(--zinsett-color-kraft)}.zinsett-aisle__numeral{position:absolute;top:-.4rem;right:var(--zinsett-space-8);font-family:var(--zinsett-font-mono-family);font-weight:var(--zinsett-font-mono-weight-bold);font-size:clamp(4.8rem,11vw,7.2rem);line-height:1;color:var(--zinsett-color-ink);opacity:.16;font-variant-numeric:tabular-nums;-webkit-text-stroke:1.5px var(--zinsett-color-kraft-deep);-webkit-text-fill-color:transparent;pointer-events:none}.zinsett-aisle--green .zinsett-aisle__numeral{color:var(--zinsett-color-cream-ink);opacity:.22}.zinsett-aisle__thumb-well{position:relative;z-index:1;align-self:flex-end;width:6.4rem;aspect-ratio:1 / 1;overflow:hidden;background-color:var(--zinsett-color-well);border:var(--zinsett-border-component);border-radius:var(--zinsett-radius-card)}.zinsett-aisle__thumb-well--cool{background-color:var(--zinsett-color-well-cool)}.zinsett-aisle__thumb-image{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.zinsett-aisle__badge{position:absolute;z-index:2;top:.4rem;left:.4rem;padding:.2rem .6rem;border:.2rem solid var(--zinsett-color-ink);border-radius:var(--zinsett-radius-card);background-color:var(--zinsett-color-red);color:var(--zinsett-color-cream-ink);font-family:var(--zinsett-font-mono-family);font-weight:var(--zinsett-font-mono-weight-bold);font-size:var(--zinsett-type-meta);letter-spacing:.14em;text-transform:uppercase}.zinsett-aisle__body{position:relative;z-index:1;display:flex;flex-direction:column;gap:.4rem;margin-top:auto;padding-top:var(--zinsett-space-16)}.zinsett-aisle__kicker{font-family:var(--zinsett-font-mono-family);font-weight:var(--zinsett-font-mono-weight-bold);font-size:var(--zinsett-type-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--zinsett-color-ink-soft)}.zinsett-aisle--green .zinsett-aisle__kicker{color:var(--zinsett-color-cream-soft)}.zinsett-aisle__label{font-family:var(--zinsett-font-display-family);font-weight:var(--zinsett-font-display-weight-bold);font-size:var(--zinsett-type-scale-18);text-wrap:balance}.zinsett-aisle:hover .zinsett-aisle__label{text-decoration:underline;text-underline-offset:.2em}.zinsett-aisle__count{font-family:var(--zinsett-font-mono-family);font-size:var(--zinsett-type-scale-15);font-variant-numeric:tabular-nums;color:var(--zinsett-color-ink-soft)}.zinsett-aisle--green .zinsett-aisle__count{color:var(--zinsett-color-cream-soft)}.zinsett-aisle__arrow{position:absolute;z-index:1;right:var(--zinsett-space-16);bottom:var(--zinsett-space-16);width:.9rem;height:.9rem;border-top:.2rem solid currentColor;border-right:.2rem solid currentColor;transform:rotate(45deg);transition:transform var(--zinsett-motion-hover-duration) var(--zinsett-motion-hover-easing)}.zinsett-aisle:hover .zinsett-aisle__arrow{transform:rotate(45deg) translate(.15rem,-.15rem)}@media(prefers-reduced-motion:reduce){.zinsett-aisle,.zinsett-aisle__arrow{transition-duration:0ms}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/section-zinsett-category-tiles.css.map */