.category-grid{background:var(--white);padding-block:var(--space-16)}@media(min-width:768px){.category-grid{padding-block:var(--space-24)}}.category-grid__inner{max-width:1200px}.category-grid__header{text-align:center;margin-bottom:var(--space-10)}.category-grid__eyebrow{color:var(--warm-gold);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 var(--space-3)}.category-grid__heading{font-size:clamp(32px,5vw,56px);margin:0}.category-grid__list{display:grid;gap:var(--space-6);grid-template-columns:1fr;list-style:none;margin:0;padding:0}@media(min-width:640px){.category-grid__list{gap:var(--space-8);grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.category-grid__list{grid-template-columns:repeat(3,1fr)}}.category-grid__item{margin:0}.category-tile{background:var(--navy);color:var(--white);display:block;height:280px;overflow:hidden;position:relative;text-decoration:none}@media(min-width:768px){.category-tile{height:320px}}.category-tile__media{top:0;right:0;bottom:0;left:0;position:absolute}.category-tile__image{height:100%;object-fit:cover;opacity:.9;transition:transform .7s ease;width:100%}.category-tile__overlay{background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 50%,transparent 100%);top:0;right:0;bottom:0;left:0;position:absolute}.category-tile__content{bottom:var(--space-8);left:var(--space-8);position:absolute;right:var(--space-8)}.category-tile__title{color:var(--white);font-size:clamp(20px,2.2vw,26px);letter-spacing:-.03em;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.4);text-transform:uppercase;text-wrap:balance}.category-tile__description{color:var(--white);font-size:14px;font-weight:500;margin:var(--space-2) 0 0}@media(min-width:1024px){.category-tile--linked .category-tile__description{opacity:0;transform:translateY(16px);transition:opacity .3s ease,transform .3s ease}@media(hover:hover){.category-tile--linked:hover .category-tile__description,.category-tile--linked:focus-visible .category-tile__description{opacity:1;transform:translateY(0)}}@media(hover:hover){.category-tile--linked:hover .category-tile__image{transform:scale(1.1)}}}@media(prefers-reduced-motion:reduce){.category-tile--linked .category-tile__description{opacity:1;transform:none;transition:none}.category-tile__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-category-grid.css.map */