.autoplay-ls-video video,.autoplay-ls-video img{width:100%!important;height:100%!important;margin-left:0!important;margin-top:0!important}.autoplay-ls-video img{object-fit:cover}.autoplay-pt-video{position:relative}.autoplay-pt-video video,.autoplay-pt-video img{position:relative;z-index:1;width:100%;height:100%}.autoplay-pt-video .normal-play-button{position:absolute;z-index:2;bottom:10px;right:10px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;visibility:hidden}.autoplay-pt-video .normal-play-button:before{content:"";width:36px;height:36px;position:absolute;border-radius:50px;background-color:#fff}.autoplay-pt-video .normal-play-button:after{content:"";-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTUgMTUuMjVWNC43N2ExLjQ0IDEuNDQgMCAwMTEuNDQtMS42MiAxLjg2IDEuODYgMCAwMTEuMTEuMzFsOC41MyA1Yy43Ni40NCAxLjE3LjggMS4xNyAxLjUxcy0uNDEgMS4wNy0xLjE3IDEuNTFsLTguNTMgNWExLjg2IDEuODYgMCAwMS0xLjExLjMxQTEuNDIgMS40MiAwIDAxNSAxNS4yNXoiLz48L3N2Zz4=);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTUgMTUuMjVWNC43N2ExLjQ0IDEuNDQgMCAwMTEuNDQtMS42MiAxLjg2IDEuODYgMCAwMTEuMTEuMzFsOC41MyA1Yy43Ni40NCAxLjE3LjggMS4xNyAxLjUxcy0uNDEgMS4wNy0xLjE3IDEuNTFsLTguNTMgNWExLjg2IDEuODYgMCAwMS0xLjExLjMxQTEuNDIgMS40MiAwIDAxNSAxNS4yNXoiLz48L3N2Zz4=);display:inline-block;width:20px;height:20px;position:absolute;background-size:20px 20px;background-color:#000}.autoplay-pt-video .normal-play-button.playing:after{-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyBpZD0iRXhwb3J0YWJsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMWQxZDFmfTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJwYXVzZSI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjc1IiB5PSIzIiB3aWR0aD0iNC41IiBoZWlnaHQ9IjE0IiByeD0iMS41Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMS43NSIgeT0iMyIgd2lkdGg9IjQuNSIgaGVpZ2h0PSIxNCIgcng9IjEuNSIvPjwvZz48L3N2Zz4=);mask:url(data:image/svg+xml;base64,PHN2ZyBpZD0iRXhwb3J0YWJsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMWQxZDFmfTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJwYXVzZSI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjc1IiB5PSIzIiB3aWR0aD0iNC41IiBoZWlnaHQ9IjE0IiByeD0iMS41Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMS43NSIgeT0iMyIgd2lkdGg9IjQuNSIgaGVpZ2h0PSIxNCIgcng9IjEuNSIvPjwvZz48L3N2Zz4=)}.section-header{display:flex;justify-content:center}.section-header .title{display:flex;flex-flow:column;color:#fff;line-height:1.44;margin-top:.15em}.section-header .title .row{opacity:0}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.section-header{padding:91px 0 67px}.section-header .title{font-size:27px}}@media (min-width: 1024px) and (max-width: 1399px){.section-header{padding:156px 0 115px}.section-header .title{font-size:46px}}@media (orientation:landscape),(min-width:1024px){.section-header .title .row:nth-child(2n){margin-left:1.24em}}@media (min-width: 1400px) and (max-width: 1799px){.section-header{padding:191px 0 141px}.section-header .title{font-size:57px}}@media (min-width: 1800px) and (max-width: 2299px){.section-header{padding:228px 0 168px}.section-header .title{font-size:68px}}@media (min-width: 2300px){.section-header{padding:303px 0 223px}.section-header .title{font-size:90px}}@media (orientation:portrait) and (max-width:1023px){.section-header{justify-content:flex-start;padding:120px 0 80px}.section-header .title{font-size:40px;line-height:1.3;margin-top:0}}#section-kv .kv-container{width:100%;height:calc(100vh - var(--header-height));height:calc((100 * var(--vh, 1vh)) - var(--header-height))}.zn--no-video #section-kv .kv-container{height:calc(100vh - var(--navbar-height));height:calc((100 * var(--vh, 1vh)) - var(--navbar-height));margin-top:calc(var(--oh-nav-height) * -1)}#section-kv .bg{pointer-events:none}.zn--no-video #section-kv .bg{height:calc(100vh - var(--navbar-height));height:calc((100 * var(--vh, 1vh)) - var(--navbar-height));top:var(--navbar-height);display:flex;align-items:center;justify-content:center}.zn--no-video #section-kv .bg .video{position:relative;width:100%;height:0}.zn--no-video-ls.zn--no-video #section-kv .bg .video{padding-bottom:56.25%}.zn--no-video-pt.zn--no-video #section-kv .bg .video{padding-bottom:172.22%}.zn--no-video #section-kv .bg .video .img{position:absolute;top:0;left:0;width:100%;height:100%}.zn--no-video #section-kv .bg .video:before,.zn--no-video #section-kv .bg .video:after{content:"";position:absolute;z-index:3;width:100%;height:100px;left:0;background:linear-gradient(to bottom,#000,rgba(0,0,0,.3),rgba(0,0,0,0))}.zn--no-video #section-kv .bg .video:before{top:0}.zn--no-video #section-kv .bg .video:after{bottom:0;background:linear-gradient(to top,#000,rgba(0,0,0,.3),rgba(0,0,0,0))}#section-kv .bg .video,#section-kv .bg .img{object-fit:cover}#section-kv .bg .video .move-out,#section-kv .bg .img .move-out{visibility:hidden;-webkit-transform:translateY(-200vh);transform:translateY(-200vh);-webkit-transform:translateY(calc(-200 * var(--vh, 1vh)));transform:translateY(calc(-200 * var(--vh, 1vh)))}#section-kv .bg .play-button{pointer-events:auto}#section-kv .fg{color:#fff;opacity:0;text-shadow:0 0 4px rgba(0,0,0,.5)}#section-kv .fg.show{transition:opacity 1s;opacity:1}#section-kv .fg .content{flex-flow:column}#section-kv .fg .title{line-height:1.3333}#section-kv .fg .desc{line-height:1.25;margin-top:.125em;letter-spacing:.25em}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#section-kv .fg .title{font-size:24px}#section-kv .fg .desc{font-size:13px}}@media (orientation:landscape),(min-width:1024px){.zn--no-video-ls #section-kv .fg{position:fixed;top:var(--navbar-height);height:calc(100vh - var(--navbar-height));height:calc((100 * var(--vh, 1vh)) - var(--navbar-height));width:100%;margin:0;padding-left:40%}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .fg .title{font-size:41px}#section-kv .fg .desc{font-size:22px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .fg .title{font-size:50px}#section-kv .fg .desc{font-size:27px}}@media (min-width: 1800px) and (max-width: 2299px){#section-kv .fg .title{font-size:60px}#section-kv .fg .desc{font-size:32px}}@media (min-width: 2300px){#section-kv .fg .title{font-size:80px}#section-kv .fg .desc{font-size:43px}}@media (orientation:portrait) and (max-width:1023px){#section-kv .bg .video,#section-kv .bg .img{object-fit:contain}.zn--no-video-pt #section-kv .fg{height:70%}#section-kv .fg .title{font-size:32px;line-height:46px}#section-kv .fg .desc{font-size:18px;line-height:1.67;letter-spacing:5px;margin-top:0}}#section-function .part-container{width:100%;background:#1e1e1e}#section-function .part{width:100%;height:calc(100vh - var(--navbar-height));height:calc((100 * var(--vh, 1vh)) - var(--navbar-height));top:var(--navbar-height);display:flex;overflow:hidden}#section-function .part .keyword,#section-function .part .desc{transition:opacity .3s}#section-function .part .keyword{opacity:.2}#section-function .part .desc{opacity:0}#section-function .part.active .keyword,#section-function .part.active .desc{opacity:1}#section-function .text-container{flex:640;height:100%;display:flex;flex-flow:column;justify-content:space-between;align-items:flex-end}#section-function .text-container .keyword{line-height:1.5;margin-top:calc(var(--keyword-no, 0) * 2em)}#section-function .text-container .desc{line-height:1.6;width:100%;min-height:6.4em;display:flex;flex-flow:column;justify-content:flex-end;align-items:flex-end;position:relative;z-index:2}#section-function .image-container{flex:1280;background:#000}#section-function .image-container .img{object-fit:cover}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#section-function .part-container .placeholder{height:60px}#section-function .text-container{padding:27px 13px}#section-function .text-container .keyword{font-size:13px}#section-function .text-container .desc{font-size:8px}}@media (orientation:landscape) and (min-width:400px) and (max-width:1023px){#section-function .image-container{flex:1800}}@media (min-width: 1024px) and (max-width: 1399px){#section-function .part-container .placeholder{height:102px}#section-function .text-container{padding:46px 22px}#section-function .text-container .keyword{font-size:22px}#section-function .text-container .desc{font-size:14px}}@media (min-width:1024px) and (max-width:1399px) and (max-height:520px){#section-function .text-container .keyword{line-height:1.2;margin-top:calc(var(--keyword-no, 0) * 1.8em)}}@media (min-width: 1400px) and (max-width: 1799px){#section-function .part-container .placeholder{height:126px}#section-function .text-container{padding:57px 27px}#section-function .text-container .keyword{font-size:27px}#section-function .text-container .desc{font-size:17px}}@media (min-width:1400px) and (max-width:1799px) and (max-height:640px){#section-function .text-container .keyword{line-height:1.2;margin-top:calc(var(--keyword-no, 0) * 2.4em)}}@media (min-width: 1800px) and (max-width: 2299px){#section-function .part-container .placeholder{height:150px}#section-function .text-container{padding:68px 32px}#section-function .text-container .keyword{font-size:32px}#section-function .text-container .desc{font-size:20px}}@media (min-width:1800px) and (max-width:2299px) and (max-height:720px){#section-function .text-container .keyword{line-height:1.2;margin-top:calc(var(--keyword-no, 0) * 2.4em)}}@media (min-width: 2300px){#section-function .part-container .placeholder{height:200px}#section-function .text-container{padding:90px 43px}#section-function .text-container .keyword{font-size:43px}#section-function .text-container .desc{font-size:27px}}@media (orientation:portrait) and (max-width:1023px){#section-function .part-container .placeholder{height:120px}#section-function .part{flex-flow:column-reverse}#section-function .text-container{flex:1 1 0%;align-items:flex-start}#section-function .text-container .keyword{font-size:20px;line-height:1.4;margin-top:calc(var(--keyword-no, 0) * 1.8em)}#section-function .text-container .desc{font-size:14px;line-height:1.5;min-height:3em;align-items:flex-start}#section-function .image-container{flex:0 0 auto;width:100%;height:0;padding-bottom:68.88888888888889%}}@media (orientation: portrait) and (max-width: 1023px){#section-function .text-container{padding:40px 5.556vw}}#section-power .body .bg{width:100%;top:0;padding-bottom:36.58536585365854%;background:#000}#section-power .content{width:100%;height:100%;display:flex;flex-flow:column;justify-content:center;align-items:flex-start}#section-power .note{line-height:1.67;font-size:12px;color:#fff9}#section-power .footer{padding-left:1em}#section-power .footer .note{list-style:decimal outside}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#section-power{padding-bottom:72px}#section-power .body .content,#section-power .body .note{padding:10px 38px}#section-power .footer{margin-top:43px}}@media (orientation:landscape) and (min-width:400px) and (max-width:1023px){#section-power .note{font-size:8px}}@media (min-width: 1024px) and (max-width: 1399px){#section-power{padding-bottom:123px}#section-power .body .content,#section-power .body .note{padding:16px 66px}#section-power .footer{margin-top:74px}}@media (orientation:landscape),(min-width:1024px){#section-power .body .bg:after{content:"";display:block;position:absolute;z-index:3;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.1)}#section-power .body .fg{position:absolute;top:0;left:0;width:100%;height:100%}#section-power .content .sec{color:#979797}#section-power .body .note{position:absolute;bottom:0;left:0;width:100%;text-align:center}}@media (min-width: 1400px) and (max-width: 1799px){#section-power{padding-bottom:151px}#section-power .body .content,#section-power .body .note{padding:20px 80px}#section-power .footer{margin-top:91px}}@media (min-width: 1800px) and (max-width: 2299px){#section-power{padding-bottom:180px}#section-power .body .content,#section-power .body .note{padding:24px 96px}#section-power .footer{margin-top:108px}}@media (min-width: 2300px){#section-power{padding-bottom:239px}#section-power .body .content,#section-power .body .note{padding:32px 128px}#section-power .footer{margin-top:144px}}@media (orientation:portrait) and (max-width:1023px){#section-power{padding-bottom:80px}#section-power .body .bg{padding-bottom:66.66666666666666%}#section-power .content{margin:40px 0}#section-power .content .sec{margin-top:4px}#section-power .footer{margin-top:98px}}#section-weight .glass-box{display:flex;flex-flow:column;justify-content:center;align-items:center;overflow:hidden;height:100%;width:100%}#section-weight .glass-box .top,#section-weight .glass-box .bottom{-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}#section-weight .glass-box .top{-webkit-transform-origin:bottom;transform-origin:bottom}#section-weight .glass-box .bottom{-webkit-transform-origin:top;transform-origin:top}#section-weight .glass-box .glass-top{-webkit-transform:translateX(18%);transform:translate(18%)}#section-weight .glass-box .glass-bottom{-webkit-transform:translateX(-18%);transform:translate(-18%)}#section-weight .glass-box:before,#section-weight .glass-box:after{content:"";display:block;position:absolute;z-index:10;left:0;width:100%;height:41.410256410256416%}#section-weight .glass-box:before{background:linear-gradient(to bottom,#000 0,rgba(0,0,0,0) 100%);top:0}#section-weight .glass-box:after{background:linear-gradient(to top,#000 0,rgba(0,0,0,0) 100%);bottom:0}#section-weight .section-body .fg{z-index:10;display:flex;flex-flow:column;align-items:flex-end;justify-content:center}#section-weight .section-body .fg .content,#section-weight .section-body .fg .glass-wrapper,#section-weight .section-body .fg .specs{display:flex;flex-flow:column;align-items:flex-start}#section-weight .section-body .fg .glass-wrapper{width:100%;height:76.66666666666667vw;height:calc(76.66666666666667 * var(--vw, 1vw));margin-top:40px}#section-weight .section-body .fg .spec .value{line-height:1.25}#section-weight .note-container .note{line-height:1.67;font-size:12px;color:#fff9}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#section-weight{padding-bottom:87px}#section-weight .glass-box{padding-right:240px}#section-weight .glass-box .bottom{margin-top:32px}#section-weight .glass-box .glass-top{width:378px;height:123px}#section-weight .glass-box .glass-bottom{width:367px;height:138px}#section-weight .section-body{height:312px}#section-weight .section-body .fg .content,#section-weight .section-body .fg .glass-wrapper,#section-weight .section-body .fg .specs{padding-left:96px}#section-weight .section-body .fg .specs{margin-top:42px}#section-weight .section-body .fg .spec:not(:first-child){margin-top:27px}#section-weight .section-body .fg .spec .value{font-size:19px}}@media (orientation:landscape) and (min-width:400px) and (max-width:1023px){#section-weight .note-container .note{font-size:8px}}@media (min-width: 1024px) and (max-width: 1399px){#section-weight{padding-bottom:149px}#section-weight .glass-box{padding-right:410px}#section-weight .glass-box .bottom{margin-top:55px}#section-weight .glass-box .glass-top{width:645px;height:210px}#section-weight .glass-box .glass-bottom{width:626px;height:236px}#section-weight .section-body{height:533px}#section-weight .section-body .fg .content,#section-weight .section-body .fg .glass-wrapper,#section-weight .section-body .fg .specs{padding-left:164px}#section-weight .section-body .fg .specs{margin-top:72px}#section-weight .section-body .fg .spec:not(:first-child){margin-top:46px}#section-weight .section-body .fg .spec .value{font-size:33px}}@media (orientation:landscape),(min-width:1024px){#section-weight .section-body .fg .content,#section-weight .section-body .fg .glass-wrapper,#section-weight .section-body .fg .specs{width:50%}#section-weight .note-container{display:flex;flex-flow:column;align-items:center}}@media (min-width: 1400px) and (max-width: 1799px){#section-weight{padding-bottom:183px}#section-weight .glass-box{padding-right:503px}#section-weight .glass-box .bottom{margin-top:67px}#section-weight .glass-box .glass-top{width:792px;height:258px}#section-weight .glass-box .glass-bottom{width:769px;height:289px}#section-weight .section-body{height:654px}#section-weight .section-body .fg .content,#section-weight .section-body .fg .glass-wrapper,#section-weight .section-body .fg .specs{padding-left:201px}#section-weight .section-body .fg .specs{margin-top:89px}#section-weight .section-body .fg .spec:not(:first-child){margin-top:57px}#section-weight .section-body .fg .spec .value{font-size:40px}}@media (min-width: 1800px) and (max-width: 2299px){#section-weight{padding-bottom:218px}#section-weight .glass-box{padding-right:600px}#section-weight .glass-box .bottom{margin-top:80px}#section-weight .glass-box .glass-top{width:945px;height:308px}#section-weight .glass-box .glass-bottom{width:917px;height:345px}#section-weight .section-body{height:780px}#section-weight .section-body .fg .content,#section-weight .section-body .fg .glass-wrapper,#section-weight .section-body .fg .specs{padding-left:240px}#section-weight .section-body .fg .specs{margin-top:106px}#section-weight .section-body .fg .spec:not(:first-child){margin-top:68px}#section-weight .section-body .fg .spec .value{font-size:48px}}@media (min-width: 2300px){#section-weight{padding-bottom:290px}#section-weight .glass-box{padding-right:798px}#section-weight .glass-box .bottom{margin-top:106px}#section-weight .glass-box .glass-top{width:1257px;height:410px}#section-weight .glass-box .glass-bottom{width:1220px;height:459px}#section-weight .section-body{height:1037px}#section-weight .section-body .fg .content,#section-weight .section-body .fg .glass-wrapper,#section-weight .section-body .fg .specs{padding-left:319px}#section-weight .section-body .fg .specs{margin-top:141px}#section-weight .section-body .fg .spec:not(:first-child){margin-top:90px}#section-weight .section-body .fg .spec .value{font-size:64px}}@media (orientation:portrait) and (max-width:1023px){#section-weight{padding-bottom:118px}#section-weight .glass-box .bottom{margin-top:40px}#section-weight .glass-box .glass-top{width:90vw;width:calc(90 * var(--vw, 1vw));height:29.333333333333336vw;height:calc(29.333333333333336 * var(--vw, 1vw));-webkit-transform:translateX(10%);transform:translate(10%)}#section-weight .glass-box .glass-bottom{width:90vw;width:calc(90 * var(--vw, 1vw));height:33.86041439476554vw;height:calc(33.86041439476554 * var(--vw, 1vw));-webkit-transform:translateX(-10%);transform:translate(-10%)}#section-weight .section-body .fg .content{line-height:1.56;font-size:18px}#section-weight .section-body .fg .specs{margin-top:40px;flex-flow:row}#section-weight .section-body .fg .spec{display:flex;flex-flow:column-reverse}#section-weight .section-body .fg .spec:not(:first-child){margin-top:0;margin-left:60px}#section-weight .section-body .fg .spec .key{line-height:1.45;font-size:11px}#section-weight .section-body .fg .spec .value{line-height:1.34;font-size:32px}#section-weight .note-container{margin-top:60px}}#section-design .part{box-sizing:content-box;padding-bottom:var(--footer-height);padding-top:calc(5.7292vw - var(--footer-height) / 2);padding-top:calc((5.7292 * var(--vw, 1vw)) - var(--footer-height) / 2);height:27.0833vw;height:calc(27.0833 * var(--vw, 1vw))}#section-design .part.sticky{top:calc(50% - 19.27085vw);top:calc(50% - (19.27085 * var(--vw, 1vw)))}#section-design .bg{height:38.5417vw;height:calc(38.5417 * var(--vw, 1vw))}#section-design .bg .model{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);width:100%;height:100%}#section-design .bg .model .img{object-fit:cover}#section-design .bg .content{overflow:hidden;flex-flow:column;line-height:1.44}#section-design .bg .content .line{-webkit-transform:translateX(calc(-50vw - 50%));transform:translate(calc(-50vw - 50%));-webkit-transform:translateX(calc(calc(-50 * var(--vw, 1vw)) - 50%));transform:translate(calc(calc(-50 * var(--vw, 1vw)) - 50%))}#section-design .bg .content .line:nth-child(2n){-webkit-transform:translateX(calc(50vw + 50%));transform:translate(calc(50vw + 50%));-webkit-transform:translateX(calc(calc(50 * var(--vw, 1vw)) + 50%));transform:translate(calc(calc(50 * var(--vw, 1vw)) + 50%))}#section-design .fg{width:100%;padding-bottom:inherit;overflow:hidden;display:flex;justify-content:flex-start}#section-design .container{display:flex;align-items:center;-webkit-transform:translateX(calc(100vw + 15%));transform:translate(calc(100vw + 15%));-webkit-transform:translateX(calc(calc(100 * var(--vw, 1vw)) + 15%));transform:translate(calc(calc(100 * var(--vw, 1vw)) + 15%));height:100%}#section-design .container .item{padding:0 10.4167vw;padding:0 calc(10.4167 * var(--vw, 1vw))}#section-design .container .body{width:41.6667vw;width:calc(41.6667 * var(--vw, 1vw));height:27.0833vw;height:calc(27.0833 * var(--vw, 1vw));display:flex;align-items:flex-end;justify-content:center}#section-design .container .body .desc{line-height:1.56}#section-design .container .footer{left:0;top:100%}#section-design .container .footer .title,#section-design .container .footer .sub{line-height:1.2}#section-design .part3{pointer-events:none;margin-top:172.9167vw;margin-top:calc(172.9167 * var(--vw, 1vw))}#section-design .part3 .container{width:1px}#section-design .note-wrapper{left:0;bottom:0;width:100%;padding-bottom:1em}#section-design .note-wrapper .note{line-height:1.67;font-size:12px;color:#fff9}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#section-design{padding-bottom:48px;--footer-height:43px}#section-design .bg .content{font-size:27px}#section-design .bg .content .line:not(:first-child){margin-top:4px}#section-design .container .body{padding:6px}#section-design .container .body .desc{font-size:7px}#section-design .container .footer{margin-top:10px}#section-design .container .footer .title{font-size:10px}#section-design .container .footer .sub{margin-top:3px;font-size:13px}}@media (orientation:landscape) and (min-width:400px) and (max-width:1023px){#section-design .note-wrapper .note{font-size:8px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design{padding-bottom:82px;--footer-height:73px}#section-design .bg .content{font-size:46px}#section-design .bg .content .line:not(:first-child){margin-top:7px}#section-design .container .body{padding:11px}#section-design .container .body .desc{font-size:12px}#section-design .container .footer{margin-top:16px}#section-design .container .footer .title{font-size:16px}#section-design .container .footer .sub{margin-top:5px;font-size:22px}}@media (orientation:landscape),(min-width:1024px){#section-design .note-wrapper{display:flex;justify-content:center;align-items:center;text-align:center}}@media (min-width: 1400px) and (max-width: 1799px){#section-design{padding-bottom:101px;--footer-height:90px}#section-design .bg .content{font-size:57px}#section-design .bg .content .line:not(:first-child){margin-top:8px}#section-design .container .body{padding:13px}#section-design .container .body .desc{font-size:15px}#section-design .container .footer{margin-top:20px}#section-design .container .footer .title{font-size:20px}#section-design .container .footer .sub{margin-top:7px;font-size:27px}}@media (min-width: 1800px) and (max-width: 2299px){#section-design{padding-bottom:120px;--footer-height:107px}#section-design .bg .content{font-size:68px}#section-design .bg .content .line:not(:first-child){margin-top:10px}#section-design .container .body{padding:16px}#section-design .container .body .desc{font-size:18px}#section-design .container .footer{margin-top:24px}#section-design .container .footer .title{font-size:24px}#section-design .container .footer .sub{margin-top:8px;font-size:32px}}@media (min-width: 2300px){#section-design{padding-bottom:160px;--footer-height:143px}#section-design .bg .content{font-size:90px}#section-design .bg .content .line:not(:first-child){margin-top:13px}#section-design .container .body{padding:21px}#section-design .container .body .desc{font-size:24px}#section-design .container .footer{margin-top:32px}#section-design .container .footer .title{font-size:32px}#section-design .container .footer .sub{margin-top:11px;font-size:43px}}@media (orientation:portrait) and (max-width:1023px){#section-design{padding-bottom:118px;margin-bottom:80px}#section-design{--footer-height:91px}#section-design .part{height:57.7778vw;height:calc(57.7778 * var(--vw, 1vw));padding-top:37.7778vw;padding-top:calc(37.7778 * var(--vw, 1vw))}#section-design .part.sticky{top:calc(50% - 66.66665vw);top:calc(50% - (66.66665 * var(--vw, 1vw)))}#section-design .bg{height:133.3333vw;height:calc(133.3333 * var(--vw, 1vw))}#section-design .bg .content{line-height:1.25;font-size:40px}#section-design .container{justify-content:flex-start;width:200%;-webkit-transform:translateX(50%);transform:translate(50%)}#section-design .container .item{flex:0 0 auto;width:50%;display:flex;justify-content:center;padding:0 5.5556vw;padding:0 calc(5.5556 * var(--vw, 1vw))}#section-design .container .body{width:88.8889vw;width:calc(88.8889 * var(--vw, 1vw));height:57.7778vw;height:calc(57.7778 * var(--vw, 1vw));padding:10px}#section-design .container .body .desc{line-height:1.8;font-size:10px}#section-design .container .footer{margin-top:12px}#section-design .container .footer .title{line-height:1.21;font-size:14px}#section-design .container .footer .sub{margin-top:4px;line-height:1.2;font-size:20px}#section-design .part3{margin-top:442.2222vw;margin-top:calc(442.2222 * var(--vw, 1vw))}#section-design .note-wrapper .note:not(:first-child){margin-top:4px}}#section-structure{padding-top:50vh;padding-top:calc(50 * var(--vh, 1vh))}#section-structure .anchor{pointer-events:none;width:1px}#section-structure .header-wrapper{z-index:5}#section-structure .header-wrapper .section-header{padding:0}#section-structure .section-header{-webkit-transform:translateY(-50%);transform:translateY(-50%)}#section-structure .section-body{z-index:1;margin-top:-50vh;margin-top:calc(-50 * var(--vh, 1vh));width:100%;height:400vh;height:calc(400 * var(--vh, 1vh))}#section-structure .section-body .sticky{width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));display:flex;flex-flow:column;justify-content:center;align-items:center;overflow:hidden;min-height:calc(47vw + 40px);min-height:calc((47 * var(--vw, 1vw)) + 40px);height:calc(100vh + var(--navbar-height));height:calc((100 * var(--vh, 1vh)) + var(--navbar-height));top:calc(var(--navbar-height) * -1)}#section-structure .section-body .structure{width:65.9375vw;width:calc(65.9375 * var(--vw, 1vw));height:17.8125vw;height:calc(17.8125 * var(--vw, 1vw));opacity:0}#section-structure .section-body .text-wrapper{left:0;top:50%;margin-top:36.4583vw;margin-top:calc(36.4583 * var(--vw, 1vw));width:100%}#section-structure .section-body .text-wrapper .desc{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}#section-structure .section-body .text-wrapper .text{opacity:1}#section-structure .section-body .note-wrapper{left:0;bottom:0;width:100%;padding-bottom:1em}#section-structure .section-body .note-wrapper .note{line-height:1.67;font-size:12px;color:#fff9}#section-structure .section-body .line,#section-structure .section-body .desc{position:absolute;z-index:10}#section-structure .section-body .line{width:1px;-webkit-transform:scaleX(.5);transform:scaleX(.5);background:#fff;-webkit-transform-origin:top;transform-origin:top}#section-structure .section-body .line.up{-webkit-transform-origin:bottom;transform-origin:bottom}#section-structure .section-body .text{white-space:nowrap;text-align:start;opacity:0}#section-structure .section-body .left{right:26.875vw;right:calc(26.875 * var(--vw, 1vw));top:.8333vw;top:calc(.8333 * var(--vw, 1vw));width:37.1875vw;width:calc(37.1875 * var(--vw, 1vw));height:12.1354vw;height:calc(12.1354 * var(--vw, 1vw))}#section-structure .section-body .left .part1-wrapper{left:0;top:0;width:33.4896vw;width:calc(33.4896 * var(--vw, 1vw));height:11.875vw;height:calc(11.875 * var(--vw, 1vw))}#section-structure .section-body .left .part1-wrapper .line{left:76%;top:8.3708vw;top:calc(8.3708 * var(--vw, 1vw));height:13.6979vw;height:calc(13.6979 * var(--vw, 1vw))}#section-structure .section-body .left .part1-wrapper .desc{right:18%;top:23.3188vw;top:calc(23.3188 * var(--vw, 1vw))}#section-structure .section-body .left .part2-wrapper{right:0;bottom:0;width:6.7188vw;width:calc(6.7188 * var(--vw, 1vw));height:6.7188vw;height:calc(6.7188 * var(--vw, 1vw))}#section-structure .section-body .left .part2-wrapper .line{right:25%;bottom:3.3344vw;bottom:calc(3.3344 * var(--vw, 1vw));height:9.9479vw;height:calc(9.9479 * var(--vw, 1vw))}#section-structure .section-body .left .part2-wrapper .desc{right:-118%;bottom:14.5313vw;bottom:calc(14.5313 * var(--vw, 1vw))}#section-structure .section-body .center{right:23.9063vw;right:calc(23.9063 * var(--vw, 1vw));bottom:5.3125vw;bottom:calc(5.3125 * var(--vw, 1vw));width:7.2396vw;width:calc(7.2396 * var(--vw, 1vw));height:5.1563vw;height:calc(5.1563 * var(--vw, 1vw))}#section-structure .section-body .center .part3-wrapper{left:0;top:0;width:100%;height:100%}#section-structure .section-body .center .part3-wrapper .line{left:85%;top:3.4531vw;top:calc(3.4531 * var(--vw, 1vw));height:12.2396vw;height:calc(12.2396 * var(--vw, 1vw))}#section-structure .section-body .center .part3-wrapper .desc{left:22%;top:16.9271vw;top:calc(16.9271 * var(--vw, 1vw))}#section-structure .section-body .right{right:0;bottom:0;width:31.1458vw;width:calc(31.1458 * var(--vw, 1vw));height:14.7917vw;height:calc(14.7917 * var(--vw, 1vw))}#section-structure .section-body .right .part5,#section-structure .section-body .right .part6,#section-structure .section-body .right .part7{left:-.2083vw;left:calc(-.2083 * var(--vw, 1vw));top:.1042vw;top:calc(.1042 * var(--vw, 1vw));width:100.5%;height:100.5%}#section-structure .section-body .right .part7-wrapper .line{right:35%;bottom:6.7708vw;bottom:calc(6.7708 * var(--vw, 1vw));height:11.3542vw;height:calc(11.3542 * var(--vw, 1vw))}#section-structure .section-body .right .part7-wrapper .desc{right:13%;bottom:19.375vw;bottom:calc(19.375 * var(--vw, 1vw))}#section-structure .section-body .crust{left:.2083vw;left:calc(.2083 * var(--vw, 1vw));top:.1563vw;top:calc(.1563 * var(--vw, 1vw));width:40.7813vw;width:calc(40.7813 * var(--vw, 1vw));height:14.0625vw;height:calc(14.0625 * var(--vw, 1vw))}@media (orientation:landscape) and (min-width:400px) and (max-width:1023px){#section-structure .section-body .note-wrapper .note{font-size:8px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#section-structure .section-body .text.font-32{font-size:10px}#section-structure .section-body .text.font-20{margin-top:5px}#section-structure .section-body .text.font-20{font-size:7px}}@media (min-width:1024px) and (max-width:1399px){#section-structure .section-body .sticky{min-height:50vw;min-height:calc(50 * var(--vw, 1vw))}}@media (orientation:landscape),(min-width:1024px){#section-structure .section-body .note-wrapper{display:flex;justify-content:center;align-items:center;text-align:center}#section-structure .section-body .text.font-32,#section-structure .section-body .text.font-20{line-height:1.2}}@media (min-width: 1024px) and (max-width: 1399px){#section-structure .section-body .text.font-32{font-size:18px}#section-structure .section-body .text.font-20{margin-top:8px}#section-structure .section-body .text.font-20{font-size:12px}}@media (min-width:1400px) and (max-width:1799px){#section-structure .section-body .sticky{min-height:54vw;min-height:calc(54 * var(--vw, 1vw))}}@media (min-width: 1400px) and (max-width: 1799px){#section-structure .section-body .text.font-32{font-size:22px}#section-structure .section-body .text.font-20{margin-top:10px}#section-structure .section-body .text.font-20{font-size:15px}}@media (min-width: 1800px) and (max-width: 2299px){#section-structure .section-body .text.font-32{font-size:26px}#section-structure .section-body .text.font-20{margin-top:12px}#section-structure .section-body .text.font-20{font-size:18px}}@media (min-width: 2300px){#section-structure .section-body .text.font-32{font-size:35px}#section-structure .section-body .text.font-20{margin-top:16px}#section-structure .section-body .text.font-20{font-size:24px}}@media (orientation:portrait) and (max-width:1023px){#section-structure{padding-top:120px}#section-structure .section-body .structure{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transform-origin:0 50%;transform-origin:0 50%;will-change:transform-origin}#section-structure .section-body .note-wrapper .note:not(:first-child){margin-top:4px}#section-structure .section-body .text.font-20{margin-top:4px}}:root{--oh-nav-height:80px;--navbar-height:56px;--header-height:calc(var(--oh-nav-height) + var(--navbar-height))}@font-face{font-family:OPPOSans-super;src:url(/content/dam/oppo/product-asset-library/accessory/oppo-air-glass/assets/OPPOSansSuper-Medium-ad60e0.woff) format("woff"),url(/content/dam/oppo/product-asset-library/accessory/oppo-air-glass/assets/OPPOSansSuper-Medium-d3e72d.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:OPPOSans-super;src:url(/content/dam/oppo/product-asset-library/accessory/oppo-air-glass/assets/OPPOSansSuper-Bold-277eaa.woff) format("woff"),url(/content/dam/oppo/product-asset-library/accessory/oppo-air-glass/assets/OPPOSansSuper-Bold-e3124f.ttf) format("truetype");font-style:normal;font-weight:700}.zn--wrapper sup{font-size:1em;line-height:1;position:relative;vertical-align:baseline;top:-.2em;font-family:OPPOSans-super;font-weight:400}.zn--wrapper b sup,.zn--wrapper sup b,.zn--wrapper strong sup,.zn--wrapper sup strong{font-weight:700}.g--sup-m{font-weight:400}.g--sup-b{font-weight:700}.zn--wrapper{font-size:16px;line-height:1.25;font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-variation-settings:"wght" 550}.zn--wrapper *{box-sizing:border-box}.zn--wrapper a{text-decoration:none}.zn--wrapper img{display:block;max-width:initial}.zn--wrapper canvas img{display:none}.zn--wrapper video{display:block;max-width:initial}.zn--wrapper figure[data-ll-status],.zn--wrapper div[data-ll-status]{background-repeat:no-repeat;background-size:cover}.zn--wrapper br{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,"sans-serif"}.zn--wrapper h1{position:absolute;overflow:hidden;width:1px;height:1px;border:none;margin:0;padding:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%)}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}.oppo-navbar{top:-1px;position:-webkit-sticky;position:sticky;z-index:998}.oppo-navbar nav#navbar{position:relative!important;top:0!important}.g--container,.g--wrapper{margin:0 auto}body.no-scroll{overflow-y:hidden}body.zn--body-fixed{position:fixed}#main-wrapper{position:relative}.zn--wrapper .center{margin-left:auto;margin-right:auto;text-align:center;align-self:center}.zn--wrapper .center-content{display:flex;justify-content:center;align-items:center}.zn--wrapper .abs.center-hor{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.zn--wrapper .abs.center-ver{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.zn--wrapper .flex.center-ver{align-items:center}.zn--wrapper .flex.center-ver>.wrapper{width:100%}.zn--wrapper .flex.center-hor{justify-content:center}.zn--wrapper .flex.center-hor>.wrapper{height:100%}.zn--wrapper .g--sticky-container,.zn--wrapper .sticky-container{position:relative}.zn--wrapper .g--sticky-item,.zn--wrapper .sticky-item,.zn--wrapper .sticky{position:-webkit-sticky;position:sticky;top:0}.zn--wrapper .black{color:#000}.zn--wrapper .white{color:#fff}.zn--wrapper .grey{color:#ffffff8f}.zn--wrapper .grey-light{color:#fff3}.zn--wrapper .grey{color:#000000b3}.zn--wrapper .grey-light{color:#00000052}.zn--wrapper .bg-black{background-color:#000}.zn--wrapper .bg-white{background-color:#fff}.zn--wrapper .full{width:100%;height:100%}.zn--wrapper .full-w{width:100%}.zn--wrapper .full-h{height:100%}.zn--wrapper .full-screen{height:100vh;height:calc(100 * var(--vh, 1vh))}.zn--wrapper .full-screen-nav{height:calc(100vh - 121px);height:calc((100 * var(--vh, 1vh)) - 121px)}.zn--wrapper .flex{display:flex}.zn--wrapper .flex.align-center{align-items:center}.zn--wrapper .flex.content-center{justify-content:center}.zn--wrapper .rel{position:relative}.zn--wrapper .abs{position:absolute}.zn--wrapper .abs.clip{top:0;left:0}.zn--wrapper .fixed{position:fixed}.zn--wrapper .clip{top:0;left:0}.zn--wrapper .clickable{cursor:pointer}.zn--wrapper .g--cover{object-fit:cover}.zn--wrapper .g--flex{display:flex}.zn--wrapper .g--bold{font-variation-settings:"wght" 1000}.zn--wrapper .g--medium{font-variation-settings:"wght" 750}.zn--wrapper img:not([src]):not([srcset]){visibility:hidden}.zn--wrapper .g--popup-user{display:none}body{overflow:visible!important;background:#000}.zn--wrapper .main{background:#000;color:#fff}.font-32{line-height:1.5}.font-20{line-height:1.6}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.g--container,.g--container-ls{width:525px}.font-32{font-size:13px}.font-20{font-size:8px}}@media (min-width:721px) and (max-width:1023px){#oc-header{overflow:hidden}}@media (min-width:1024px) and (max-width:1399px){:root{--oh-nav-height:64px}}@media (min-width: 1024px) and (max-width: 1399px){.g--container,.g--container-ls{width:896px}.font-32{font-size:22px}.font-20{font-size:14px}}@media (orientation:landscape),(min-width:1024px){.g--container-ls{margin:0 auto}.g--ls-hidden{display:none!important}}@media (min-width: 1400px) and (max-width: 1799px){.g--container,.g--container-ls{width:1100px}.font-32{font-size:27px}.font-20{font-size:17px}}@media (min-width:1800px) and (max-width:2299px){:root{--navbar-height:58px}}@media (min-width: 1800px) and (max-width: 2299px){.g--container,.g--container-ls{width:1312px}.font-32{font-size:32px}.font-20{font-size:20px}}@media (min-width: 2300px){.g--container,.g--container-ls{width:1745px}.font-32{font-size:43px}.font-20{font-size:27px}}@media (max-width:1023px){:root{--navbar-height:50px;--oh-nav-height:48px}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}.g--container-pt{margin:0 auto}.g--pt-hidden{display:none!important}.zn--wrapper .full-screen-nav{height:calc(100vh - 101px);height:calc((100 * var(--vh, 1vh)) - 101px)}.font-32{line-height:1.33;font-size:24px}.font-20{line-height:1.71;font-size:14px}}@media (orientation: portrait) and (max-width: 1023px){.g--container,.g--container-pt{width:88.889vw}}@media (max-width:720px){.g--mb-hidden{display:none!important}}@media not screen and (max-width:720px){.g--mb-show{display:none!important}}