{% comment %}
  ___                       _          _   ___        ___      _ _    _          _     
 / __|___ _ _  ___ _ _ __ _| |_ ___ __| | | _ )_  _  | _ )_  _(_) |__| |___ _ _ (_)___ 
| (_ / -_) ' \/ -_) '_/ _` |  _/ -_) _` | | _ \ || | | _ \ || | | / _` / -_) '_|| / _ \
 \___\___|_||_\___|_| \__,_|\__\___\__,_| |___/\_, | |___/\_,_|_|_\__,_\___|_|(_)_\___/
                                               |__/    
                               
This content was created and managed is managed by Builder.io. 

*Do not edit this content directly* - this is only the minimum HTML and above the fold CSS 
for this content for best possible performance. Additional content (dynamic html, below the fold styles,
lazy images) load subsequently via our CDN

Be sure you have access to this account in Builder.io and edit this page at:
https://builder.io/content/8fe299369e9f48a084f800ae5f951a3d

If you are a developer working on this site, see this guide on using Builder.io for Shopify developers:
https://builder.io/c/docs/shopify/developers

Beyond Final 2
Last updated: Wed, 08 Feb 2023 00:55:25 GMT

{% endcomment %}



<builder-component name="page"  api-key="64dd5478e25746bf9db3b6c0319905f6" rev="5a56dc60079e4c2fa00be024042f6b60" entry="8fe299369e9f48a084f800ae5f951a3d"  style="display: flex; flex-direction: column; align-items: stretch">
{{ BUILDER_SHOPIFY_ASSIGNS }}

<!-- ***** Generated by Builder.io on Wed, 08 Feb 2023 00:55:25 GMT ***** -->

<style type="text/css" class="builder-styles builder-api-styles">  .builder-block.builder-8b06184{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box}.builder-block.builder-1cc4235,.builder-block.builder-29ce23d,.builder-block.builder-3345743,.builder-block.builder-88d64f1,.builder-block.builder-8d9b5f6,.builder-block.builder-ab9077d,.builder-block.builder-d4f73ba,.builder-block.builder-fe213c0{color:#fff}.builder-paragraph:first-of-type,.builder-text p:first-of-type{margin:0}.builder-paragraph,.builder-text>p{color:inherit;line-height:inherit;letter-spacing:inherit;font-weight:inherit;font-size:inherit;text-align:inherit;font-family:inherit}.action-btn-text,a.footer-btn{font-family:"Neue Haas Grotesk Display Pro - Medium",sans-serif;font-style:normal;font-weight:600;line-height:24px}.builder-block.builder-963e7e0,.builder-block.builder-d6976f9,a.detail-link:not(:hover),span.footer-head{color:#787e81}.builder-block.builder-90e903b{position:relative;top:-20%}.builder-block.builder-b095be3{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:100%;margin-right:auto;margin-left:auto;z-index:5}.builder-block.builder-c25aeda{margin-top:-80px;z-index:10}.builder-block.builder-47e1f25,.builder-block.builder-4ccbeae,.builder-block.builder-5bf495b,.builder-block.builder-5bfb8b1,.builder-block.builder-8cfd9c5,.builder-block.builder-98a8e31,.builder-block.builder-b3dbf30,.builder-block.builder-b8adbe4,.builder-block.builder-d962b09,.builder-block.builder-ee4d176,.builder-block.builder-fe13cae,.grid-carousel{display:flex}.builder-block.builder-335df8b,.builder-block.builder-3736c7f,.builder-block.builder-3f1ca01,.builder-block.builder-80043e8,.builder-block.builder-894dd8b,.builder-block.builder-89be518,.builder-block.builder-bd73853,.builder-block.builder-be5a680,.builder-block.builder-c071633,.builder-block.builder-d416984,.builder-block.builder-df220e4,.builder-block.builder-df78bab,a.nav-btn,div.mobile-note,header.nav-mobile{display:none}.builder-block.builder-ae9b1d2{background-color:#000;z-index:1}.builder-block.builder-be2a678{width:calc(100% - 1px)}.builder-block.builder-f037740{color:#787e81;height:fit-content;cursor:pointer;pointer-events:auto;display:flex}.builder-block.builder-de4631d{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;width:calc(100% - 32px);min-height:20px;min-width:20px;overflow:hidden}.builder-block.builder-5f97d84{margin-right:80px}.builder-block.builder-492a1fa,.builder-block.builder-7100dc9,.builder-block.builder-8f8ec10,.builder-block.builder-ab1881a{color:#787e81;display:none}.builder-block.builder-320cc6d,.builder-block.builder-386bbd8,.builder-block.builder-77cadef,.builder-block.builder-a6bee16{color:#787e81;display:flex}.builder-block.builder-58ca348{display:flex;flex-direction:column;background-color:#000;z-index:3}.builder-block.builder-5fcf8e3{justify-content:flex-start;display:flex;flex-direction:column}.builder-block.builder-63d1b8a{color:#787e81;text-align:center}.builder-block.builder-6549500{width:calc(100% - 33px);margin-left:auto;margin-right:auto}.builder-block.builder-6d6dd13{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;min-width:100%}:root{--navBgColor:0,0,0;--logoInvert:0;--headerColor:#FFF;--headerBtnHeight:38px;--headerBtnFill:#4D1EF7;--headerBtnColor:#FFF;--headerBtnBorderColor:transparent;--headerBtnHoverTintAlpha:0.1;--headerBtnHoverFill:#4D1EF7;--headerBtnHoverColor:#FFF;--headerBtnHoverBorderColor:transparent;--navBtnBorderColor:#FFF;--navBtnInnerColor:#FFF;--widthOffset:0px;--mobileWidthOffset:0px;--navMenuHeightOffset:0px;--footerBtnFill:#FFF;--footerBtnColor:#000;--footerBtnBorderColor:#FFF;--footerBtnIconInvert:0;--footerBtnHoverFill:#000;--footerBtnHoverColor:#FFF;--footerBtnHoverBorderColor:#FFF}div.header-note{text-align:right;margin-right:16px}a{text-decoration:none;-webkit-tap-highlight-color:transparent}.float-right{float:right}.header-nav-background{position:fixed;top:0;z-index:100;width:100%;height:96px;background:rgba(var(--navBgColor),.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.feature-text-icon,.header-btn-frame,nav.header-nav{background-color:#00000000}.header-nav-frame{position:-webkit-sticky;position:-moz-sticky;position:-o-sticky;position:-ms-sticky;position:sticky;top:0;z-index:100;display:block;justify-content:start;align-items:center;margin-left:max(0,calc(calc(100% - 1648px)/ 2));width:calc(calc(100% / 12) * 8);max-width:calc(calc(1648px / 12) * 8);margin-bottom:-96px}.header-btn-frame{position:-webkit-sticky;position:-moz-sticky;position:-o-sticky;position:-ms-sticky;position:sticky;top:0;z-index:100;display:flex;flex-direction:row;justify-content:end;align-items:center;padding:0 16px 0 0;margin-left:auto;margin-right:max(0,calc(calc(100% - 1648px)/ 2));width:calc(calc(calc(100% / 12) * 4) - 16px);max-width:calc(calc(calc(1648px / 12) * 4) - 16px);height:96px;color:#fff}.header-btn-frame>div{display:flex;justify-content:end;align-items:center}nav.header-nav{display:grid;height:96px;grid:'logo logo logo link link link link link';gap:16px;padding:0 16px;align-items:center;color:#fff}a.header-logo{grid-area:logo;margin:22px 0 32px;height:42px;width:192px;align-items:center}a.header-logo img{height:42px;width:192px;filter:invert(var(--logoInvert))}a.header-link{grid-area:link/span 1;width:fit-content;color:#787e81}a.footer-link:not(:hover),a.header-link:not(:hover) span{color:var(--headerColor)}a.header-btn{z-index:2;display:flex;flex-direction:row;justify-content:center;align-items:center;height:var(--headerBtnHeight);max-height:var(--headerBtnHeight);padding:0 36.5px;width:fit-content;background:var(--headerBtnFill);color:var(--headerBtnColor);border-radius:40px;border:1px solid var(--headerBtnBorderColor)}a.header-btn:hover{background:linear-gradient(0deg,rgba(0,0,0,var(--headerBtnHoverTintAlpha)),rgba(0,0,0,var(--headerBtnHoverTintAlpha))),var(--headerBtnHoverFill);color:var(--headerBtnHoverColor);border-color:var(--headerBtnHoverBorderColor)}@media only screen and (max-width:991px){.builder-block.builder-320cc6d,.builder-block.builder-386bbd8,.builder-block.builder-47e1f25,.builder-block.builder-4ccbeae,.builder-block.builder-5bf495b,.builder-block.builder-5bfb8b1,.builder-block.builder-77cadef,.builder-block.builder-8cfd9c5,.builder-block.builder-98a8e31,.builder-block.builder-a6bee16,.builder-block.builder-b3dbf30,.builder-block.builder-b8adbe4,.builder-block.builder-d962b09,.builder-block.builder-ee4d176,.builder-block.builder-fe13cae{display:flex}.builder-block.builder-335df8b,.builder-block.builder-3736c7f,.builder-block.builder-3f1ca01,.builder-block.builder-492a1fa,.builder-block.builder-7100dc9,.builder-block.builder-80043e8,.builder-block.builder-894dd8b,.builder-block.builder-89be518,.builder-block.builder-8f8ec10,.builder-block.builder-ab1881a,.builder-block.builder-bd73853,.builder-block.builder-be5a680,.builder-block.builder-c071633,.builder-block.builder-d416984,.builder-block.builder-df220e4,.builder-block.builder-df78bab,a.header-link,div.header-note,div.nav-btn-inner.icon-navx{display:none}.builder-block.builder-5f97d84{margin-right:0}div.mobile-note{position:relative;transform:translateX(64px);display:flex;justify-content:center;align-items:center;flex:0 0 32px;width:100vw;max-width:100vw;height:32px;--bg:120,126,129;--bga:0.3;--col:255,255,255;background:rgba(var(--bg),var(--bga));color:rgba(var(--col),1);transition:background-color .5s cubic-bezier(.28,.11,.32,1);transition-property:background-color,color}a.nav-btn,div.nav-btn-inner{z-index:2;box-sizing:border-box}div.builder-blocks[builder-type=blocks]{align-items:flex-start;-webkit-box-align:start}.header-nav-background{position:fixed;top:0;z-index:100;width:100%;height:72px}.header-nav-frame{position:sticky;top:0;z-index:100;display:block;justify-content:start;align-items:center;margin-left:0;width:calc(calc(100% / 6) * 6);max-width:calc(calc(100vw / 6) * 6);margin-bottom:-72px}.header-btn-frame{position:sticky;top:0;right:0;z-index:100;display:flex;flex-wrap:wrap;align-items:flex-end;padding:0;margin-left:auto;margin-right:64px;width:calc(calc(calc(100vw / 6) * 2) - 12px);max-width:calc(calc(calc(100vw / 6) * 2) - 12px);height:72px}.header-btn-frame>div{display:flex;align-items:flex-end;flex-direction:column}nav.header-nav{display:grid;height:71px;grid:'logo logo logo logo btn btn';gap:12px;padding:0 12px;align-items:center}a.header-logo,a.header-logo img{height:30px;width:134px}a.header-logo{grid-area:logo;margin:0;align-items:center}a.header-btn{z-index:2;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:16px 0;height:var(--headerBtnHeight);max-height:var(--headerBtnHeight);padding:0 25.5px;width:fit-content;border-radius:40px}a.nav-btn{grid-area:btn;display:flex;justify-content:center;align-items:center;justify-self:end;margin-left:12px;width:40px;height:40px;max-width:40px;max-height:40px;border:1px solid var(--navBtnBorderColor);border-radius:40px}div.nav-btn-inner{display:flex;justify-content:center;align-items:center;width:28px;height:28px;max-width:28px;max-height:28px;border:1px solid var(--navBtnInnerColor);background:var(--navBtnInnerColor);border-radius:28px}header.nav-mobile{position:fixed;top:0;z-index:50;display:none;padding:103px 12px 32px;width:calc(100% - var(--mobileWidthOffset));max-width:calc(100vw - var(--mobileWidthOffset));height:calc(100% - var(--navMenuHeightOffset));max-height:calc(100vh - var(--navMenuHeightOffset));background:rgb(var(--navBgColor))}header.nav-mobile>div{height:100%;display:flex;flex-direction:column}header.nav-mobile .base-grid{grid-template-columns:repeat(6,1fr [col]);gap:12px;padding:0 12px}.nav-mobile-btm{width:100%;display:flex;flex-grow:1;flex-direction:column;justify-content:flex-end}.nav-mobile-btm>.base-grid{padding:0}.nav-mobile-btm>.base-grid>div{display:flex;flex-direction:column}header.nav-mobile>div a.mobile-link:not(:last-child){margin-bottom:16px}a.mobile-link{color:#787e81;width:fit-content}a.mobile-link:not(:hover){color:var(--headerColor)}}@media only screen and (max-width:339px){a.header-btn{z-index:-1;display:none}.mobile-note{margin-top:71px}}footer.footer-frame{position:relative;z-index:9;display:block;width:100%;height:fit-content;background-color:rgb(var(--navBgColor))}div.footer{margin-left:max(0,calc(calc(100% - 1648px)/ 2));width:calc(100% - var(--widthOffset));max-width:1648px;height:fit-content;display:grid;grid:'nav nav nav nav news news . learn learn about about social';gap:0 16px;padding:0 16px;color:var(--headerColor)}.product-tag,a.detail-link,a.footer-btn,a.footer-link{width:fit-content}a.footer-link{color:#787e81}a.detail-link{color:var(--headerColor)}a.detail-link:not(:last-child){margin-right:24px}a.footer-btn{z-index:2;display:flex;flex-direction:row;justify-content:center;align-items:center;height:46px;max-height:46px;padding:0 24px 0 16px;background:var(--footerBtnFill);color:var(--footerBtnColor);border-radius:40px;border:1px solid var(--footerBtnBorderColor);font-size:16px;letter-spacing:-.6px}a.footer-btn:hover{background:var(--footerBtnHoverFill);color:var(--footerBtnHoverColor);border:1px solid var(--footerBtnHoverBorderColor)}a.footer-btn img{width:25px;height:19px;margin-right:12px;filter:invert(var(--footerBtnIconInvert))}a.footer-btn:hover img{filter:invert(calc(calc(var(--footerBtnIconInvert) - 1) * -1))}div.footer-spacer{grid-area:auto/nav/auto/social;width:calc(100% - 35px);margin-right:32px;margin-left:1px;padding-right:1px}div.footer-nav{grid-area:2/nav;display:flex;flex-direction:column}div.footer-newsletter{grid-area:2/news;display:flex;flex-direction:column}div.footer-learnmore{grid-area:2/learn;display:flex;flex-direction:column}div.footer-about{grid-area:2/about;display:flex;flex-direction:column}div.footer-social{grid-area:2/social;display:flex;flex-direction:column}@media only screen and (max-width:991px){div.footer{margin-left:0;width:calc(100% - var(--mobileWidthOffset));max-width:100vw;height:fit-content;display:grid;grid:"nav nav nav nav nav nav" "learn learn about about social social" "foot foot foot foot foot foot"/1fr 1fr 1fr 1fr 1fr 1fr;gap:0 12px;padding:0 12px;color:var(--headerColor)}div.footer .base-grid{grid-template-columns:repeat(6,1fr [col]);gap:12px;padding:0 12px}a.detail-link:not(:last-child){margin-right:16px}a.footer-btn{align-self:center;width:100%;max-width:300px!important;margin:0 auto}div.footer-spacer{grid-area:auto/1/auto/7;width:100%;margin:0;padding:0}div.footer-nav{grid-area:auto/nav;display:flex;flex-direction:row;flex-wrap:wrap}div.footer-nav .row-fill{flex:1 1 100%;width:auto;max-width:100%}div.footer-nav .row-half{flex:1 1 50%;width:auto;max-width:100%}div.footer-newsletter{grid-area:auto/nav;display:flex;flex-direction:column}div.footer-learnmore{grid-area:auto/learn;display:flex;flex-direction:column}div.footer-about{grid-area:auto/about;display:flex;flex-direction:column}div.footer-social{grid-area:auto/social;display:flex;flex-direction:column}div.footer-fine-print{display:flex;flex-direction:column-reverse}}@media only screen and (min-width:641px){a.footer-btn{margin:0 auto 0 0}}.feature-text-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;max-height:46px;height:46px;max-width:46px;width:46px;border-radius:30px;border:1px solid #787e81}.feature-text-icon .font-body-sm{max-height:fit-content;height:fit-content;max-width:fit-content;width:fit-content}.scan-app-icon{width:calc(min(1648px,100vw) * .049);height:calc(min(1648px,100vw) * .049);border-radius:calc(min(1648px,100vw) * .008);background-color:#000}.product-tag{height:fit-content;padding:8px 16px;border:1px solid #fff;border-radius:40px}.product-tag-dark,.product-tag-inverted{width:fit-content;height:fit-content;padding:8px 16px;border-radius:40px}.product-tag-inverted{background:#fff}.product-tag-dark{background:#000}.pin-wrapper,.pin-wrapper>div:not(.pin-bridge){width:100%;height:100%;top:0;position:absolute}.pin-wrapper{overflow:visible;z-index:1}.pin-wrapper>div:not(.pin-bridge){left:0}.pin-bridge{left:0;right:0;top:0;bottom:0}.pin-bridge::before{content:'';position:absolute;display:block;left:var(--line-start);right:calc(100% - var(--line-end));top:var(--line-y);bottom:calc(100% - var(--line-y-end));border-bottom:var(--line-border);border-left:var(--line-border);border-right:var(--line-border)}.action-btn{display:flex;flex-direction:row;justify-content:start;align-items:center;max-height:80px;height:80px;width:fit-content;padding:0;border:1px solid #787e81;border-radius:72px;background-color:#00000000}.action-btn:hover{border:1px solid #fff;background-color:#fff;cursor:pointer}.action-btn-icon-frame{display:flex;flex-direction:row;justify-content:center;align-items:center;max-height:78px;height:78px;max-width:78px;width:78px;border-radius:40px;border:1px solid #fff;background-color:#fff}.action-btn:hover .action-btn-icon-frame{border:1px solid #fff;background-color:#000}.action-btn-text{padding:0 52px 0 20px;font-size:15px;letter-spacing:.01em;color:#fff}.action-btn:hover .action-btn-text,.tog-btn.tog-active[class*=TOGfeat-] div{color:#000}.action-btn-icon,.action-btn-icon img{max-width:36px;width:36px;max-height:36px;height:36px}.action-btn-icon-lg,.action-btn-icon-lg img{max-width:51px;width:51px;max-height:51px;height:51px}.action-btn:hover .action-btn-icon img,.action-btn:hover .action-btn-icon-lg img{filter:invert(1)}.list-icon,.list-icon img{max-width:24px;width:24px;max-height:24px;height:24px}.press-img:hover{opacity:50%}.slider{overflow-x:visible;overflow-y:hidden}.slider .slider-track{overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:12px}.slider .slider-track::-webkit-scrollbar{display:none}.slider .gallery{display:flex;flex-flow:row nowrap;margin:0 auto}.slider .gallery::before{content:'';padding-right:20vw}.slider .gallery::after{content:'';padding-right:50vw}.slider .item{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.slider .item img{object-fit:cover;max-inline-size:100%;block-size:100%}.slider.TOGcush{block-size:calc(calc(100vw * .856) * 1.166)}.slider.TOGcush .slider-track{block-size:calc(calc(calc(100vw * .856) * 1.166) + 25px)}.slider.TOGcush .gallery{gap:8px;inline-size:calc(100vw * .856);block-size:calc(calc(100vw * .856) * 1.166)}.slider.TOGsteam{block-size:100vw}.slider.TOGsteam .slider-track{block-size:calc(100vw + 25px)}.slider.TOGsteam .gallery{gap:8px;inline-size:calc(100vw * .856);block-size:100vw}.tog-img:not(.tog-active){display:none}.tog-btn.tog-active[class*=TOGfeat-]{border:1px solid #fff;background:#fff}.font-body-lg,.font-body-sm,.font-head,.font-lg,.font-subhead,.font-xl{font-family:"Neue Haas Grotesk Display Pro - 55 Roman",sans-serif;font-weight:500;font-style:normal}.child-divider,.divider{height:0;border-top:1px solid #787e81}.hide{visibility:hidden;z-index:-1}.base-margin{margin:0 16px}.divider{width:calc(100% - 33px);margin-left:16px}.child-divider{width:calc(100% - 1px)}.img-rounded{border-radius:8px}.gc-item{flex:1;margin-right:16px;transition:1s;cursor:pointer}.gc-caption{transition:opacity 1s}.gc-caption:not(.gc-main){visibility:hidden;max-height:0;opacity:0}.gc-main{flex-basis:calc(calc(calc(100% / 12) * 9) - calc(16px * 2));cursor:default}.gc-next{flex-basis:calc(calc(calc(100% / 12) * 2) - calc(16px * 2))}.gc-min{flex-basis:calc(calc(calc(100% / 12) * 1) - calc(16px * 2))}.gc-item:not(.gc-main):not(.gc-next):not(.gc-min){flex:0 1 0;width:0;opacity:0}.gc-item:not(.gc-main):not(.gc-next):not(.gc-min),.gc-last{margin-right:0}.base-grid{display:grid!important;grid-template-columns:repeat(12,1fr [col]);gap:16px;padding:0 16px}.gb-1{grid-column-start:1}.gb-2{grid-column-start:2}.gb-3{grid-column-start:3}.gb-4{grid-column-start:4}.gb-5{grid-column-start:5}.gb-6{grid-column-start:6}.gb-7{grid-column-start:7}.gb-8{grid-column-start:8}.gb-9{grid-column-start:9}.gb-10{grid-column-start:10}.gb-11{grid-column-start:11}.gb-12{grid-column-start:12}.ge-1{grid-column-end:col 1}.ge-2{grid-column-end:col 2}.ge-3{grid-column-end:col 3}.ge-4{grid-column-end:col 4}.ge-5{grid-column-end:col 5}.ge-6{grid-column-end:col 6}.ge-7{grid-column-end:col 7}.ge-8{grid-column-end:col 8}.ge-9{grid-column-end:col 9}.ge-10{grid-column-end:col 10}.ge-11{grid-column-end:col 11}.ge-12{grid-column-end:col 12}.font-xl{font-size:72px;line-height:88px}.xl-shorten-top{margin-top:calc(calc(72px - 88px)/ 1.2)}.xl-shorten-btm{margin-bottom:calc(calc(72px - 88px)/ 1)}.font-lg{font-size:64px;line-height:72px}.lg-shorten-top{margin-top:calc(calc(64px - 72px) * 1.5)}.lg-shorten-btm{margin-bottom:calc(calc(64px - 72px) * 1.5)}.font-head{font-size:48px;line-height:56px}.head-shorten-top{margin-top:calc(calc(48px - 56px) * 1)}.head-shorten-btm{margin-bottom:calc(calc(48px - 56px) * 1.4)}.font-subhead{font-size:32px;line-height:40px}.subhead-shorten-top{margin-top:calc(calc(32px - 40px) * .7)}.subhead-shorten-btm{margin-bottom:calc(calc(32px - 40px) * 1)}.font-body-lg{font-size:24px;line-height:32px}.body-lg-shorten-top{margin-top:calc(calc(24px - 32px) * .6)}.body-lg-shorten-btm{margin-bottom:calc(calc(24px - 32px) * .8)}.font-body-sm{font-size:18px;line-height:24px}.body-sm-shorten-top{margin-top:calc(calc(18px - 24px) * .8)}.body-sm-shorten-btm{margin-bottom:calc(calc(18px - 24px) * 1)}.font-label{font-family:"Neue Haas Grotesk Display Pro - Medium",sans-serif;font-style:normal;font-weight:600;font-size:15px;line-height:22px;letter-spacing:.02em}.font-detail,.font-list{font-family:"Neue Haas Grotesk Display Pro - 55 Roman",sans-serif;font-style:normal;font-weight:500}.label-shorten-top{margin-top:calc(calc(15px - 22px) * .7)}.label-shorten-btm{margin-bottom:calc(calc(15px - 22px) * .8)}.font-detail{font-size:16px;line-height:20px}.detail-shorten-top{margin-top:calc(calc(16px - 20px) * .6)}.detail-shorten-btm{margin-bottom:calc(calc(16px - 20px) * 1)}.font-list{font-size:18px;line-height:40px}@media only screen and (max-width:991px){.gc-item{margin-right:12px}.gc-item:not(.gc-main):not(.gc-next):not(.gc-min),.gc-last{margin-right:0}.font-mob-detail,.font-mob-footer,.font-mob-head,.font-mob-lg,.font-mob-sm,.font-mob-subhead,.font-mob-xl,.font-mob-xsm{font-family:"Neue Haas Grotesk Display Pro - 55 Roman",sans-serif;font-style:normal;font-weight:500}.font-mob-xl{font-size:42px;line-height:48px}.mob-xl-shorten-top{margin-top:calc(calc(42px - 48px) * 1.2)}.mob-xl-shorten-btm{margin-bottom:calc(calc(42px - 48px) * 1.5)}.font-mob-head{font-size:32px;line-height:40px}.mob-head-shorten-top{margin-top:calc(calc(32px - 40px) * 1.1)}.mob-head-shorten-btm{margin-bottom:calc(calc(32px - 40px) * 1)}.font-mob-subhead{font-size:28px;line-height:34px}.mob-subhead-shorten-top{margin-top:calc(calc(28px - 34px) * 1.2)}.mob-subhead-shorten-btm{margin-bottom:calc(calc(28px - 34px) * 1.2)}.font-mob-lg{font-size:24px;line-height:32px}.mob-lg-shorten-top{margin-top:calc(calc(24px - 32px) * .7)}.mob-lg-shorten-btm{margin-bottom:calc(calc(24px - 32px) * .9)}.font-mob-sm{font-size:18px;line-height:24px}.mob-sm-shorten-top{margin-top:calc(calc(18px - 24px) * .8)}.mob-sm-shorten-btm{margin-bottom:calc(calc(18px - 24px) * 1)}.font-mob-xsm{font-size:16px;line-height:20px}.mob-xsm-shorten-top{margin-top:calc(calc(16px - 20px) * .7)}.mob-xsm-shorten-btm{margin-bottom:calc(calc(16px - 20px) * 1.1)}.font-mob-detail{font-size:11px;line-height:16px}.mob-detail-shorten-top{margin-top:calc(calc(11px - 16px) * .7)}.mob-detail-shorten-btm{margin-bottom:calc(calc(11px - 16px) * 1.1)}.font-mob-footer{font-size:16px;line-height:28px}.mob-footer-shorten-top{margin-top:calc(calc(16px - 28px) * .5)}.mob-footer-shorten-btm{margin-bottom:calc(calc(16px - 28px) * .75)}}.spacer-240{max-width:240px;max-height:240px;width:240px;height:240px}.spacer-160{max-width:160px;max-height:160px;width:160px;height:160px}.spacer-120{max-width:120px;max-height:120px;width:120px;height:120px}.spacer-80{max-width:80px;max-height:80px;width:80px;height:80px}.spacer-64{max-width:64px;max-height:64px;width:64px;height:64px}.spacer-56{max-width:56px;max-height:56px;width:56px;height:56px}.spacer-48{max-width:48px;max-height:48px;width:48px;height:48px}.spacer-40{max-width:40px;max-height:40px;width:40px;height:40px}.spacer-32{max-width:32px;max-height:32px;width:32px;height:32px}.spacer-24{max-width:24px;max-height:24px;width:24px;height:24px}.spacer-20{max-width:20px;max-height:20px;width:20px;height:20px}.spacer-16{max-width:16px;max-height:16px;width:16px;height:16px}.spacer-8{max-width:8px;max-height:8px;width:8px;height:8px}@media only screen and (min-width:992px){.desktop-nix{display:none}}@media only screen and (min-width:641px) and (max-width:991px){.scan-app-icon{width:calc(100vw * .3);height:calc(100vw * .3);border-radius:calc(100vw * .049);background-color:#000}.tog-btn.tog-active[class*=TOGcomf-]{border:1px solid #000;background:#000}.tog-btn.tog-active[class*=TOGcomf-] div{color:#fff}.tablet-nix,.tog-sec:not(.tog-active):not(.tog-mobile-only){display:none}.gbt-1{grid-column-start:1}.gbt-2{grid-column-start:2}.gbt-3{grid-column-start:3}.gbt-4{grid-column-start:4}.gbt-5{grid-column-start:5}.gbt-6{grid-column-start:6}.gbt-7{grid-column-start:7}.gbt-8{grid-column-start:8}.gbt-9{grid-column-start:9}.gbt-10{grid-column-start:10}.gbt-11{grid-column-start:11}.gbt-12{grid-column-start:12}.get-1{grid-column-end:col 1}.get-2{grid-column-end:col 2}.get-3{grid-column-end:col 3}.get-4{grid-column-end:col 4}.get-5{grid-column-end:col 5}.get-6{grid-column-end:col 6}.get-7{grid-column-end:col 7}.get-8{grid-column-end:col 8}.get-9{grid-column-end:col 9}.get-10{grid-column-end:col 10}.get-11{grid-column-end:col 11}.get-12{grid-column-end:col 12}.tspacer-240{max-width:240px;max-height:240px;width:240px;height:240px}.tspacer-160{max-width:160px;max-height:160px;width:160px;height:160px}.tspacer-120{max-width:120px;max-height:120px;width:120px;height:120px}.tspacer-80{max-width:80px;max-height:80px;width:80px;height:80px}.tspacer-64{max-width:64px;max-height:64px;width:64px;height:64px}.tspacer-56{max-width:56px;max-height:56px;width:56px;height:56px}.tspacer-48{max-width:48px;max-height:48px;width:48px;height:48px}.tspacer-40{max-width:40px;max-height:40px;width:40px;height:40px}.tspacer-32{max-width:32px;max-height:32px;width:32px;height:32px}.tspacer-24{max-width:24px;max-height:24px;width:24px;height:24px}.tspacer-20{max-width:20px;max-height:20px;width:20px;height:20px}.tspacer-16{max-width:16px;max-height:16px;width:16px;height:16px}.tspacer-8{max-width:8px;max-height:8px;width:8px;height:8px}}@media only screen and (max-width:640px){.builder-block.builder-58ca348,.builder-block.builder-7466672,.builder-block.builder-ae9b1d2{width:100vw}.builder-block.builder-90e903b{display:flex;flex-direction:column;width:100vw;overflow-x:hidden}.builder-block.builder-b095be3{width:142.3%;margin-left:0;max-width:142.3%;margin-right:0;margin-top:18px;left:0;transform:translateX(-13%)}.builder-block.builder-c25aeda{margin-top:34px}.builder-block.builder-320cc6d,.builder-block.builder-386bbd8,.builder-block.builder-47e1f25,.builder-block.builder-4ccbeae,.builder-block.builder-5bf495b,.builder-block.builder-77cadef,.builder-block.builder-8cfd9c5,.builder-block.builder-98a8e31,.builder-block.builder-a6bee16,.builder-block.builder-b3dbf30,.builder-block.builder-b8adbe4,.builder-block.builder-d962b09,.builder-block.builder-ee4d176,.builder-block.builder-fe13cae,.mobile-nix,.tog-sec:not(.tog-active){display:none}.builder-block.builder-335df8b,.builder-block.builder-3f1ca01,.builder-block.builder-492a1fa,.builder-block.builder-5bfb8b1,.builder-block.builder-7100dc9,.builder-block.builder-80043e8,.builder-block.builder-894dd8b,.builder-block.builder-89be518,.builder-block.builder-8f8ec10,.builder-block.builder-ab1881a,.builder-block.builder-bd73853,.builder-block.builder-be5a680,.builder-block.builder-c071633,.builder-block.builder-d416984,.builder-block.builder-df220e4{display:flex}.builder-block.builder-3736c7f,.builder-block.builder-df78bab{display:flex;margin-top:-12px;margin-bottom:-12px}.builder-block.builder-de4631d{width:calc(100% - 24px)}.builder-block.builder-5f97d84{margin-right:0}.product-tag,.product-tag-dark,.product-tag-inverted{font-size:14px!important;line-height:21px!important}.action-btn{display:flex;flex-direction:row;justify-content:start;align-items:center;max-height:64px;height:64px;width:fit-content;padding:0;border:1px solid #787e81;border-radius:72px;background-color:#00000000}.action-btn-icon-frame{display:flex;flex-direction:row;justify-content:center;align-items:center;max-height:62px;height:62px;max-width:62px;width:62px;border-radius:40px;border:1px solid #fff;background-color:#fff}.action-btn-text{padding:0 48px 0 16px;font-family:"Neue Haas Grotesk Display Pro - Medium",sans-serif;font-style:normal;font-weight:600;font-size:15px;line-height:24px;letter-spacing:.01em;color:#fff}.action-btn-icon,.action-btn-icon img{max-width:32px;width:32px;max-height:32px;height:32px}.action-btn-icon-lg,.action-btn-icon-lg img{max-width:51px;width:51px;max-height:51px;height:51px}.scan-app-icon{width:calc(100vw * .3);height:calc(100vw * .3);border-radius:calc(100vw * .049);background-color:#000}.tog-btn.tog-active[class*=TOGcomf-]{border:1px solid #000;background:#000}.tog-btn.tog-active[class*=TOGcomf-] div{color:#fff}.base-margin{margin:0 12px}.base-grid{grid-template-columns:repeat(6,1fr [col]);gap:12px;padding:0 12px}.gbm-1{grid-column-start:1}.gbm-2{grid-column-start:2}.gbm-3{grid-column-start:3}.gbm-4{grid-column-start:4}.gbm-5{grid-column-start:5}.gbm-6{grid-column-start:6}.gem-1{grid-column-end:col 1}.gem-2{grid-column-end:col 2}.gem-3{grid-column-end:col 3}.gem-4{grid-column-end:col 4}.gem-5{grid-column-end:col 5}.gem-6{grid-column-end:col 6}.mspacer-240{max-width:240px;max-height:240px;width:240px;height:240px}.mspacer-160{max-width:160px;max-height:160px;width:160px;height:160px}.mspacer-120{max-width:120px;max-height:120px;width:120px;height:120px}.mspacer-80{max-width:80px;max-height:80px;width:80px;height:80px}.mspacer-64{max-width:64px;max-height:64px;width:64px;height:64px}.mspacer-56{max-width:56px;max-height:56px;width:56px;height:56px}.mspacer-48{max-width:48px;max-height:48px;width:48px;height:48px}.mspacer-40{max-width:40px;max-height:40px;width:40px;height:40px}.mspacer-32{max-width:32px;max-height:32px;width:32px;height:32px}.mspacer-24{max-width:24px;max-height:24px;width:24px;height:24px}.mspacer-20{max-width:20px;max-height:20px;width:20px;height:20px}.mspacer-16{max-width:16px;max-height:16px;width:16px;height:16px}.mspacer-8{max-width:8px;max-height:8px;width:8px;height:8px}}@font-face{font-family:"Neue Haas Grotesk Display Pro - 55 Roman";src:local("Neue Haas Grotesk Display Pro - 55 Roman"),url(https://cdn.builder.io/o/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F801ad1fc927c41ef959636b8424c18b6?alt=media&token=269259f3-2e52-4b04-b789-5e22187828bf&apiKey=64dd5478e25746bf9db3b6c0319905f6) format('woff2');font-display:fallback;font-weight:400}
</style> <div class="builder-component" data-name="page"> <div class="builder-content" data-builder-content-id="8fe299369e9f48a084f800ae5f951a3d" data-builder-component="page" data-builder-variation-id="8fe299369e9f48a084f800ae5f951a3d" > <div builder-content-id="8fe299369e9f48a084f800ae5f951a3d" builder-model="page">  <header class="builder-block builder-d01022e header-nav-background" builder-id="builder-d01022e54aec492385230ed958ee5c2e"> <div class="builder-custom-code"> <div></div> </div> </header>  <header class="builder-block builder-247b6d0 header-nav-frame font-detail" builder-id="builder-247b6d0276a74fb6992052717a05c515"> <div class="builder-custom-code"> <nav class='header-nav'> <a class='header-logo' href='https://bigscreenvr.com'><img src='https://www.bigscreenvr.com/images/logos/bigscreen.svg'></img></a> <a class='header-link' href='https://bigscreenvr.com'>Hardware</br><span>Beyond</span></a> <a class='header-link' href='https://bigscreenvr.com/software'>Software</br><span>Platform</span></a> <a target='_blank' class='header-link coded-store' href=''>Store</br><span>Shop</span></a> <a class='header-link' href='https://bigscreenvr.com/movies/catalog'>Movies</br><span>Browse</span></a> <a class='header-link' href='https://bigscreenvr.com/account/login'>Account</br><span>Login</span></a> <a class="nav-btn" href=""> <div class="nav-btn-inner icon-hamburger"> <img src='https://cdn.shopify.com/s/files/1/0643/5169/9161/files/Hamburger12x8.svg?v=1669873776'></img> </div> <div class="nav-btn-inner icon-navx"> <img src='https://cdn.shopify.com/s/files/1/0643/5169/9161/files/NavX12px.svg?v=1669873775'></img> </div> </a> </nav> </div> </header>  <header class="builder-block builder-1b7acdc header-btn-frame font-detail" builder-id="builder-1b7acdcd54134f8b9039e7e97c459607"> <div class="builder-custom-code"> <div class="header-note">Batch 1 ships<br />Q2 — 2023</div> <a class="header-btn coded-beyond" href="https://store.bigscreenvr.com/" >Pre order</a > <div class="mobile-note">Batch 1 ships in Q2 2023</div> </div> </header>  <header class="builder-block builder-438e839 nav-mobile font-subhead" builder-id="builder-438e839b42d14d75899879ec1786df16"> <div class="builder-custom-code"> <div class="spacer-24"></div> <a class="mobile-link subhead-shorten-top" href="https://bigscreenvr.com" >Hardware</a > <a class="mobile-link" href="https://bigscreenvr.com/software">Software</a> <a target="_blank" class="mobile-link coded-store" href="">Store</a> <a class="mobile-link" href="https://bigscreenvr.com/movies/catalog">Movies</a> <a class="mobile-link" href="https://bigscreenvr.com/account/login">Account</a> <div class="nav-mobile-btm"> <div class="child-divider"></div> <div class="spacer-40"></div> <div class="base-grid"> <div class="gb-1 ge-2"> <span class=" footer-head font-mob-footer mob-footer-shorten-top mob-footer-shorten-btm " >Learn more</span > <div class="spacer-24"></div> <!-- <a target="_blank" class="footer-link font-mob-footer mob-footer-shorten-top" href="https://blog.bigscreenvr.com/" >Blog</a > --> <a target="_blank" class="footer-link font-mob-footer mob-footer-shorten-top" href="mailto:support@bigscreenvr.com" >Contact</a > <a class="footer-link font-mob-footer" href="https://bigscreenvr.com/account" >Account</a > <a target="_blank" class="footer-link font-mob-footer" href="https://bigscreenvr.com/about#openings" >Careers</a > </div> <div class="gb-3 ge-4"> <span class=" footer-head font-mob-footer mob-footer-shorten-top mob-footer-shorten-btm " >About</span > <div class="spacer-24"></div> <!-- <a target="_blank" class="footer-link font-mob-footer mob-footer-shorten-top" href="https://blog.bigscreenvr.com/a-look-back-at-bigscreens-2017-updates-2fa7dda2d706" >Story</a > --> <a target="_blank" class="footer-link font-mob-footer mob-footer-shorten-top" href="https://bigscreenvr.com#story" >Company</a > <a target="_blank" class="footer-link font-mob-footer" href="https://bigscreenvr.com" >Press</a > </div> <div class="gb-5 ge-6"> <span class=" footer-head font-mob-footer mob-footer-shorten-top mob-footer-shorten-btm " >Follow us</span > <div class="spacer-24"></div> <a target="_blank" class="footer-link font-mob-footer mob-footer-shorten-top" href="https://twitter.com/bigscreenvr" >Twitter</a > <a target="_blank" class="footer-link font-mob-footer" href="https://youtube.com/bigscreenvr" >YouTube</a > <!-- <a target="_blank" class="footer-link font-mob-footer" href="https://www.tiktok.com/@bigscreenvr" >TikTok</a > --> <a target="_blank" class="footer-link font-mob-footer" href="https://reddit.com/r/bigscreen" >Reddit</a > <a target="_blank" class="footer-link font-mob-footer" href="https://www.facebook.com/bigscreenvr" >Facebook</a > </div> </div> <div class="spacer-64"></div> <a target='_blank' class="footer-btn" href="https://discord.gg/bigscreen"><img src='https://cdn.shopify.com/s/files/1/0643/5169/9161/files/Discord25x19.svg?v=1669850278'></img >Join us on Discord</a > </div> </div> </header>  <div class="builder-block builder-7466672"> <div style="height: 100%;width: 100%;align-self: stretch;flex-grow: 1;box-sizing: border-box;max-width: 1648px;display: flex;flex-direction: column;align-items: stretch;margin-left: auto;margin-right: auto;">  <div class="builder-block builder-8b06184" builder-id="builder-8b0618477103405fa64e9a540e1da094"> <div class="builder-custom-code"> <script> console.log('HELLO!') var populateQueries = toggle => toggle.query = document.getElementsByClassName(toggle.class); //.forEach(↓) var flipToggles = toggle => { if(toggle.query.length > 0) { let el = toggle.query[0]; let state = getComputedStyle(el)[toggle.cssProp]; el.style[toggle.cssProp] = state == toggle.off ? toggle.on : toggle.off; } }; //.forEach(↓) var getToggleNumber = (element, toggleGroupKey) => { return [...element.classList].find(cname => cname.startsWith(`TOG${toggleGroupKey}-`)).split('-')[1]; }; var getToggleCollection = (toggleGroupKey, elementKey, toggleNumber = '') => [...document.querySelectorAll(`.tog-${elementKey}[class*="TOG${toggleGroupKey}-${toggleNumber}"]`)]; //Fix for mobile sticky header let viewportMeta = document.querySelector('head>meta[name="viewport"]'); viewportMeta.content = 'width=device-width,minimum-scale=1'; //Hide mobile note on scroll down window.lastY = 0; window.onscroll = () => { let mobileNote = document.querySelector('.mobile-note'); if(window.scrollY > window.lastY) { mobileNote.style.background = 'rgba(var(--bg), 0)'; mobileNote.style.color = 'rgba(var(--col), 0)'; } else { mobileNote.style.background = 'rgba(var(--bg), var(--bga))'; mobileNote.style.color = 'rgba(var(--col), 1)'; } window.lastY = window.scrollY; } //Mobile nav menu (hamburger) button let navBtn = document.getElementsByClassName('nav-btn'); if(navBtn.length) { navBtn[0].onclick = (e) => { e.preventDefault(); let navToggles = [ {class: 'nav-mobile', cssProp: 'display', off: 'none', on: 'block'}, {class: 'mobile-note', cssProp: 'visibility', off: 'hidden', on: 'visible'}, {class: 'icon-hamburger', cssProp: 'display', off: 'none', on: 'flex'}, {class: 'icon-navx', cssProp: 'display', off: 'none', on: 'flex'}, ]; navToggles.forEach(populateQueries); navToggles.forEach(flipToggles); }; } //--Interactive sections (hide/show)-- //comfort let comfBtns = getToggleCollection('comf', 'btn'); if(comfBtns.length) { comfBtns.forEach(element => element.onclick = (e) => { e.preventDefault(); let togNum = getToggleNumber(element, 'comf'); let activeElems = getToggleCollection('comf', 'active'); let groupButtons = getToggleCollection('comf', 'btn', togNum); let groupSections = getToggleCollection('comf', 'sec', togNum); activeElems.forEach(active => active.classList.remove('tog-active')); groupButtons.forEach(button => button.classList.add('tog-active')); groupSections.forEach(section => section.classList.add('tog-active')); }; ); } //features let featBtns = getToggleCollection('feat', 'btn'); if(featBtns.length) { featBtns.forEach(element => { let togNum = getToggleNumber(element, 'feat'); let groupSections = getToggleCollection('feat', 'sec', togNum); element.onclick = (e) => { e.preventDefault(); let togNum = getToggleNumber(element, 'feat'); let activeElems = getToggleCollection('feat', 'active'); let groupButtons = getToggleCollection('feat', 'btn', togNum); let groupSections = getToggleCollection('feat', 'sec', togNum); let groupImages = getToggleCollection('feat', 'img', togNum); activeElems.forEach(active => active.classList.remove('tog-active')); groupButtons.forEach(button => button.classList.add('tog-active')); groupSections.forEach(section => section.classList.add('tog-active')); groupImages.forEach(image => image.classList.add('tog-active')); }; groupSections.forEach(section => { if(!section.onmouseenter) section.onmouseenter = element.onclick; }); }); } //cushion let cushTrack = document.querySelector('.TOGcush.slider>.slider-track'); if(!!cushTrack) { cushTrack.onscroll = () => { if(typeof window.cushDebounce == 'number') clearTimeout(window.cushDebounce); window.cushDebounce = setTimeout(() => { let cushSlides = getToggleCollection('cush', 'slider'); let togNum = 0; for(let i = 0; i < cushSlides.length; i++) { let slide = cushSlides[i]; if(slide.getClientRects()[0].x > 0) { togNum = getToggleNumber(slide, 'cush'); break; } } if(togNum) { let activeElems = getToggleCollection('cush', 'active'); let groupSlides = getToggleCollection('cush', 'slider', togNum); let groupSections = getToggleCollection('cush', 'sec', togNum); activeElems.forEach(active => active.classList.remove('tog-active')); groupSlides.forEach(slide => slide.classList.add('tog-active')); groupSections.forEach(section => section.classList.add('tog-active')); } }, 100); //END cushDebounce timeout }; //END cushTrack.onscroll() } //steamvr accessories let steamTrack = document.querySelector('.TOGsteam.slider>.slider-track'); if(!!steamTrack) { steamTrack.onscroll = () => { if(typeof window.steamDebounce == 'number') clearTimeout(window.steamDebounce); window.steamDebounce = setTimeout(() => { let steamSlides = getToggleCollection('steam', 'slider'); let togNum = 0; for(let i = 0; i < steamSlides.length; i++) { let slide = steamSlides[i]; if(slide.getClientRects()[0].x > 0) { togNum = getToggleNumber(slide, 'steam'); break; } } if(togNum) { let activeElems = getToggleCollection('steam', 'active'); let groupSlides = getToggleCollection('steam', 'slider', togNum); let groupSections = getToggleCollection('steam', 'sec', togNum); activeElems.forEach(active => active.classList.remove('tog-active')); groupSlides.forEach(slide => slide.classList.add('tog-active')); groupSections.forEach(section => section.classList.add('tog-active')); } }, 100); //END steamDebounce timeout }; //END steamTrack.onscroll() } //--Links that need server-side code to generate-- let preorderBtns = [...document.getElementsByClassName('coded-preorder')]; if(preorderBtns.length) { let linkUrl = window.shopLogin(); // window.alert(`multipass URL ${linkUrl}`); //debug linkUrl = linkUrl.replace(/products\/.*/, 'cart/42871437951193:1'); // window.alert(`multipass URL ${linkUrl}`); //debug preorderBtns.forEach(element => element.onclick = (e) => { e.preventDefault(); window.open(linkUrl, "_blank"); } ); } let storeBtns = [...document.getElementsByClassName('coded-store')]; if(storeBtns.length) { let linkUrl = window.shopLogin(); // window.alert(`multipass URL ${linkUrl}`); //debug linkUrl = linkUrl.replace(/products\/.*/, ''); // window.alert(`multipass URL ${linkUrl}`); //debug storeBtns.forEach(element => element.onclick = (e) => { e.preventDefault(); window.open(linkUrl, "_blank"); } ); } let beyondBtns = [...document.getElementsByClassName('coded-beyond')]; if(beyondBtns.length) { let linkUrl = window.shopLogin(); beyondBtns.forEach(element => element.onclick = (e) => { e.preventDefault(); window.open(linkUrl, "_blank"); } ); } //--Assigns the click event for each grid carousel item-- let clickTargets = [...document.querySelectorAll('.gc-item')]; clickTargets.forEach(el => el.onclick = () => { let brethren = [...el.parentElement.children]; let caroIndex = brethren.indexOf(el); brethren.forEach(littleBro => littleBro.classList.remove('gc-main', 'gc-next', 'gc-min', 'gc-last')); //Set carousel image classes el.classList.add('gc-main'); if(caroIndex == brethren.length - 1) { el.classList.add('gc-last'); el.previousElementSibling?.classList.add('gc-next'); el.previousElementSibling?.previousElementSibling?.classList.add('gc-min'); } else { //There is at least one next sibling el.nextElementSibling.classList.add('gc-next'); //Who gets gc-min? if(caroIndex == 0) el.nextElementSibling.nextElementSibling?.classList.add('gc-min'); else el.previousElementSibling.classList.add('gc-min'); //Who gets gc-last? if(caroIndex > 0) el.nextElementSibling.classList.add('gc-last'); else el.nextElementSibling.nextElementSibling.classList.add('gc-last'); } //Set carousel caption classes let captions = el.parentElement.parentElement.querySelectorAll('.grid-carousel-captions .gc-caption'); if(captions.length > caroIndex) { captions.forEach(captionBro => captionBro.classList.remove('gc-main')); captions[caroIndex].classList.add('gc-main'); } }}); console.log('HELLO GOODBYE') </script> </div> </div>  <div class="builder-block builder-32cc440" builder-id="builder-32cc4406266146b583752254406f0d06"> <div class="builder-custom-code"> <div class="spacer-56 tspacer-80" /> </div> </div>  <div class="builder-block builder-d4f73ba base-margin font-lg font-mob-xl">  <span class="builder-text"> <p>This is Beyond</p> </span> </div>  <div class="builder-block builder-d6976f9 base-margin font-lg font-mob-xl">  <span class="builder-text"> <p>An unparalleled VR experience</p> </span> </div> </div> </div>  <div class="builder-block builder-90e903b"> <div style="height: 100%;width: 100%;align-self: stretch;flex-grow: 1;box-sizing: border-box;max-width: 1648px;display: flex;flex-direction: column;align-items: stretch;margin-left: auto;margin-right: auto;">  <div class="builder-block builder-b095be3"> {%- assign _use_img_url = 'https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F04ea86ec020640ef9ca3ee331feb86c2?width=1648' -%} <picture> <source srcset="https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F04ea86ec020640ef9ca3ee331feb86c2?format=webp&width=100 100w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F04ea86ec020640ef9ca3ee331feb86c2?format=webp&width=200 200w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F04ea86ec020640ef9ca3ee331feb86c2?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F04ea86ec020640ef9ca3ee331feb86c2?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F04ea86ec020640ef9ca3ee331feb86c2?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F04ea86ec020640ef9ca3ee331feb86c2?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F04ea86ec020640ef9ca3ee331feb86c2?format=webp&width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F04ea86ec020640ef9ca3ee331feb86c2?format=webp&width=1648 1648w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F04ea86ec020640ef9ca3ee331feb86c2?format=webp&width=908 908w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F04ea86ec020640ef9ca3ee331feb86c2?format=webp&width=998 998w" type="image/webp" /> <img alt="" loading="lazy" src="{{ _use_img_url }}" sizes="(max-width: 638px) 143vw, (max-width: 998px) 100vw, 118vw" style="object-fit: cover;object-position: bottom;position: absolute;height: 100%;width: 100%;left: 0px;top: 0px;" /> </picture> <div class="builder-image-sizer" style="width: 100%;padding-top: 58.4%;pointer-events: none;font-size: 0;"></div> </div>  <button class="builder-block builder-c25aeda base-margin action-btn">  <div class="builder-block builder-82c9e68 action-btn-icon-frame">  <div class="builder-block builder-2db2eee action-btn-icon" builder-id="builder-2db2eeed7aeb495f8c0162d3bdf8fe36"> <div class="builder-custom-code"> <img src="https://cdn.shopify.com/s/files/1/0643/5169/9161/files/Play_36px.svg?v=1666687267" /> </div> </div> </div>  <div class="builder-block builder-34a6d63 action-btn-text ">  <span class="builder-text"> <p>See full presentation</p> </span> </div> </button>  <div class="builder-block builder-47e1f25" builder-id="builder-47e1f25717ef4484996b79eadccff735"> <div class="builder-custom-code"> <div class="spacer-56 tspacer-80" /> </div> </div>  <div class="builder-block builder-80043e8" builder-id="builder-80043e88897f490f85c06869939a0738"> <div class="builder-custom-code"> <div class="spacer-120" /> </div> </div>  <div class="builder-block builder-5d00779 base-grid">  <div class="builder-block builder-29ce23d gb-1 ge-9 get-12 font-head head-shorten-top head-shorten-btm font-mob-lg mob-lg-shorten-top mob-lg-shorten-btm">  <span class="builder-text"> <p> Breakthrough 5K OLED displays. Incredibly comfortable to wear. And packaged into an unbelievably small form factor. Every Beyond is bespoke, custom built to your face and eyes for uncompromising comfort </p> </span> </div> </div>  <div id="01-form-factor" class="builder-block builder-5bfb8b1" builder-id="builder-5bfb8b1d99a14cfb8560ba8729ec35ca"> <div class="builder-custom-code"> <div /> </div> </div>  <div class="builder-block builder-d962b09" builder-id="builder-d962b098c7424df4a16a319efe9e8b2b"> <div class="builder-custom-code"> <div class="spacer-240 tspacer-160" /> </div> </div>  <div class="builder-block builder-3f1ca01" builder-id="builder-3f1ca01a1c8946f4933f521936639c25"> <div class="builder-custom-code"> <div class="spacer-160" /> </div> </div> </div> </div>  <div class="builder-block builder-ae9b1d2"> <div style="height: 100%;width: 100%;align-self: stretch;flex-grow: 1;box-sizing: border-box;max-width: 1648px;display: flex;flex-direction: column;align-items: stretch;margin-left: auto;margin-right: auto;">  <div class="builder-block builder-be2a678" builder-id="builder-be2a67893b0140c986d700ea3973fa87"> <div class="builder-custom-code"> <div class='divider'/> </div> </div>  <div class="builder-block builder-b8adbe4" builder-id="builder-b8adbe45d71f4eaf9e96899efde9fd9b"> <div class="builder-custom-code"> <div class='spacer-56'/> </div> </div>  <div class="builder-block builder-df220e4" builder-id="builder-df220e4d127444f4876f6aee78ac3986"> <div class="builder-custom-code"> <div class="spacer-32" /> </div> </div>  <div class="builder-block builder-a16ea01 base-grid">  <a href="#01-form-factor" class="builder-block builder-f037740 gb-1 ge-2 get-4 gbm-1 gem-6 font-label label-shorten-btm label-shorten-top">  <span class="builder-text"> <p>01 — FORM FACTOR</p> </span> </a>  <div class="builder-block builder-3736c7f gbm-1 gem-6" builder-id="builder-3736c7f9a5d14a1ca9b8658483cb73bc"> <div class="builder-custom-code"> <div class="spacer-24" /> </div> </div>  <div class="builder-block builder-1cc4235 gb-3 ge-8 gbt-5 get-12 gbm-1 gem-6 font-xl xl-shorten-top xl-shorten-btm font-mob-xl mob-xl-shorten-top mob-xl-shorten-btm">  <span class="builder-text"> <p>Smallest and lightest headset ever made</p> </span> </div> </div>  <div class="builder-block builder-98a8e31" builder-id="builder-98a8e310021b41e8a086930d125dfecf"> <div class="builder-custom-code"> <div class="spacer-160 tspacer-80" /> </div> </div>  <div class="builder-block builder-335df8b" builder-id="builder-335df8bdc20a46bf8bd7c609fd9fa03c"> <div class="builder-custom-code"> <div class="spacer-56" /> </div> </div>  <div class="builder-block builder-de4631d base-margin img-rounded"> {%- assign _use_img_url = 'https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F286223e402954280a3d8b5b5809f4a88?width=1616' -%} <picture> <source srcset="https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F286223e402954280a3d8b5b5809f4a88?format=webp&width=100 100w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F286223e402954280a3d8b5b5809f4a88?format=webp&width=200 200w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F286223e402954280a3d8b5b5809f4a88?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F286223e402954280a3d8b5b5809f4a88?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F286223e402954280a3d8b5b5809f4a88?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F286223e402954280a3d8b5b5809f4a88?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F286223e402954280a3d8b5b5809f4a88?format=webp&width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F286223e402954280a3d8b5b5809f4a88?format=webp&width=1616 1616w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F286223e402954280a3d8b5b5809f4a88?format=webp&width=614 614w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F286223e402954280a3d8b5b5809f4a88?format=webp&width=966 966w" type="image/webp" /> <img alt="" loading="lazy" src="{{ _use_img_url }}" sizes="(max-width: 638px) 97vw, (max-width: 998px) 97vw, 116vw" style="object-fit: cover;object-position: center;position: absolute;height: 100%;width: 100%;left: 0px;top: 0px;" /> </picture> <div class="builder-image-sizer" style="width: 100%;padding-top: 70%;pointer-events: none;font-size: 0;"></div> </div>  <div class="builder-block builder-8cfd9c5" builder-id="builder-8cfd9c5e61b84586964193df74ef9cee"> <div class="builder-custom-code"> <div class="spacer-56" /> </div> </div>  <div class="builder-block builder-c071633" builder-id="builder-c071633fb5b3440e81f77ffbd292b12f"> <div class="builder-custom-code"> <div class="spacer-32" /> </div> </div>  <div class="builder-block builder-57a5f24 base-grid">  <div class="builder-block builder-5f97d84 gb-1 ge-7 get-12">  <div class="builder-block builder-fe213c0 font-head head-shorten-top head-shorten-btm font-mob-subhead mob-subhead-shorten-top mob-subhead-shorten-btm">  <span class="builder-text"> <p>Shockingly small form factor<br/>A revolutionary approach</p> </span> </div>  <div class="builder-block builder-5bf495b" builder-id="builder-5bf495b5a2c34ff1af49f5fd1be1e9c1"> <div class="builder-custom-code"> <div class="spacer-40" /> </div> </div>  <div class="builder-block builder-894dd8b" builder-id="builder-894dd8b7cb5d41d79cd19b635b299f12"> <div class="builder-custom-code"> <div class="spacer-24" /> </div> </div>  <div class="builder-block builder-963e7e0 font-body-lg body-lg-shorten-top body-lg-shorten-btm font-mob-sm mob-sm-shorten-top mob-sm-shorten-btm">  <span class="builder-text"> <p>Explaining the response time blablabla, the deep blacks, the color levels, etc Custom-made for you, Beyond is the lightest and most comfortable.</p> </span> </div> </div> </div>  <div class="builder-block builder-4ccbeae" builder-id="builder-4ccbeae6e49746209297ee4eefb82435"> <div class="builder-custom-code"> <div class="spacer-240 tspacer-120" /> </div> </div>  <div class="builder-block builder-bd73853" builder-id="builder-bd73853b1a9d4415b28a03da7d8fed3a"> <div class="builder-custom-code"> <div class="spacer-80" /> </div> </div>  <div class="builder-block builder-255a7db base-grid">  <div class="builder-block builder-88d64f1 gb-1 ge-2 get-3 font-head head-shorten-top gbm-1 gem-3 font-mob-head mob-head-shorten-top mob-head-shorten-btm">  <span class="builder-text"> <p>121 grams</p> </span> </div>  <div class="builder-block builder-ab9077d gb-3 ge-4 gbt-4 get-6 font-head head-shorten-top gbm-4 gem-6 font-mob-head mob-head-shorten-top mob-head-shorten-btm">  <span class="builder-text"> <p>1520 mm</p> </span> </div>  <div class="builder-block builder-492a1fa gbm-1 gem-3 font-detail detail-shorten-top detail-shorten-btm">  <span class="builder-text"> <p>weight</p> </span> </div>  <div class="builder-block builder-ab1881a gbm-4 gem-6 font-detail detail-shorten-top detail-shorten-btm">  <span class="builder-text"> <p>width</p> </span> </div>  <div class="builder-block builder-df78bab" builder-id="builder-df78bab7edb84796bf5522a8aeabf84b"> <div class="builder-custom-code"> <div class="spacer-56" /> </div> </div>  <div class="builder-block builder-3345743 gb-5 ge-6 gbt-7 get-9 font-head head-shorten-top gbm-1 gem-3 font-mob-head mob-head-shorten-top mob-head-shorten-btm">  <span class="builder-text"> <p>720 mm</p> </span> </div>  <div class="builder-block builder-8d9b5f6 gb-7 ge-8 gbt-10 get-12 font-head head-shorten-top gbm-4 gem-6 font-mob-head mob-head-shorten-top mob-head-shorten-btm">  <span class="builder-text"> <p>300 nits</p> </span> </div>  <div class="builder-block builder-8f8ec10 gbm-1 gem-3 font-detail detail-shorten-top detail-shorten-btm">  <span class="builder-text"> <p>height</p> </span> </div>  <div class="builder-block builder-7100dc9 gbm-4 gem-6 font-detail detail-shorten-top detail-shorten-btm">  <span class="builder-text"> <p>peak brightness</p> </span> </div>  <div class="builder-block builder-77cadef gb-1 ge-2 get-3 font-detail head-shorten-top detail-shorten-btm">  <span class="builder-text"> <p>weight</p> </span> </div>  <div class="builder-block builder-386bbd8 gb-3 ge-4 gbt-4 get-6 font-detail head-shorten-top detail-shorten-btm">  <span class="builder-text"> <p>width</p> </span> </div>  <div class="builder-block builder-a6bee16 gb-5 ge-6 gbt-7 get-9 font-detail head-shorten-top detail-shorten-btm">  <span class="builder-text"> <p>height</p> </span> </div>  <div class="builder-block builder-320cc6d gb-7 ge-8 gbt-10 get-12 font-detail head-shorten-top detail-shorten-btm">  <span class="builder-text"> <p>peak brightness</p> </span> </div> </div>  <div class="builder-block builder-ee4d176" builder-id="builder-ee4d176971474d0088ed6d650cbe08ff"> <div class="builder-custom-code"> <div class="spacer-56" /> </div> </div>  <div class="builder-block builder-be5a680" builder-id="builder-be5a6801561e4d12bfb2190884347084"> <div class="builder-custom-code"> <div class="spacer-80" /> </div> </div> </div> </div>  <div class="builder-block builder-58ca348"> <div style="height: 100%;width: 100%;align-self: stretch;flex-grow: 1;box-sizing: border-box;max-width: 1648px;display: flex;flex-direction: column;align-items: stretch;margin-left: auto;margin-right: auto;">  <div class="builder-block builder-fe13cae" builder-id="builder-fe13cae9bebd4730b0bf2bd3255d41b4"> <div class="builder-custom-code"> <div class="spacer-120 tspacer-80" /> </div> </div>  <div class="builder-block builder-d416984" builder-id="builder-d4169846b6144dbe8b845f2719c677e5"> <div class="builder-custom-code"> <div class="spacer-32" /> </div> </div>  <div class="builder-block builder-2644aa4 base-grid">  <div class="builder-block builder-5fcf8e3 gb-3 ge-10 gbt-2 get-11 gbm-1 gem-6">  <div class="builder-block builder-63d1b8a font-detail detail-shorten-top detail-shorten-btm font-mob-detail mob-detail-shorten-top mob-detail-shorten-btm">  <span class="builder-text"> <p>Monthly pricing is available when you select Apple Card Monthly Installments (ACMI) as payment type at checkout at Apple, and is subject to credit approval and credit limit. Financing terms vary by product. Taxes and shipping are not included in ACMI and are subject to your card's variable APR. See the Apple Card Customer Agreement(Opens in a new window) for more information. ACMI is not available for purchases made online at special storefronts. The last month's payment for each product will be the product's purchase price, less all other payments at the monthly payment amount.</p> </span> </div> </div> </div>  <div class="builder-block builder-b3dbf30" builder-id="builder-b3dbf300adb04a139f3a57563da42bdd"> <div class="builder-custom-code"> <div class="spacer-240 tspacer-160" /> </div> </div>  <div class="builder-block builder-89be518" builder-id="builder-89be518fa03c4f6db9ddc6c6aaca87c9"> <div class="builder-custom-code"> <div class="spacer-40" /> </div> </div>  <div class="builder-block builder-6549500" builder-id="builder-65495001278848579cf94d01f76a26fc"> <div class="builder-custom-code"> <div class="child-divider" /> </div> </div> </div> </div>  <div class="builder-block builder-6d6dd13"> <div class="builder-symbol"> {% capture snippet_content %} {% include 'content.bf7661de0e9c454494fd6432465bbe9a.builder.liquid', %} {% endcapture %} {% if snippet_content contains "Liquid error" %} {% else %} {{ snippet_content }} {% endif %} </div> </div> </div> </div> </div> 
</builder-component>

<script async src="https://cdn.builder.io/js/webcomponents"></script>