.category-hero .category-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:3rem;align-items:center}.category-hero .title,.category-hero .title-wrapper-with-link{margin:1rem 0 0}.category-hero .collection-description{margin-top:1rem}.category-hero .category-content{margin-bottom:3rem}.category-hero .category-hero__list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.category-hero .category-hero__link{position:relative;display:inline-flex;align-items:center;gap:.6rem;padding:.45rem 0;font-size:4.8rem;letter-spacing:1px;color:inherit;text-decoration:none;opacity:1;transform:translate(0);transition:opacity .25s ease,transform .45s cubic-bezier(.22,1,.36,1),background-size .45s cubic-bezier(.22,1,.36,1)}.category-hero .category-hero__link:hover{transform:translate(10px)!important}.category-hero .category-hero__link:after{content:"";width:3.2rem;height:3.2rem;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3846 18.4668L20.849 12.0024L14.3822 5.53559M20.099 12.0024L3.10003 12.0024' stroke='currentColor' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");opacity:0;transform:translate(-14px);transition:opacity .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}.category-hero .category-hero__link:hover:after,.category-hero .category-hero__link.is-active:after{opacity:1;transform:translate(0)}.category-hero .category-hero__right{position:relative}.category-hero .category-hero__slides{position:relative;width:100%;padding:6% 16% 6% 6%;cursor:e-resize;overflow:visible}.category-hero .category-hero__slide{position:absolute;top:6%;right:16%;bottom:6%;left:6%;display:block;overflow:hidden;box-shadow:0 22px 45px #00000029;transform-origin:center;opacity:0;pointer-events:none;transition:transform .55s cubic-bezier(.2,.9,.2,1),opacity .35s ease,box-shadow .35s ease,filter .35s ease}.category-hero .category-hero__slide.is-top{pointer-events:auto;cursor:pointer}.category-hero .category-hero__slide.is-placeholder{pointer-events:none;cursor:default}.category-hero .placeholder-svg{height:100%}.category-hero .category-hero__img{width:100%;height:100%;object-fit:cover;display:block}.category-hero .category-hero__slide{--order: 0;--rot: 0deg;--dx: calc(var(--order) * 10%);--dy: calc(var(--order) * 7%);--sc: calc(1 - (var(--order) * .07));--op: calc(1 - (var(--order) * .28));transform:translate(var(--dx)) translateY(var(--dy)) rotate(var(--rot)) scale(var(--sc));opacity:var(--op);z-index:calc(10 - var(--order))}.category-hero .category-hero__slide.is-top{--rot: 0deg}.category-hero .category-hero__slide:not(.is-hidden)[style*="--order: 1"]{--rot: -2deg}.category-hero .category-hero__slide:not(.is-hidden)[style*="--order: 2"]{--rot: 2.2deg}.category-hero .category-hero__slide.is-top{box-shadow:0 26px 55px #00000038;filter:none}.category-hero .category-hero__slide:not(.is-top):not(.is-hidden){box-shadow:0 14px 30px #00000024;filter:saturate(.95) contrast(.98)}.category-hero .category-hero__slide:before{content:"";position:absolute;top:-40%;right:-60%;bottom:-40%;left:-60%;background:radial-gradient(circle at 30% 30%,#ffffff38,#fff0 55%);transform:translateY(10%) rotate(-8deg);opacity:0;pointer-events:none;transition:opacity .35s ease}.category-hero .category-hero__slide.is-top:before{opacity:.9}.category-hero .category-hero__slide.is-top:hover{transform:translate(var(--dx)) translateY(calc(var(--dy) - 1.5%)) rotate(var(--rot)) scale(calc(var(--sc) + .01))}.category-hero .category-hero__slide.is-hidden{opacity:0;filter:none}@media(max-width:768px){.category-hero .category-hero__inner{grid-template-columns:1fr;gap:2rem}.category-hero .category-hero__link{font-size:1.2rem;padding-left:.6rem}.category-hero .category-hero__slides{padding:4% 10% 4% 4%}.category-hero .category-hero__slide{top:4%;right:10%;bottom:4%;left:4%}.category-hero .category-hero__slide:not(.is-hidden)[style*="--order: 1"]{--rot: -1.4deg}.category-hero .category-hero__slide:not(.is-hidden)[style*="--order: 2"]{--rot: 1.6deg}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-interactive-visual-list.css.map */