.hub-gateway{background:#efefef;margin:0;padding:0;font-family:var(--font-gamesta);font-weight:200;-webkit-font-smoothing:antialiased}.hub-stage{position:relative;width:min(96vw,110rem);margin:0 auto;aspect-ratio:800 / 600;max-height:calc(100dvh - var(--header-height) - 4rem);min-height:32rem}.hub-wires{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.hub-gateway.is-active .hub-wires{opacity:1;visibility:visible}.hub-wires line{stroke:#c8c8c8;stroke-width:1;fill:none;stroke-linecap:square;stroke-dasharray:480;stroke-dashoffset:480;transition:stroke .35s ease,stroke-dashoffset .9s cubic-bezier(.22,1,.36,1)}.hub-gateway.is-active .hub-wires__set--1 line{transition-delay:.05s;stroke-dashoffset:0}.hub-gateway.is-active .hub-wires__set--2 line{transition-delay:.15s;stroke-dashoffset:0}.hub-gateway.is-active .hub-wires__set--3 line{transition-delay:.25s;stroke-dashoffset:0}.hub-gateway.is-active .hub-wires__set--4 line{transition-delay:.35s;stroke-dashoffset:0}.hub-gateway.is-active .hub-wires__set--5 line{transition-delay:.45s;stroke-dashoffset:0}.hub-wires__node{fill:#111;opacity:0;transform:scale(.5);transform-box:fill-box;transform-origin:center;transition:transform .35s ease,opacity .4s ease}.hub-gateway.is-active .hub-wires__node{opacity:1;transform:scale(1);transition-delay:.5s}.hub-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hub-enter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:none;border:0;font-family:inherit;font-size:clamp(1.5rem,3.2vw,2.2rem);font-weight:200;letter-spacing:.42em;text-indent:.42em;color:#111;cursor:pointer;padding:1.4rem 2rem;z-index:10;transition:opacity .45s ease,transform .45s ease}.hub-gateway.is-started .hub-enter{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.92)}.hub-logo{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) scale(.88);margin:0;padding:0;border:0;background:none;width:auto;max-width:90%;font-family:var(--font-gamesta);font-size:clamp(2rem,5.5vw,3.8rem);font-weight:200;letter-spacing:.38em;text-indent:.38em;text-transform:uppercase;color:#111;opacity:0;pointer-events:none;transition:opacity .65s ease,transform .65s ease;z-index:4;white-space:nowrap}.hub-gateway.is-started .hub-logo{opacity:1;transform:translate(-50%,-50%) scale(1)}.hub-back{position:absolute;left:2.5%;top:4%;background:none;border:0;font-family:inherit;font-size:.95rem;font-weight:200;letter-spacing:.12em;color:#111;cursor:pointer;opacity:0;pointer-events:none;padding:.35rem 0;z-index:16;transition:opacity .35s ease,transform .2s ease}.hub-gateway.is-active .hub-back{opacity:1;pointer-events:auto}.hub-back:hover{transform:translate(-4px)}.hub-nav{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hub-item{position:absolute;color:#222;text-decoration:none;opacity:0;pointer-events:none;transform:translateY(-100%);padding-bottom:.45rem;transition:opacity .55s ease,color .3s ease}.hub-gateway.is-active .hub-item{opacity:1;pointer-events:auto}.hub-item__label{display:block;font-size:clamp(1rem,1.85vw,1.55rem);font-weight:200;line-height:1.1;white-space:nowrap}.hub-item--1{left:15%;top:21.67%}.hub-item--2{right:15%;top:21.67%;left:auto;text-align:right}.hub-item--3{left:15%;top:71.67%}.hub-item--4{right:18.75%;top:80%;left:auto;text-align:right}.hub-item--5{right:6.25%;top:58.33%;left:auto;text-align:right}.hub-item:hover,.hub-item:focus-visible{color:#000}.hub-gateway:has(.hub-item--1:hover) .hub-wires__set--1 line,.hub-gateway:has(.hub-item--1:focus-visible) .hub-wires__set--1 line,.hub-gateway:has(.hub-item--1.is-lit) .hub-wires__set--1 line,.hub-gateway:has(.hub-item--2:hover) .hub-wires__set--2 line,.hub-gateway:has(.hub-item--2:focus-visible) .hub-wires__set--2 line,.hub-gateway:has(.hub-item--2.is-lit) .hub-wires__set--2 line,.hub-gateway:has(.hub-item--3:hover) .hub-wires__set--3 line,.hub-gateway:has(.hub-item--3:focus-visible) .hub-wires__set--3 line,.hub-gateway:has(.hub-item--3.is-lit) .hub-wires__set--3 line,.hub-gateway:has(.hub-item--4:hover) .hub-wires__set--4 line,.hub-gateway:has(.hub-item--4:focus-visible) .hub-wires__set--4 line,.hub-gateway:has(.hub-item--4.is-lit) .hub-wires__set--4 line,.hub-gateway:has(.hub-item--5:hover) .hub-wires__set--5 line,.hub-gateway:has(.hub-item--5:focus-visible) .hub-wires__set--5 line,.hub-gateway:has(.hub-item--5.is-lit) .hub-wires__set--5 line{stroke:#111}.hub-gateway:has(.hub-item--1:hover) .hub-wires__set--1 .hub-wires__node,.hub-gateway:has(.hub-item--2:hover) .hub-wires__set--2 .hub-wires__node,.hub-gateway:has(.hub-item--3:hover) .hub-wires__set--3 .hub-wires__node,.hub-gateway:has(.hub-item--4:hover) .hub-wires__set--4 .hub-wires__node,.hub-gateway:has(.hub-item--5:hover) .hub-wires__set--5 .hub-wires__node{transform:scale(1.2)}.hub-item:focus-visible{outline:1px solid #111;outline-offset:4px}.hub-enter:focus-visible,.hub-back:focus-visible{outline:1px solid #111;outline-offset:6px}.hub-mode .page-back{display:none!important}@media(max-width:768px){.hub-item__label{font-size:.88rem}.hub-stage{min-height:26rem}}@media(prefers-reduced-motion:reduce){.hub-wires line,.hub-item,.hub-logo,.hub-enter{transition:none;stroke-dashoffset:0}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/hub.css.map */
