.category-menu{background:var(--category-menu-background, rgb(var(--color-background)));color:rgb(var(--color-foreground));overflow:hidden;padding-bottom:6rem}.category-menu__inner{align-items:center;column-gap:clamp(3.2rem,5vw,7.2rem);display:grid;grid-template-columns:minmax(0,7fr) minmax(22rem,3fr);margin:0;padding-left:0rem;padding-right:2rem}.category-menu__eyebrow{grid-column:1 / -1;color:rgba(var(--color-foreground),.62);font-family:var(--font-functional-family);font-size:1.1rem;font-weight:600;letter-spacing:.16rem;line-height:1.35;margin:0;text-transform:uppercase}.category-menu__media{background:rgba(var(--color-foreground),.04);min-height:90vh;overflow:hidden;position:relative;width:100%}.category-menu__image-layer{top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity .68s var(--ease-premium, cubic-bezier(.22, 1, .36, 1))}.category-menu__image-layer.is-active{opacity:1}.category-menu__picture,.category-menu__image{display:block;height:100%;width:100%}.category-menu__image{object-fit:cover}.category-menu__image-layer--placeholder{align-items:center;background:rgba(var(--color-foreground),.06);display:flex;justify-content:center}.category-menu__placeholder-svg{height:100%;max-height:32rem;opacity:.28;width:100%}.category-menu__nav{width:100%}.category-menu__autoplay-toggle{align-items:center;-webkit-appearance:none;appearance:none;background:transparent;border:.1rem solid transparent;border-radius:50%;color:rgba(var(--color-foreground),.62);cursor:pointer;display:flex;height:4.4rem;justify-content:center;margin:0 0 1.2rem auto;padding:0;transition:background-color .22s ease,border-color .22s ease,color .22s ease;width:4.4rem}.category-menu__autoplay-toggle:hover,.category-menu__autoplay-toggle:focus-visible{background:rgba(var(--color-foreground),.04);border-color:rgba(var(--color-foreground),.32);color:rgb(var(--color-foreground))}.category-menu__autoplay-toggle:focus-visible{outline:.1rem solid currentColor;outline-offset:.4rem}.category-menu__autoplay-icon{display:inline-flex}.category-menu__autoplay-icon svg{height:1.3rem;width:1.3rem}.category-menu__autoplay-icon--play,.category-menu__autoplay-toggle.is-paused .category-menu__autoplay-icon--pause{display:none}.category-menu__autoplay-toggle.is-paused .category-menu__autoplay-icon--play{display:inline-flex}.category-menu__list{list-style:none;margin:0;padding:0;text-align:right}.category-menu__item{line-height:1}.category-menu__item+.category-menu__item{margin-top:clamp(.6rem,1vw,1.2rem)}.category-menu__link{color:currentColor;display:inline-block;font-family:var(--font-heading-family);font-size:clamp(5.2rem,8vw,12rem);font-style:var(--font-heading-style);font-weight:400;letter-spacing:0;line-height:.95;opacity:.56;position:relative;text-decoration:none;transform:translate(0) scale(1);transform-origin:right center;transition:color .22s ease,opacity .56s var(--ease-premium, cubic-bezier(.22, 1, .36, 1)),outline-color .22s ease,transform .56s var(--ease-premium, cubic-bezier(.22, 1, .36, 1))}.category-menu__link-label{display:block}.category-menu__link:focus-visible{outline:.1rem solid currentColor;outline-offset:.8rem}.category-menu__link:focus,.category-menu__link.is-active{opacity:1}.category-menu__link.is-active{transform:translate(clamp(-4rem,-3vw,-2.5rem)) scale(1.045)}.category-menu__underline{--category-menu-underline-extension: clamp(1.2rem, .28em, 2rem);--category-menu-underline-overhang: clamp(.6rem, .14em, 1rem);bottom:-.2em;clip-path:inset(0 100% 0 0);height:.22em;left:calc(0rem - var(--category-menu-underline-overhang));opacity:.72;overflow:visible;pointer-events:none;position:absolute;transition:clip-path .42s var(--ease-premium, cubic-bezier(.22, 1, .36, 1));width:calc(100% + var(--category-menu-underline-extension))}.category-menu__underline-path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1;vector-effect:non-scaling-stroke}.category-menu__link.is-active .category-menu__underline{clip-path:inset(0 0 0 0)}.category-menu--size-medium .category-menu__link{font-size:clamp(4.2rem,6.2vw,8.8rem)}.category-menu--size-large .category-menu__link{font-size:clamp(5.2rem,8vw,12rem)}.category-menu--size-editorial .category-menu__link{font-size:clamp(2rem,10vw,6.2rem)}.category-menu__placeholder{border:.1rem solid rgba(var(--color-foreground),.18);color:rgba(var(--color-foreground),.62);font-family:var(--font-functional-family);font-size:1.2rem;font-weight:600;letter-spacing:.14rem;line-height:1.4;padding:2.4rem;text-transform:uppercase}@media(hover:hover)and (pointer:fine){.category-menu__link{will-change:transform}.category-menu__link:hover,.category-menu__link:focus-visible{opacity:1;transform:translate(clamp(-4rem,-3vw,-2.5rem)) scale(1.045)}}@media screen and (max-width:749px){.category-menu{padding-bottom:calc(var(--category-menu-padding-bottom) * .72);padding-top:calc(var(--category-menu-padding-top) * .72)}.category-menu__inner{display:grid;gap:2.4rem;grid-template-columns:1fr;padding-left:0rem;padding-right:0rem}.category-menu__eyebrow{text-align:left}.category-menu__media{min-height:80vh}.category-menu__list{text-align:right;padding-left:1.6rem;padding-right:1.6rem}.category-menu__autoplay-toggle{margin-right:1.6rem}.category-menu__link,.category-menu--size-medium .category-menu__link,.category-menu--size-large .category-menu__link,.category-menu--size-editorial .category-menu__link{font-size:clamp(3rem,12vw,4.2rem);line-height:1}.category-menu__link:hover,.category-menu__link:focus-visible{opacity:1}}@media(prefers-reduced-motion:reduce){.category-menu__autoplay-toggle{transition:none}}.category-menu--align-left .category-menu__list{text-align:left}.category-menu--align-center .category-menu__list{text-align:center}.category-menu--align-right .category-menu__list{text-align:right}@media screen and (max-width:749px){.category-menu--align-left .category-menu__list{padding-left:4.1rem}}@media(prefers-reduced-motion:reduce){.category-menu__image-layer,.category-menu__link,.category-menu__underline{transition:none}.category-menu__link:hover,.category-menu__link:focus-visible{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/category-menu.css.map */