@font-face{font-family:Lato;src:url(/usa/l/discover-meta-ray-ban-display/assets/fonts/Lato-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}h1,h2,h3,h4,h5,h6,p{margin:0}.main__title{font-family:Lato,sans-serif;font-weight:500;font-size:6.3vw;line-height:.9;color:#fff;margin-bottom:32px}@media(max-width:1390px){.main__title{font-size:5.3vw}}@media(max-width:1080px){.main__title{font-size:36px;margin-bottom:28px;line-height:1.2}}.lil-gui.root{top:0%!important}@media(max-width:767px){.lil-gui.root{top:0!important;bottom:unset!important;font-size:12px!important}.lil-gui.root .title,.lil-gui.root .controller{font-size:10px!important;height:20px!important}.lil-gui.root .controller .widget input{font-size:10px!important}}.video_controls button{color:#fff}.video_controls button .play{width:16px;height:16px}.video_controls button[data-playing=true] .play{display:none}.video_controls button[data-playing=true] .pause,.video_controls button[data-playing=false] .play{display:inline-block}.video_controls button[data-playing=false] .pause{display:none}.video_controls button[data-muted=false] .volume-on{display:inline-block}.video_controls button[data-muted=false] .volume-off,.video_controls button[data-muted=true] .volume-on{display:none}.video_controls button[data-muted=true] .volume-off{display:inline-block}[data-debug=true] header{outline:1px dotted red}header{position:fixed;top:0;left:0;z-index:1000;height:80px;width:100%;padding:40px 40px 0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}@media(max-width:1080px){header{position:absolute;padding:16px 16px 0;height:60px}}header .nav__logo__container{z-index:2}header .nav__logo__container a{display:block;color:#fff;pointer-events:all}header .nav__logo__container a svg{height:40px;width:170px}@media(max-width:1080px){header .nav__logo__container a svg{width:135px;height:32px}}header .nav__menu_shop__container{display:flex;gap:8px}@media(max-width:1080px){header .nav__menu_shop__container .nav__shop_now__container{padding-right:32px;margin-bottom:4px}}header .nav__menu_shop__container .nav__shop_now__container a.cta{z-index:1;position:relative;pointer-events:all}header .nav__menu_shop__container .nav__menu__container[data-active=true] .nav__menu__overlay{pointer-events:all;opacity:1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:opacity .3s ease backdrop-filter .3s ease 2s}header .nav__menu_shop__container .nav__menu__container[data-active=true] #nav__menu{opacity:1;transition:opacity .3s ease-in-out;pointer-events:all}header .nav__menu_shop__container .nav__menu__container[data-active=true] #nav__menu ul{pointer-events:all;opacity:1}header .nav__menu_shop__container .nav__menu__container[data-active=true] #nav__menu ul li{opacity:1}header .nav__menu_shop__container .nav__menu__container[data-active=true] #nav__menu ul li a .nav__menu__img{opacity:1!important;filter:blur(0)!important;transition:all .8s ease;transition-delay:1s;pointer-events:all}header .nav__menu_shop__container .nav__menu__container[data-active=true] #nav__menu ul li a:after{transform:scaleX(1);transition-delay:1.2s}header .nav__menu_shop__container .nav__menu__container[data-active=true] #nav__menu .nav__menu__cta_bottom{opacity:1;transition:all .6s ease 1.4s;transform:translateY(0)}header .nav__menu_shop__container .nav__menu__container[data-active=true] .nav__menu__cta_back{opacity:1;transition:all .4s ease 1.4s;transform:translateY(0)}header .nav__menu_shop__container .nav__menu__container .nav__menu__button{width:40px;height:40px;cursor:pointer;position:relative;z-index:3;pointer-events:all}@media(max-width:1080px){header .nav__menu_shop__container .nav__menu__container .nav__menu__button{position:fixed;top:16px;right:8px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}header .nav__menu_shop__container .nav__menu__container .nav__menu__button[data-active=true] .close{display:block}header .nav__menu_shop__container .nav__menu__container .nav__menu__button[data-active=true] .open{display:none}header .nav__menu_shop__container .nav__menu__container .nav__menu__button .open{display:block}header .nav__menu_shop__container .nav__menu__container .nav__menu__button .close{display:none}header .nav__menu_shop__container .nav__menu__container .nav__menu__overlay{pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#0000001a,#0000001a),#0006;z-index:2;opacity:0;transition:all .5s ease .6s}header .nav__menu_shop__container .nav__menu__container #nav__menu{position:fixed;top:0;left:50%;width:700px;height:100%;z-index:1;transform:translate(-50%);z-index:10;pointer-events:none;padding:0 48px;z-index:2;display:flex;align-items:center}@media(max-width:1080px){header .nav__menu_shop__container .nav__menu__container #nav__menu{width:100%;padding:16px 16px 0}}header .nav__menu_shop__container .nav__menu__container #nav__menu ul{display:flex;flex-direction:column;justify-content:center;height:auto;margin-bottom:56px;width:100%;pointer-events:none}@media(min-width:1025px)and (max-height:590px){header .nav__menu_shop__container .nav__menu__container #nav__menu ul{gap:8px}}@media(min-width:1025px){header .nav__menu_shop__container .nav__menu__container #nav__menu ul:hover li{opacity:.4;filter:blur(1px)}header .nav__menu_shop__container .nav__menu__container #nav__menu ul:hover li:hover{opacity:1;filter:blur(0)}}header .nav__menu_shop__container .nav__menu__container #nav__menu ul li{list-style:none;opacity:0;transition:all .4s ease 0s}header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a{display:flex;align-items:center;justify-content:space-between;padding-top:24px;padding-bottom:24px;text-decoration:none;color:#fff;position:relative;overflow:hidden;pointer-events:all}@media(min-width:1025px)and (max-height:700px){header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a{padding-top:16px;padding-bottom:16px}}@media(min-width:1025px)and (max-height:590px){header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a{padding-top:0;padding-bottom:8px}}@media(max-width:1080px){header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a{padding-top:16px;padding-bottom:16px}}@media(max-width:380px){header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a{padding-top:12px;padding-bottom:12px}}header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a:hover:after,header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a:focus-visible:after,header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a:focus:after{transform:scaleX(1)}header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a:hover svg path,header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a:focus-visible svg path,header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a:focus svg path{fill:#ff7200}header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a:hover svg circle,header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a:focus-visible svg circle,header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a:focus svg circle{stroke:#ff7200}header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#ffffff40;transform:scaleX(0);transform-origin:center;transition:transform .6s ease 1s}header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a>div{display:flex;position:relative;align-items:center;gap:24px;padding:0 10px}@media(max-width:1080px){header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a>div{padding:0}}header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a>div span.nav__menu__img{width:64px;height:64px;border-radius:12px;overflow:hidden;position:relative;filter:blur(4px);opacity:0;transition:all .4s ease 1s}@media(min-width:1025px)and (max-height:700px){header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a>div span.nav__menu__img{width:48px;height:48px}}@media(max-width:380px){header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a>div span.nav__menu__img{width:40px;height:40px}}header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a>div span.nav__menu__img img{width:100%;height:auto;border-radius:12px;display:block;position:relative}header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a>div span.nav__menu__img img.nav__menu__skeleton{opacity:.5}header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a>div span.nav__menu__img img:not(.nav__menu__skeleton){position:absolute;top:0;left:0;z-index:1}header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a>div .nav__menu__text{font-size:48px;font-weight:500;color:#fff}@media(min-width:1025px)and (max-height:700px){header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a>div .nav__menu__text{font-size:20px}}@media(min-width:1025px)and (max-height:590px){header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a>div .nav__menu__text{font-size:18px}}@media(max-width:1080px){header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a>div .nav__menu__text{font-size:24px;font-weight:400}}@media(max-width:380px){header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a>div .nav__menu__text{font-size:20px}}header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a svg{transform:rotate(-90deg);width:16px;height:16px}header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a svg.external{transform:rotate(-135deg)}header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a svg path{fill:#fff;transition:all .4s ease}header .nav__menu_shop__container .nav__menu__container #nav__menu ul li a svg circle{stroke:#fff;transition:all .4s ease}header .nav__menu_shop__container .nav__menu__container #nav__menu .nav__menu__cta_bottom{position:absolute;left:40px;bottom:40px;width:100%;opacity:0;transform:translateY(200px);transition:all .6s ease 0s}header .nav__menu_shop__container .nav__menu__container #nav__menu .nav__menu__cta_bottom a.bottom{width:calc(100% - 80px);height:56px;border-radius:14px;pointer-events:all}header .nav__menu_shop__container .nav__menu__container #nav__menu .nav__menu__cta_bottom a.bottom:after{border-radius:14px}header .nav__menu_shop__container .nav__menu__container .nav__menu__cta_back{position:absolute;left:40px;top:40px;opacity:0;transition:all .6s ease 0s;z-index:4;pointer-events:all}@media(max-width:1080px){header .nav__menu_shop__container .nav__menu__container .nav__menu__cta_back{top:16px;left:16px;position:fixed}}header .nav__menu_shop__container .nav__menu__container .nav__menu__cta_back:hover svg{transform:translate(-4px)}header .nav__menu_shop__container .nav__menu__container .nav__menu__cta_back svg{width:16px;height:16px;margin-right:8px;transition:all .4s ease}header .nav__menu_shop__container .nav__menu__container .nav__menu__cta_back svg path{fill:#fff}.cta{font-size:16px;font-weight:500;line-height:1.5;background-color:#0000000a;color:#fff;text-decoration:none;height:40px;display:inline-flex;align-items:center;padding:14px 24px;border-radius:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 5px 10px #0000001a inset;pointer-events:all;cursor:pointer;transition:background-color .3s ease;justify-content:center;position:relative}.cta:after{content:"";position:absolute;left:0;top:0;width:100%;padding:14px 24px;height:100%;border-radius:8px;border:1px solid #dadada;box-sizing:border-box;z-index:-1;pointer-events:none}@media(max-width:1390px){.cta{font-size:14px}}@media(max-width:1080px){.cta{height:40px;width:100%;text-align:center;justify-content:center;font-size:14px;padding:16px}.cta:active,.cta[data-active=true]{background-color:#fff3;box-shadow:0 0 8px 2px #ffffff40 inset}}@media(min-width:1025px){.cta:hover,.cta:focus-visible,.cta:focus,.cta[data-active=true]{background-color:#fff3;box-shadow:0 0 8px 2px #ffffff40 inset}}.cta.dash{border-radius:50px;gap:8px;padding:14px 24px 14px 14px}.cta.dash:after{border-radius:50px}@media(max-width:1080px){.cta.dash{flex-basis:fit-content}}.cta.dash .cta__color{width:20px;height:20px;border-radius:50px;background-color:#dadada;position:relative;box-shadow:inset 0 -4px 6px #0000004d}.cta.dash .cta__color:before,.cta.dash .cta__color:after{content:"";position:absolute;border-radius:50px;pointer-events:none}.cta.dash .cta__color:before{left:-2px;top:-2px;width:calc(100% + 4px);height:calc(100% + 4px);background-color:#dadada32;pointer-events:none;z-index:0}.cta.dash .cta__color:after{left:1px;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);background-color:currentColor;z-index:2;pointer-events:none}.cta-button{width:40px;height:40px;box-shadow:0 5px 10px #0000001a inset;border:1px solid #dadada;background-color:#0000000a;border-radius:8px;color:#fff;transition:background-color .3s ease,border .3s ease;position:relative;cursor:pointer}@media(min-width:1025px){.cta-button:hover,.cta-button:focus-visible{background-color:#fff3;box-shadow:0 0 8px 2px #ffffff40 inset}.cta-button:hover:after,.cta-button:focus-visible:after{display:none}}@media(max-width:1080px){.cta-button:active{background-color:#0003;border:1px solid rgba(255,255,255,.6)}}.cta-button[data-blink=true]:after{content:"";pointer-events:none;position:absolute;left:-1px;top:-1px;width:100%;height:100%;border:1px solid #c76110;border-radius:8px;animation:blink 5s infinite;background-color:#c76110;z-index:-1;opacity:0}@keyframes blink{0%{opacity:0}10%{opacity:1}20%{opacity:0}25%{opacity:0}35%{opacity:1}45%{opacity:0}to{opacity:0}}.cta-button[data-menu=true] span{width:18px;height:2px;background-color:#fff;display:block;position:absolute;left:50%;transform:translate(-50%);transition:all .4s ease;border-radius:10px}.cta-button[data-menu=true] span:nth-child(1){top:50%;transform:translate(-50%,calc(-50% - 5px))}.cta-button[data-menu=true] span:nth-child(2){top:50%;transform:translate(-50%,-50%)}.cta-button[data-menu=true] span:nth-child(3){top:50%;transform:translate(-50%,calc(-50% + 5px))}.cta-button[data-menu=true][data-active=true] span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}.cta-button[data-menu=true][data-active=true] span:nth-child(2){opacity:0}.cta-button[data-menu=true][data-active=true] span:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)}.cta-button svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;fill:currentColor}.section__container{position:relative;transition:opacity .4s ease}.section__container .img__background__container{position:absolute;left:0;top:-150vh;height:calc(100% + 150vh);width:100%;transform-origin:bottom}@media(max-width:1080px){.section__container .img__background__container{top:calc(var(--vh) * -150)}}.section__container .img__background__container .canvas__wrap_wrap{position:sticky;top:0;left:0;width:100%;height:100vh}.section__container .img__background__container .canvas__wrap{width:100%;max-width:100%;overflow:hidden}.section__container .img__background__container .img__background,.section__container .img__background__container canvas{width:100%;height:100vh;object-fit:cover;object-position:center;background-color:#49687c;opacity:0;transition:opacity .2s ease}.section__container .img__background__container .img__background[data-active=true],.section__container .img__background__container canvas[data-active=true]{opacity:1}@media(max-width:1080px){.section__container .img__background__container .img__background,.section__container .img__background__container canvas{height:calc(var(--vh) * 100)}}.prodDetailsTable__container{display:grid;grid-template-columns:repeat(2,1fr);width:70%;margin:80px auto 0;gap:32px;position:relative}@media(max-width:1080px){.prodDetailsTable__container{grid-template-columns:1fr;width:100%;margin-top:0}}@media(max-width:1080px){.prodDetailsTable__container .prodDetailsTable__section{width:100%;max-width:100%;padding:16px;box-sizing:border-box}}.prodDetailsTable__container .prodDetailsTable__section h3{font-size:24px;font-weight:500;color:#fff;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.25);line-height:2}.prodDetailsTable__container .prodDetailsTable__section ul{width:420px}@media(max-width:1080px){.prodDetailsTable__container .prodDetailsTable__section ul{width:100%;box-sizing:border-box}}.prodDetailsTable__container .prodDetailsTable__section ul li{display:flex;gap:16px;margin-bottom:32px;color:#fff}.prodDetailsTable__container .prodDetailsTable__section ul li .prodDetailsTable__icon{width:32px;height:32px}.prodDetailsTable__container .prodDetailsTable__section ul li .prodDetailsTable__icon svg{width:100%;height:100%;color:#fff}.prodDetailsTable__container .prodDetailsTable__section ul li .prodDetailsTable__content>div{font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;margin-bottom:16px;line-height:1}.prodDetailsTable__container .prodDetailsTable__section ul li .prodDetailsTable__content p{font-size:14px;font-weight:400;color:#fff;line-height:1.5}#global_progress__container{position:fixed;bottom:0;left:0;z-index:15;width:100vw;height:4px;background-color:#fff3;transition:opacity 1.2s ease-out,transform .4s ease}#global_progress__container[data-active=false]{opacity:0;pointer-events:none;transform:translateY(100%)}@media(max-width:1080px){#global_progress__container{display:none}}#global_progress__container .global_progress__bar{position:absolute;top:0;right:0;width:100%;height:100%;background-color:#ffffffd1;border-bottom-right-radius:4px;border-bottom-left-radius:4px;transform-origin:left;transform:scaleX(0)}.uses__carousel{position:absolute;right:40px;top:100vh}@media(max-width:1080px){.uses__carousel{position:relative;right:unset;top:0;overflow-x:auto;width:100%;max-width:100%;pointer-events:all;padding-left:16px;padding-right:16px;opacity:0;transform:translateY(60px);transition:opacity .4s ease,transform .6s ease}.uses__carousel[data-active=true]{opacity:1;transform:translateY(0)}}.uses__carousel ul{display:flex;flex-direction:column;gap:64px}@media(max-width:1080px){.uses__carousel ul{flex-direction:row;box-sizing:border-box;gap:16px;padding-bottom:100px}}.uses__carousel ul li{list-style:none;opacity:1}.uses__carousel ul li.space{display:none}@media(max-width:1080px){.uses__carousel ul li.space{display:block;height:100px;min-width:1px}}.uses__carousel ul li .img__container{width:40vh;height:40vh;max-width:25vw;max-height:25vw;overflow:hidden;border-radius:24px;margin-bottom:24px;position:relative}@media(max-width:1080px){.uses__carousel ul li .img__container{width:70vw;height:auto;max-width:none;max-height:none}}.uses__carousel ul li .img__container img{width:100%;height:100%}.uses__carousel ul li .img__container img.skeleton{opacity:.2}.uses__carousel ul li .img__container img:not(.skeleton){position:absolute;left:0;top:0}.uses__carousel ul li .text__container div{font-size:20px;color:#fff;margin-bottom:12px;font-weight:600}@media(max-width:1390px){.uses__carousel ul li .text__container div{font-size:14px}}@media(max-width:1080px){.uses__carousel ul li .text__container div{font-size:16px;font-weight:400}}.uses__carousel ul li .text__container p{width:40vh;max-width:25vw;font-size:14px;color:#fff;line-height:1.5}@media(max-width:1390px){.uses__carousel ul li .text__container p{font-size:12px}}@media(max-width:1080px){.uses__carousel ul li .text__container p{margin-bottom:0!important;display:none;font-size:14px}}#details__widget{position:relative;z-index:999}@media(max-width:1080px){#details__widget{z-index:999}}#details__widget[data-active=true] .details__widget__container{transform:translate(-50%)}@media(max-width:1080px){#details__widget[data-active=true] .details__widget__container{transform:translate(0)}}#details__widget[data-active=false] .details__widget__container{transform:translate(-50%,200px)}@media(max-width:1080px){#details__widget[data-active=false] .details__widget__container{transform:translateY(200px)}}#details__widget[data-open=true]{z-index:1001}@media(max-width:1080px){#details__widget[data-open=true]{z-index:1010}}#details__widget[data-open=true] .details__widget__container{transform:translate(-50%,50px);height:calc(100vh - 40px);transition:all .4s cubic-bezier(.6,.11,.4,1)}@media(max-width:1080px){#details__widget[data-open=true] .details__widget__container{transform:translateY(50px);height:100dvh;transition:all .3s cubic-bezier(.6,.07,.4,1)}}#details__widget[data-open=true] .details__widget__container .details__widget__title:after{content:"";position:absolute;left:0;width:100%;top:56px;height:1px;background-color:#fff3}#details__widget[data-open=true] .details__widget__container .details__widget__title span>span:first-child{transform:translateY(100%)}#details__widget[data-open=true] .details__widget__container .details__widget__title span>span:nth-child(2){transform:translateY(0)}#details__widget[data-open=true] .details__widget__container .details__widget__content ul li{opacity:1;transform:translateY(0)}#details__widget[data-open=true] .details__widget__container .details__widget__content ul li:nth-child(1){transition-delay:.4s}@media(max-width:1080px){#details__widget[data-open=true] .details__widget__container .details__widget__content ul li:nth-child(1){transition-delay:.3s}}#details__widget[data-open=true] .details__widget__container .details__widget__content ul li:nth-child(2){transition-delay:.5s}@media(max-width:1080px){#details__widget[data-open=true] .details__widget__container .details__widget__content ul li:nth-child(2){transition-delay:.4s}}#details__widget[data-open=true] .details__widget__container .details__widget__content ul li:nth-child(3){transition-delay:.6s}@media(max-width:1080px){#details__widget[data-open=true] .details__widget__container .details__widget__content ul li:nth-child(3){transition-delay:.5s}}#details__widget[data-open=true] .details__widget__container .details__widget__content ul li:nth-child(4){transition-delay:.7s}@media(max-width:1080px){#details__widget[data-open=true] .details__widget__container .details__widget__content ul li:nth-child(4){transition-delay:.6s}}#details__widget[data-open=true] .details__widget__overlay{opacity:1;pointer-events:all}#details__widget .details__widget__container{width:40vw;position:fixed;left:50%;bottom:40px;transform:translate(-50%);height:56px;overflow:hidden;border-radius:14px;z-index:999;box-shadow:0 5px 10px #0000001a inset;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#0000000a;transition:all .8s cubic-bezier(.58,-.4,.36,.94)}@media(max-width:1390px){#details__widget .details__widget__container{width:60vw}}@media(max-width:1080px){#details__widget .details__widget__container{bottom:20px;left:8px;transform:translate(0);width:calc(100% - 16px);transition:all .4s cubic-bezier(.58,0,.36,.94)}}#details__widget .details__widget__container:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:14px;border:1px solid #dadada;box-sizing:border-box;z-index:1;pointer-events:none}#details__widget .details__widget__container .details__widget__title{position:relative;z-index:2;display:flex;width:100%;align-items:center;justify-content:space-between;cursor:pointer;padding:4px;transition:background-color .6s ease;background-color:transparent;border:none}@media(min-width:1025px){#details__widget .details__widget__container .details__widget__title:hover{background-color:#fff3}}@media(max-width:1080px){#details__widget .details__widget__container .details__widget__title:active{background-color:#fff3}}#details__widget .details__widget__container .details__widget__title>div{display:flex;align-items:center;gap:16px;position:relative;z-index:2}#details__widget .details__widget__container .details__widget__title>div .img__container{width:48px;height:48px;border-radius:12px;overflow:hidden;position:relative}#details__widget .details__widget__container .details__widget__title>div .img__container .img__wrap{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;transition:height .6s ease}#details__widget .details__widget__container .details__widget__title>div .img__container .img__wrap.past{height:0}#details__widget .details__widget__container .details__widget__title>div .img__container .img__wrap:nth-child(1){z-index:4}#details__widget .details__widget__container .details__widget__title>div .img__container .img__wrap:nth-child(2){z-index:3}#details__widget .details__widget__container .details__widget__title>div .img__container .img__wrap:nth-child(3){z-index:2}#details__widget .details__widget__container .details__widget__title>div .img__container .img__wrap:nth-child(4){z-index:1}#details__widget .details__widget__container .details__widget__title>div .img__container .img__wrap img{width:48px;height:48px}#details__widget .details__widget__container .details__widget__title>div .title__container{position:relative;min-width:200px;overflow:hidden}#details__widget .details__widget__container .details__widget__title>div .title__container h3{color:#fff;font-weight:600;font-size:16px;transform:translateY(100%) rotate(20deg);transform-origin:left center;transition:transform .6s ease;text-align:left;font-family:Lato,sans-serif}#details__widget .details__widget__container .details__widget__title>div .title__container h3.past{transform:translateY(-100%) rotate(0)}#details__widget .details__widget__container .details__widget__title>div .title__container h3.active{transform:translate(0) rotate(0)}#details__widget .details__widget__container .details__widget__title>div .title__container h3:not(:first-child){position:absolute;width:100%;top:0;left:0}#details__widget .details__widget__container .details__widget__title>span{position:relative;z-index:2;display:block;color:#fff;line-height:1;margin-right:24px;font-size:14px;overflow:hidden;font-weight:400}@media(max-width:1080px){#details__widget .details__widget__container .details__widget__title>span{margin-right:8px}}#details__widget .details__widget__container .details__widget__title>span>span{display:block;transition:transform .4s ease .5s}#details__widget .details__widget__container .details__widget__title>span>span:nth-child(2){position:absolute;right:0;top:0;transform:translateY(-100%)}#details__widget .details__widget__container .details__widget__content{width:100vw;position:absolute;left:-30vw;display:flex;justify-content:center;top:0;height:calc(100vh - 40px);overflow-y:scroll;position:relative;overscroll-behavior:contain}@media(max-width:1390px){#details__widget .details__widget__container .details__widget__content{width:100vw;left:-20vw}}@media(max-width:1080px){#details__widget .details__widget__container .details__widget__content{width:100%;left:0}}#details__widget .details__widget__container .details__widget__content ul{height:auto;width:40vw;padding:24px 24px 80px}@media(max-width:1390px){#details__widget .details__widget__container .details__widget__content ul{width:60vw}}@media(max-width:1080px){#details__widget .details__widget__container .details__widget__content ul{width:100%;padding:10px}}#details__widget .details__widget__container .details__widget__content ul li{list-style:none;transition:all .6s ease;opacity:0;transform:translateY(60px);transition-delay:0s;padding-bottom:12px;box-sizing:content-box}#details__widget .details__widget__container .details__widget__content ul li:last-child{padding-bottom:64px}@media(max-width:1080px){#details__widget .details__widget__container .details__widget__content ul li:last-child{padding-bottom:128px}}@media(max-width:1080px){#details__widget .details__widget__container .details__widget__content ul li{padding-bottom:32px}}#details__widget .details__widget__container .details__widget__content ul li h4{font-size:24px;color:#fff;margin-bottom:16px}#details__widget .details__widget__container .details__widget__content ul li p{color:#fffc;margin-bottom:32px;font-size:14px;line-height:1.5}#details__widget .details__widget__container .details__widget__content ul li .asset__container{position:relative;width:100%;height:auto;margin-bottom:32px}#details__widget .details__widget__container .details__widget__content ul li .asset__container .skeleton{opacity:.2;width:100%;height:auto;display:block;border-radius:24px}#details__widget .details__widget__container .details__widget__content ul li .asset__container .img__container,#details__widget .details__widget__container .details__widget__content ul li .asset__container .video__container{width:100%;height:100%;border-radius:24px;overflow:hidden;position:absolute;left:0;top:0}#details__widget .details__widget__container .details__widget__content ul li .asset__container .img__container img,#details__widget .details__widget__container .details__widget__content ul li .asset__container .img__container video,#details__widget .details__widget__container .details__widget__content ul li .asset__container .video__container img,#details__widget .details__widget__container .details__widget__content ul li .asset__container .video__container video{width:100%;height:100%;object-fit:cover;display:block}#details__widget .details__widget__container .details__widget__content ul li .asset__container .img__container .video_controls,#details__widget .details__widget__container .details__widget__content ul li .asset__container .video__container .video_controls{position:absolute;right:12px;bottom:12px;opacity:1;height:40px;display:flex;gap:8px}@media(max-width:1080px){#details__widget .details__widget__container .details__widget__content ul li .asset__container .img__container .video_controls,#details__widget .details__widget__container .details__widget__content ul li .asset__container .video__container .video_controls{left:unset;right:8px;bottom:8px;width:auto;display:inline-block}}#details__widget .details__widget__container .details__widget__content ul li .asset__container .img__container .video_controls[data-active=true],#details__widget .details__widget__container .details__widget__content ul li .asset__container .video__container .video_controls[data-active=true]{opacity:1;pointer-events:all}#details__widget .details__widget__container .details__widget__content ul li .asset__container .img__container .video_controls:nth-child(1),#details__widget .details__widget__container .details__widget__content ul li .asset__container .video__container .video_controls:nth-child(1){position:relative}#details__widget .details__widget__overlay{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:998;opacity:0;pointer-events:none;transition:opacity .4s ease}#hero{height:150vh;margin-top:0;z-index:2}#hero[data-loading=true] .section__text__container{opacity:0}#hero .container{height:250vh}#hero .container .video_container{width:100%;height:100vh;position:sticky;top:0;left:0}#hero .container .video_container video{top:0;left:0;width:100%;height:100vh;object-fit:cover;object-position:center}#hero .container .section__text__container{position:absolute;top:unset;bottom:calc(150vh + 100px)}@media(max-width:1080px){#hero .container .section__text__container{bottom:calc(150vh + 120px)}}#hero .container .section__text__container p{font-size:18px;color:#fff}#hero .container .video_controls{position:absolute;right:40px;bottom:40px;opacity:1;height:40px;display:flex;gap:8px}@media(max-width:1080px){#hero .container .video_controls{left:unset;right:8px;width:auto;display:inline-block}}#hero .container .video_controls[data-active=true]{opacity:1;pointer-events:all}#hero .container .video_controls:nth-child(1){position:relative}section{height:170vh;position:relative}@media(max-width:1080px){section{height:120vh;height:calc(var(--vh) * 120)}}section#prodDetails{height:auto}section.section__uses{height:390vh}@media(max-width:1080px){section.section__uses{height:160vh;min-height:calc(var(--vh) * 160)}}@media(max-width:1080px){section.section__uses .section__text__wrapper{padding:0;height:calc(var(--vh) * 100 - 20px)!important;justify-content:flex-start!important;top:calc(var(--vh) * 90)!important;position:relative!important}}@media(max-width:1080px){section.section__uses .section__text__wrapper .section__text__container{padding:0;width:100%;overflow:hidden}}@media(max-width:1080px){section.section__uses .section__text__wrapper .section__text__container .main__title{padding-left:16px;max-width:calc(100% - 16px)}}@media(max-width:1080px){section.section__uses .section__text__wrapper .section__text__container p{padding-left:16px;max-width:calc(100% - 16px);margin-bottom:32px}}@media(max-width:1080px){section.section__prod_selector{height:140vh;min-height:calc(var(--vh) * 140)}}@media(max-width:1080px){section.section__prod_selector .section__text__wrapper{height:calc(100vh - 90px);height:calc(var(--vh) * 100 - 90px)!important}}section .container{position:relative;height:100%;min-height:100vh}section .container .section__text__wrapper{top:0;position:sticky;height:calc(100vh - 220px);width:100%;display:flex;flex-direction:column;justify-content:flex-end}@media(max-width:1080px){section .container .section__text__wrapper{height:calc(100vh - 160px);height:calc(var(--vh) * 100 - 160px)}}section .container .section__text__container{padding-left:40px;max-width:55%;z-index:2}@media(max-width:1080px){section .container .section__text__container{padding-left:16px;max-width:100%;width:calc(100% - 16px);pointer-events:none;margin-bottom:40px}}section .container .section__text__container[data-active=true] .section__prodSelector{opacity:1;transform:translateY(0)}section .container .section__text__container[data-active=true] p{opacity:1;filter:blur(0)}section .container .section__text__container h2{width:100%}section .container .section__text__container p{font-size:16px;color:#fff;opacity:0;filter:blur(10px);transition:filter .6s ease,opacity .6s ease;transition-delay:.2s;max-width:400px;line-height:1.5}@media(max-width:1390px){section .container .section__text__container p{font-size:14px}}@media(max-width:1080px){section .container .section__text__container p{font-size:14px}}section .container .section__text__container .section__prodSelector{margin-bottom:24px;display:flex;gap:16px;opacity:0;transform:translateY(20px);transition:transform .6s ease,opacity .6s ease;transition-delay:.4s}@media(max-width:1080px){section .container .section__text__container .section__prodSelector{justify-content:center;margin-bottom:16px}}section .container .section__text__container .section__prodSelector button{border:none}@media(max-width:1080px){#prodSelector .main__title{font-size:24px;text-align:center;line-height:1.5;margin-bottom:12px}#prodSelector .main__title div{text-align:center!important;line-height:1.5}}@media(max-width:1080px){#prodSelector p{text-align:center}}footer{width:100%;z-index:1;position:relative;padding:180px 20px}footer .footer__container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}footer .footer__logo{width:170px;height:40px;color:#fff}footer .footer__logo svg{width:100%;height:100%}footer .footer__socials{margin-top:40px}footer .footer__socials ul{list-style:none;display:flex;gap:56px;justify-content:center}footer .footer__socials ul li a{display:block;color:#ffffffb3;text-decoration:none;font-size:14px;text-transform:uppercase;transition:color .4s ease;width:32px;height:32px}footer .footer__socials ul li a svg{width:100%;height:100%}@media(min-width:1025px){footer .footer__socials ul li a:hover,footer .footer__socials ul li a:focus,footer .footer__socials ul li a:focus-visible{color:#fff}}@media(max-width:1080px){footer .footer__socials ul li a:active{color:#fff}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;font-family:Lato,sans-serif}@media(min-width:1025px){html,body{-webkit-font-smoothing:antialiased;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}}[data-scroll-stop=true]{overflow:hidden}svg{fill:currentColor}img{display:block}main{font-family:Lato,sans-serif;width:100%;background:linear-gradient(66deg,#fff 10%,#3e5464)}main[data-loading=true] section,main[data-loading=true] .section__container{opacity:0!important}main[data-scrolling-to=true] section,main[data-scrolling-to=true] .section__container{opacity:0!important}section{transition:opacity .4s ease}@media(min-width:1025px){.hide_desk{display:none}}@media(max-width:767px){.hide_mob{display:none}}
