.brand-orbit{--orbit-paper: #f5f3ed;--orbit-gold: #bea476;--orbit-line: rgba(245, 243, 237, .3);position:relative;isolation:isolate;overflow:hidden;padding:clamp(5.5rem,9vw,9rem) clamp(1.25rem,7vw,7rem);background:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px),#111312;background-size:64px 64px,64px 64px,auto}.brand-orbit:before{position:absolute;top:1.25rem;right:1.25rem;bottom:1.25rem;left:1.25rem;z-index:-1;content:"";pointer-events:none;border:1px solid rgba(245,243,237,.08)}.brand-orbit__heading{position:relative;z-index:5;color:var(--orbit-paper);border-color:#f5f3ed2e}.brand-orbit__heading .kicker,.brand-orbit__heading h2{color:inherit}.brand-orbit__introduction{display:grid;gap:1.2rem}.brand-orbit__introduction p{margin:0;color:#f5f3edb3;line-height:1.6}.brand-orbit__introduction span{color:var(--orbit-gold);font-size:.66rem;font-weight:800;letter-spacing:.14em;line-height:1.45;text-transform:uppercase}.brand-orbit__viewport{position:relative;width:min(100%,1500px);margin:2.5rem auto 0}.brand-orbit__stage{--orbit-center-y: 16%;position:relative;min-height:clamp(34rem,42vw,40rem);overflow:hidden;border:1px solid rgba(245,243,237,.18);background:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px),#070808b8;background-size:48px 48px,48px 48px,auto;cursor:grab;outline:none;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.brand-orbit__stage:before,.brand-orbit__stage:after{position:absolute;z-index:1;content:"";pointer-events:none;background:#f5f3ed42}.brand-orbit__stage:before{left:50%;top:0;bottom:0;width:1px}.brand-orbit__stage:after{left:0;right:0;top:var(--orbit-center-y);height:1px;background:linear-gradient(90deg,transparent,rgba(245,243,237,.34) 14%,rgba(245,243,237,.34) 86%,transparent)}.brand-orbit__stage:focus-visible{box-shadow:0 0 0 2px var(--orbit-gold)}.brand-orbit__stage.is-dragging{cursor:grabbing}.brand-orbit__plane{position:absolute;left:50%;top:var(--orbit-center-y);z-index:2;width:91%;height:28%;overflow:hidden;border:0;clip-path:inset(50% 0 0);transform:translate(-50%,-50%) rotate(var(--brand-orbit-tilt, 0deg));transform-origin:center;pointer-events:none}.brand-orbit__plane:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border:1px solid rgba(245,243,237,.38);border-radius:50%;box-shadow:0 .5rem 1.8rem #f5f3ed09}.brand-orbit__plane:after{display:none}.brand-orbit__center{position:absolute;left:50%;top:var(--orbit-center-y);z-index:50;width:clamp(4.9rem,8vw,6.4rem);min-height:0;display:grid;place-items:center;padding:.6rem;color:var(--orbit-paper);text-decoration:none;border:0;background:#111312eb;box-shadow:0 0 0 .3rem #111312c7,0 0 1.35rem #f5f3ed14;transform:translate(-50%,-50%);transition:transform .18s ease,filter .18s ease}.brand-orbit__center:before,.brand-orbit__center:after{display:none}.brand-orbit__center:hover,.brand-orbit__center:focus-visible{filter:drop-shadow(0 0 .5rem rgba(245,243,237,.38));transform:translate(-50%,-50%) scale(1.08)}.brand-orbit__center-logo{width:100%;display:grid;place-items:center}.brand-orbit__center-logo svg{width:100%;height:auto;filter:brightness(0) invert(1)}.brand-orbit__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1px;padding:1px}.brand-orbit.is-ready .brand-orbit__items{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;padding:0;pointer-events:none}.brand-orbit__item{--orbit-accent: #bea476;position:relative;min-height:9rem;display:grid;grid-template-rows:auto 1fr auto auto;gap:.6rem;padding:.9rem;overflow:hidden;color:var(--orbit-paper);border:1px solid rgba(245,243,237,.25);background:#111312f5;box-shadow:0 0 0 .28rem #111312c7}.brand-orbit.is-ready .brand-orbit__item{position:absolute;left:var(--orbit-left, 50%);top:var(--orbit-top, 42%);width:clamp(8.5rem,12vw,10.75rem);min-height:clamp(6.5rem,9vw,8rem);opacity:var(--orbit-opacity, 0);filter:blur(var(--orbit-blur, 0));pointer-events:var(--orbit-pointer, none);transform:perspective(900px) translate(-50%,-50%) rotateX(var(--orbit-perspective-tilt, 0deg)) scale(var(--orbit-scale, .74));transform-origin:center;transition:width .36s cubic-bezier(.22,1,.36,1),min-height .36s cubic-bezier(.22,1,.36,1),padding .36s cubic-bezier(.22,1,.36,1),opacity .22s ease,filter .22s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;will-change:left,top,transform,opacity}.brand-orbit.is-ready .brand-orbit__item.is-active{left:50%;top:55%;z-index:100!important;width:clamp(38rem,70vw,62rem);height:clamp(19rem,22vw,22rem);min-height:0;max-height:calc(100% - 6rem);grid-template-columns:minmax(20rem,1.45fr) minmax(11rem,.55fr);grid-template-rows:auto 1fr auto auto;grid-template-areas:"portal number" "portal brand" "portal copy" "portal enter";column-gap:clamp(1rem,2.2vw,2rem);padding:clamp(1.1rem,2vw,1.6rem);opacity:1;overflow:hidden;filter:none;transform:perspective(900px) translate(-50%,-50%) rotateX(0) scale(1);border-color:var(--orbit-accent);background:linear-gradient(90deg,color-mix(in srgb,var(--orbit-accent) 12%,transparent),transparent 42%),#111312;box-shadow:0 0 0 .32rem #111312,0 0 0 .4rem color-mix(in srgb,var(--orbit-accent) 58%,transparent)}.brand-orbit__focus-button{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;padding:0;cursor:pointer;border:0;background:transparent}.brand-orbit__focus-button:focus-visible{outline:2px solid var(--orbit-accent);outline-offset:-3px}.brand-orbit__portal{display:none}.brand-orbit__item.is-active .brand-orbit__portal{position:relative;grid-area:portal;height:100%;min-height:0;display:grid;grid-template-rows:2rem 1fr;align-self:stretch;overflow:hidden;border:1px solid color-mix(in srgb,var(--orbit-accent) 70%,#f5f3ed);background:#0d0f0e;box-shadow:.65rem .65rem color-mix(in srgb,var(--orbit-accent) 12%,transparent),.65rem .65rem 0 1px color-mix(in srgb,var(--orbit-accent) 42%,transparent);transform-origin:center top;animation:brand-orbit-portal-in .72s cubic-bezier(.16,1,.3,1) both}.brand-orbit__item.is-active .brand-orbit__portal:before{position:absolute;inset:2rem 0 auto;z-index:4;height:1px;content:"";pointer-events:none;background:color-mix(in srgb,var(--orbit-accent) 80%,transparent);box-shadow:0 0 .8rem var(--orbit-accent);opacity:.55;animation:brand-orbit-scan 3.4s linear infinite}.brand-orbit__portal-chrome{position:relative;z-index:2;display:flex;align-items:center;gap:.35rem;padding:0 .75rem;border-bottom:1px solid rgba(245,243,237,.18);background:#151716}.brand-orbit__portal-chrome i{width:.34rem;height:.34rem;border:1px solid var(--orbit-accent);border-radius:50%}.brand-orbit__portal-chrome small{margin-left:auto;color:#f5f3ed94;font-size:.46rem;font-style:normal;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.brand-orbit__portal-screen{position:relative;height:100%;min-height:0;display:block;overflow:hidden;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),#111312;background-size:24px 24px,24px 24px,auto}.brand-orbit__portal-screen:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:"";pointer-events:none;background:linear-gradient(180deg,transparent 54%,rgba(8,10,9,.88) 100%),linear-gradient(90deg,color-mix(in srgb,var(--orbit-accent) 12%,transparent),transparent 58%)}.brand-orbit__portal-image{width:100%;height:100%;min-height:0;display:block;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.05) brightness(.8)}.brand-orbit__portal-wireframe{position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;display:grid;grid-template-columns:1.5fr .7fr;grid-template-rows:1fr .42fr;gap:.55rem}.brand-orbit__portal-wireframe i{border:1px solid color-mix(in srgb,var(--orbit-accent) 58%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--orbit-accent) 11%,transparent),transparent 68%)}.brand-orbit__portal-wireframe i:first-child{grid-row:1 / -1}.brand-orbit__portal-title{position:absolute;left:1rem;right:1rem;bottom:.9rem;z-index:2;display:grid;gap:.2rem;color:var(--orbit-paper)}.brand-orbit__portal-title small{color:var(--orbit-accent);font-size:.46rem;font-weight:800;letter-spacing:.14em}.brand-orbit__portal-title strong{font-size:clamp(1.1rem,2.1vw,1.65rem);letter-spacing:-.045em;line-height:1}.brand-orbit__item.is-active .brand-orbit__number{grid-area:number}.brand-orbit__item.is-active .brand-orbit__brand{grid-area:brand}.brand-orbit__item.is-active .brand-orbit__copy{grid-area:copy}.brand-orbit__item.is-active .brand-orbit__enter{grid-area:enter}@keyframes brand-orbit-portal-in{0%{opacity:0;filter:blur(3px);transform:perspective(760px) translate3d(0,-3rem,-150px) rotateX(-12deg) scale(.78);clip-path:inset(0 0 60% 0)}to{opacity:1;filter:blur(0);transform:perspective(760px) translateZ(0) rotateX(0) scale(1);clip-path:inset(0)}}@keyframes brand-orbit-scan{0%{transform:translateY(0)}to{transform:translateY(11.5rem)}}.brand-orbit__item:hover,.brand-orbit__item:focus-within{border-color:var(--orbit-accent)}.brand-orbit__number{position:relative;z-index:2;color:var(--orbit-accent);font-size:.56rem;font-weight:800;letter-spacing:.15em;pointer-events:none}.brand-orbit__brand{position:relative;z-index:2;min-height:2.75rem;display:grid;place-items:center;pointer-events:none}.brand-orbit__logo{display:block;width:auto;height:auto;max-width:88%;max-height:3rem;object-fit:contain}.brand-orbit__logo--diatread,.brand-orbit__logo--cnc,.brand-orbit__logo--exostrut,.brand-orbit__logo--aluminu,.brand-orbit__logo--lesstain,.brand-orbit__logo--rolypulley,.brand-orbit__logo--rnd{filter:grayscale(1) brightness(0) invert(1)}.brand-orbit__logo--gameday{filter:brightness(0) invert(1)}.brand-orbit__logo--virtus,.brand-orbit__logo--os{width:3.5rem;height:3.5rem;object-fit:contain}.brand-orbit__wordmark{color:var(--orbit-paper);font-size:clamp(1rem,1.55vw,1.4rem);font-weight:900;letter-spacing:-.055em;line-height:.95;text-align:center;text-transform:uppercase}.brand-orbit__wordmark--aluminu{letter-spacing:-.08em;text-transform:none}.brand-orbit__wordmark--lesstain{font-weight:620;letter-spacing:-.04em;text-transform:none}.brand-orbit__copy{position:relative;z-index:2;display:grid;gap:.3rem;pointer-events:none}.brand-orbit__copy>strong{font-size:.68rem;line-height:1.2}.brand-orbit__copy>small{display:none;color:#f5f3edad;font-size:.68rem;line-height:1.45}.brand-orbit__enter{position:relative;z-index:6;display:none;width:fit-content;align-items:center;gap:.75rem;padding-top:.7rem;color:var(--orbit-paper);font-size:.61rem;font-weight:800;letter-spacing:.13em;line-height:1;text-decoration:none;text-transform:uppercase;border-top:1px solid rgba(245,243,237,.22)}.brand-orbit__enter:hover,.brand-orbit__enter:focus-visible{color:var(--orbit-accent)}.brand-orbit__item.is-active .brand-orbit__focus-button{cursor:default}.brand-orbit__item.is-active .brand-orbit__brand{min-height:4.2rem}.brand-orbit__item.is-active .brand-orbit__logo{max-height:4.2rem}.brand-orbit__item.is-active .brand-orbit__logo--virtus,.brand-orbit__item.is-active .brand-orbit__logo--os{width:4.7rem;height:4.7rem}.brand-orbit__item.is-active .brand-orbit__wordmark{font-size:clamp(1.8rem,3.2vw,2.8rem)}.brand-orbit__item.is-active .brand-orbit__copy>strong{font-size:clamp(.95rem,1.5vw,1.2rem)}.brand-orbit__item.is-active .brand-orbit__copy>small,.brand-orbit__item.is-active .brand-orbit__enter{display:inline-flex}.brand-orbit__item--diatread{--orbit-accent: #cbd3d5}.brand-orbit__item--gameday{--orbit-accent: #a6d90d}.brand-orbit__item--virtus{--orbit-accent: #42b4c9}.brand-orbit__item--os{--orbit-accent: #bea476}.brand-orbit__item--cnc{--orbit-accent: #d9ff43}.brand-orbit__item--exostrut{--orbit-accent: #c0a16b}.brand-orbit__item--aluminu{--orbit-accent: #aebbc1}.brand-orbit__item--lesstain{--orbit-accent: #d7dcdd}.brand-orbit__item--rolypulley{--orbit-accent: #e6bd52}.brand-orbit__item--rnd{--orbit-accent: #ef765f}.brand-orbit__controls{display:grid;grid-template-columns:auto auto auto minmax(10rem,1fr);align-items:center;gap:1px;margin-top:1px;background:#f5f3ed29;border:1px solid rgba(245,243,237,.16)}.brand-orbit__controls button,.brand-orbit__status{min-height:3.25rem;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0 1.15rem;color:var(--orbit-paper);border:0;background:#171817;font:inherit;font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.brand-orbit__controls button{cursor:pointer}.brand-orbit__controls button:first-child,.brand-orbit__controls button:nth-child(3){min-width:3.5rem;font-size:1.15rem}.brand-orbit__controls button:hover,.brand-orbit__controls button:focus-visible{color:#111312;background:var(--orbit-gold)}.brand-orbit__status{justify-content:flex-end;color:var(--orbit-gold)}@media(max-width:900px){.brand-orbit__heading{grid-template-columns:1fr;align-items:start}.brand-orbit__stage{min-height:42rem}.brand-orbit__plane{width:98%}}@media(max-width:640px){.brand-orbit{padding-right:1rem;padding-left:1rem}.brand-orbit:before{top:.5rem;right:.5rem;bottom:.5rem;left:.5rem}.brand-orbit__stage{--orbit-center-y: 29%;min-height:43rem}.brand-orbit__plane{width:124%;height:28%}.brand-orbit__center{width:4.8rem;padding:.48rem}.brand-orbit.is-ready .brand-orbit__item{width:7.6rem;min-height:6.2rem;padding:.7rem}.brand-orbit.is-ready .brand-orbit__item.is-active{top:66%;width:calc(100% - 3rem);max-width:25rem;height:auto;min-height:18rem;max-height:none;grid-template-columns:1fr .55fr;grid-template-rows:9.25rem auto auto auto;grid-template-areas:"portal portal" "brand number" "copy copy" "enter enter";padding:1rem;overflow:visible}.brand-orbit__item.is-active .brand-orbit__portal{min-height:9.25rem}.brand-orbit__portal-screen,.brand-orbit__portal-image{min-height:7.25rem}.brand-orbit__item.is-active .brand-orbit__brand{min-height:3.5rem}.brand-orbit__controls{grid-template-columns:1fr 1.7fr 1fr}.brand-orbit__status{grid-column:1 / -1;justify-content:center}}@media(prefers-reduced-motion:reduce){.brand-orbit.is-ready .brand-orbit__item,.brand-orbit__center{transition:none}.brand-orbit__item.is-active .brand-orbit__portal,.brand-orbit__item.is-active .brand-orbit__portal:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/brand-orbit.css.map */