.category-panels{display:block;padding-top:5rem;padding-bottom:5rem}.category-panels .section-heading{margin:0 0 2rem}.category-panels__list{display:flex;flex-direction:column;gap:.8rem;list-style:none}.category-panels__item{position:relative;flex:none;height:8rem;overflow:hidden;border-radius:1rem;transition:height .5s cubic-bezier(.22,1,.36,1)}.category-panels__item:hover,.category-panels__item.is-active{height:32rem}.category-panels__link{display:block;position:relative;width:100%;height:100%}.category-panels__media{position:absolute;top:0;right:0;bottom:0;left:0}.category-panels__item:nth-child(1) .category-panels__media{background:#d9a441}.category-panels__item:nth-child(2) .category-panels__media{background:#dd7b3b}.category-panels__item:nth-child(3) .category-panels__media{background:#b15f09}.category-panels__item:nth-child(4) .category-panels__media{background:#b15f09}.category-panels__image{width:100%;height:100%;object-fit:cover;display:block}.category-panels__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#2b242099,#2b242000 60%)}.category-panels__label{position:absolute;left:1.8rem;right:1.8rem;bottom:1.6rem;display:flex;flex-direction:column;gap:.5rem;color:#fbf3e4}.category-panels__title{font-family:var(--font-heading-family);font-size:2rem;line-height:1.1;transition:font-size .4s ease}.category-panels__item:hover .category-panels__title,.category-panels__item.is-active .category-panels__title{font-size:2.8rem}.category-panels__cta{font-family:var(--font-body-family);font-size:1.3rem;font-weight:600;opacity:0;transform:translateY(.6rem);transition:opacity .35s ease,transform .35s ease}.category-panels__item:hover .category-panels__cta,.category-panels__item.is-active .category-panels__cta{opacity:1;transform:translateY(0);transition-delay:.1s}@media screen and (min-width:990px){.category-panels__list{flex-direction:row;height:60vh;min-height:42rem;max-height:58rem;gap:.5rem}.category-panels__item{flex:1 1 0%;min-width:0;height:auto}.category-panels__item:hover,.category-panels__item.is-active{flex-grow:3.2;height:auto}.category-panels__label{left:2.4rem;right:2.4rem;bottom:2.4rem}.category-panels__title{font-size:2.2rem}.category-panels__item:hover .category-panels__title,.category-panels__item.is-active .category-panels__title{font-size:3.4rem}}@media(prefers-reduced-motion:reduce){.category-panels__item,.category-panels__title,.category-panels__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/category-panels.css.map */