*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden;--homepage-color-bg: #121212;--homepage-color-text: #ffffff;--homepage-color-surface: #fff;--homepage-color-ink: #121212;--homepage-vertical-tag-bg: #8d1f24;--homepage-color-control-bg: rgb(18 18 18 / 55%);--homepage-color-control-bg-hover: rgb(18 18 18 / 75%);--homepage-space-artwork-inset: 60px;--homepage-space-links-gap: .8em;--homepage-space-vertical-tag-padding-y: 1.25rem;--homepage-space-vertical-tag-padding-x: .875rem;--homepage-space-controls-offset: 1rem;--homepage-space-controls-offset-desktop: 1.25rem;--homepage-space-controls-gap: .5rem;--homepage-space-skip-link-offset: 1rem;--homepage-space-skip-link-padding-y: .75rem;--homepage-space-skip-link-padding-x: 1rem;--homepage-space-vertical-tag-top-mobile: 80px;--homepage-space-animation-slide: 120px;--homepage-size-link-circle: 360px;--homepage-size-control: 2.75rem;--homepage-size-control-icon: 1.125rem;--homepage-size-control-icon-mute: 1.375rem;--homepage-size-border-focus: 2px;--homepage-size-underline-min: 2px;--homepage-size-visually-hidden: 1px;--homepage-vertical-tag-width: 100px;--homepage-vertical-tag-width-mobile: 70px;--homepage-font-size-label: clamp(1.25rem, 4vw, 2rem);--homepage-font-size-links: clamp(1.5rem, 4.5vw, 3rem);--homepage-font-size-links-mobile: clamp(2rem, 9vw, 6rem);--homepage-font-size-skip-link: 1rem;--homepage-line-height-links: 1.25;--homepage-letter-spacing-label: .06em;--homepage-size-link-underline: .08em;--homepage-bg-fade-duration: .6s;--homepage-bg-fade-stagger: .35s;--homepage-bg-fade-delay: .25s;--homepage-transition-fade: var(--homepage-bg-fade-duration) ease;--homepage-transition-color: .25s ease;--homepage-transition-underline: .25s ease;--homepage-transition-circle: .4s ease;--homepage-transition-control-bg: .15s ease;--homepage-artwork-blur: 5px;--homepage-transition-artwork-blur: .8s ease;--homepage-mobile-scroll-height: 200vh;--homepage-mobile-scroll-height-dynamic: 200dvh;--homepage-z-index-label: 1;--homepage-z-index-poster: 1;--homepage-z-index-video: 2;--homepage-z-index-controls: 3;--homepage-z-index-links: 5;--homepage-z-index-vertical-tag: 10;--homepage-z-index-skip-link: 100;--homepage-z-index-circle: -1}html,body{margin:0}.homepage{display:flex}body{background:var(--homepage-color-bg);color:var(--homepage-color-text);font-family:var(--font-body-family, system-ui, sans-serif);-webkit-font-smoothing:antialiased;overflow-x:hidden}.homepage__label{position:relative;z-index:var(--homepage-z-index-label);font-family:var(--font-heading-family, inherit);font-weight:700;font-size:var(--homepage-font-size-label);letter-spacing:var(--homepage-letter-spacing-label);text-transform:uppercase;pointer-events:none}.homepage__background{position:relative;background:var(--homepage-color-surface);overflow:hidden}.homepage__background-artwork{position:absolute;inset:var(--homepage-space-artwork-inset) 0;overflow:hidden;filter:blur(0);transition:filter var(--homepage-transition-artwork-blur)}.homepage__background:has(.homepage__background-link-circle.is-active) .homepage__background-artwork{filter:blur(var(--homepage-artwork-blur))}.homepage__background-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0}@keyframes homepage-background-layer-in{0%{opacity:0;transform:translate(calc(-1 * var(--homepage-space-animation-slide)))}to{opacity:1;transform:translate(0)}}@keyframes homepage-background-fade-in{0%{opacity:0}to{opacity:1}}.homepage__background-layer svg{position:absolute;display:block}.homepage__background-links{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--homepage-z-index-links);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}.homepage__background-links-panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--homepage-space-links-gap);text-align:center;pointer-events:none}.homepage__background-links.is-interactive .homepage__background-links-panel{pointer-events:auto}.homepage__background-link-circle{position:fixed;left:0;top:0;width:var(--homepage-size-link-circle);height:var(--homepage-size-link-circle);border-radius:50%;background:var(--homepage-color-surface);pointer-events:none;z-index:var(--homepage-z-index-circle);transform:translate(-50%,-50%) scale(0);transition:transform var(--homepage-transition-circle);will-change:transform}.homepage__background-link-circle.is-active{transform:translate(-50%,-50%) scale(1)}.homepage__background-links-panel a{position:relative;z-index:var(--homepage-z-index-label);font-family:var(--font-heading-family, inherit);font-size:var(--homepage-font-size-links);line-height:var(--homepage-line-height-links);color:var(--homepage-color-ink);text-decoration:none;transition:color var(--homepage-transition-color)}.homepage__background-links-panel a:after{content:"";position:absolute;left:0;bottom:var(--homepage-size-link-underline);width:100%;height:var(--homepage-size-link-underline);min-height:var(--homepage-size-underline-min);background:var(--homepage-vertical-tag-bg);transform:scaleX(0);transform-origin:left center;transition:transform var(--homepage-transition-underline)}.homepage__background-links-panel a:hover,.homepage__background-links-panel a:focus-visible{color:var(--homepage-vertical-tag-bg)}.homepage__background-links-panel a:hover:after,.homepage__background-links-panel a:focus-visible:after{transform:scaleX(1)}.homepage__background-links-panel a:focus:not(:focus-visible){outline:none}.homepage__visually-hidden{position:absolute;width:var(--homepage-size-visually-hidden);height:var(--homepage-size-visually-hidden);padding:0;margin:calc(-1 * var(--homepage-size-visually-hidden));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.homepage__skip-link{position:absolute;width:var(--homepage-size-visually-hidden);height:var(--homepage-size-visually-hidden);padding:0;margin:calc(-1 * var(--homepage-size-visually-hidden));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;z-index:var(--homepage-z-index-skip-link)}.homepage__skip-link:focus{position:fixed;top:var(--homepage-space-skip-link-offset);left:var(--homepage-space-skip-link-offset);width:auto;height:auto;margin:0;padding:var(--homepage-space-skip-link-padding-y) var(--homepage-space-skip-link-padding-x);overflow:visible;clip:auto;white-space:normal;background:var(--homepage-color-surface);color:var(--homepage-color-ink);font-family:var(--font-body-family, inherit);font-size:var(--homepage-font-size-skip-link);text-decoration:none;border:var(--homepage-size-border-focus) solid var(--homepage-vertical-tag-bg)}.homepage__vertical-tag{position:fixed;top:50%;right:0;z-index:var(--homepage-z-index-vertical-tag);transform:translateY(-50%);width:var(--homepage-vertical-tag-width);max-width:var(--homepage-vertical-tag-width);padding:var(--homepage-space-vertical-tag-padding-y) var(--homepage-space-vertical-tag-padding-x);background:var(--homepage-vertical-tag-bg);pointer-events:none}.homepage__vertical-tag-inner{width:100%}.homepage__vertical-tag-inner svg{display:block;width:100%;height:auto}.homepage__video-frame{background:var(--homepage-color-surface);overflow:hidden}.homepage__video-poster,.homepage__video-player{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.homepage__video-poster{opacity:0;z-index:var(--homepage-z-index-poster);transition:opacity var(--homepage-transition-fade)}.homepage__video-poster.is-loaded{opacity:1}.homepage__video-player{opacity:0;z-index:var(--homepage-z-index-video);transition:opacity var(--homepage-transition-fade)}.homepage__video-player.is-playing{opacity:1}.homepage__video-controls{position:absolute;bottom:var(--homepage-space-controls-offset);left:var(--homepage-space-controls-offset);z-index:var(--homepage-z-index-controls);display:flex;gap:var(--homepage-space-controls-gap);opacity:0;pointer-events:none;transition:opacity var(--homepage-transition-fade)}.homepage__video.is-video-visible .homepage__video-controls{opacity:1;pointer-events:auto}.homepage__video-control{display:flex;align-items:center;justify-content:center;width:var(--homepage-size-control);height:var(--homepage-size-control);padding:0;border:none;border-radius:50%;background:var(--homepage-color-control-bg);color:var(--homepage-color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--homepage-transition-control-bg)}.homepage__video-control:hover,.homepage__video-control:focus-visible{background:var(--homepage-color-control-bg-hover)}.homepage__video-control:focus-visible{outline:var(--homepage-size-border-focus) solid var(--homepage-color-text);outline-offset:var(--homepage-size-border-focus)}.homepage__video-control-icon{display:flex;align-items:center;justify-content:center;width:var(--homepage-size-control-icon);height:var(--homepage-size-control-icon)}.homepage__video-control-icon[hidden]{display:none}.homepage__video-control-icon svg{width:100%;height:100%}.homepage__video-control[data-homepage-action=mute] .homepage__video-control-icon{width:var(--homepage-size-control-icon-mute);height:var(--homepage-size-control-icon-mute)}@media screen and (min-width:1020px){.homepage{flex-direction:row;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden}.homepage__video{position:relative;flex:0 0 auto;height:100vh;height:100dvh;width:56.25vh;width:56.25dvh;aspect-ratio:9 / 16}.homepage__video-controls{bottom:var(--homepage-space-controls-offset-desktop);left:var(--homepage-space-controls-offset-desktop)}.homepage__video-frame{position:absolute;top:0;right:0;bottom:0;left:0}.homepage__background{flex:1 1 auto;height:100vh;height:100dvh;min-width:0}.homepage__background-links{right:var(--homepage-vertical-tag-width)}.homepage__background-layer svg{top:0;left:calc((100% - var(--homepage-vertical-tag-width)) / 2);height:100%;width:auto;transform:translate(-50%)}.homepage__background-layer{animation:homepage-background-layer-in var(--homepage-bg-fade-duration) ease forwards}.homepage__background-layer:nth-child(1){animation-delay:var(--homepage-bg-fade-delay)}.homepage__background-layer:nth-child(2){animation-delay:calc(var(--homepage-bg-fade-delay) + var(--homepage-bg-fade-stagger))}.homepage__background-layer:nth-child(3){animation-delay:calc(var(--homepage-bg-fade-delay) + 2 * var(--homepage-bg-fade-stagger))}.homepage__background-layer:nth-child(4){animation-delay:calc(var(--homepage-bg-fade-delay) + 3 * var(--homepage-bg-fade-stagger))}.homepage__background-links{animation:homepage-background-fade-in var(--homepage-bg-fade-duration) ease forwards;animation-delay:calc(var(--homepage-bg-fade-delay) + 3 * var(--homepage-bg-fade-stagger) + var(--homepage-bg-fade-duration))}}@media screen and (min-width:1020px)and (prefers-reduced-motion:reduce){.homepage__background-layer,.homepage__background-links{opacity:1;transform:none;animation:none}.homepage__background-links-panel{pointer-events:auto}}@media screen and (max-width:1019px){.homepage{flex-direction:column;min-height:var(--homepage-mobile-scroll-height);min-height:var(--homepage-mobile-scroll-height-dynamic)}.homepage__video{position:relative;z-index:var(--homepage-z-index-video);flex:0 0 100vh;flex:0 0 100dvh;width:100%;height:100vh;height:100dvh;overflow:hidden}.homepage__video-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:9 / 16;height:100vh;height:100dvh;width:max(100%,56.25vh);width:max(100%,56.25dvh)}.homepage__background{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;--homepage-vertical-tag-width: var(--homepage-vertical-tag-width-mobile)}.homepage__vertical-tag{top:var(--homepage-space-vertical-tag-top-mobile);transform:none}.homepage__background-links-panel{max-width:calc(100% - 2 * var(--homepage-vertical-tag-width))}.homepage__background-links-panel a{font-size:var(--homepage-font-size-links-mobile)}.homepage__background.is-revealed .homepage__background-layer{animation:homepage-background-layer-in var(--homepage-bg-fade-duration) ease forwards}.homepage__background.is-revealed .homepage__background-layer:nth-child(1){animation-delay:var(--homepage-bg-fade-delay)}.homepage__background.is-revealed .homepage__background-layer:nth-child(2){animation-delay:calc(var(--homepage-bg-fade-delay) + var(--homepage-bg-fade-stagger))}.homepage__background.is-revealed .homepage__background-layer:nth-child(3){animation-delay:calc(var(--homepage-bg-fade-delay) + 2 * var(--homepage-bg-fade-stagger))}.homepage__background.is-revealed .homepage__background-layer:nth-child(4){animation-delay:calc(var(--homepage-bg-fade-delay) + 3 * var(--homepage-bg-fade-stagger))}.homepage__background.is-revealed .homepage__background-links{animation:homepage-background-fade-in var(--homepage-bg-fade-duration) ease forwards;animation-delay:calc(var(--homepage-bg-fade-delay) + 3 * var(--homepage-bg-fade-stagger) + var(--homepage-bg-fade-duration))}.homepage__background-layer svg{top:0;left:50%;height:100%;width:auto;min-width:100%;transform:translate(-50%)}}@media screen and (max-width:1019px)and (prefers-reduced-motion:reduce){.homepage__background.is-revealed .homepage__background-layer,.homepage__background.is-revealed .homepage__background-links{opacity:1;transform:none;animation:none}.homepage__background.is-revealed .homepage__background-links-panel{pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/homepage.css.map */