@keyframes trend-fade-out{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}}@keyframes inthislook-open{0%{-webkit-transform:translateY(calc(100% - 60px));transform:translateY(calc(100% - 60px))}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes inthislook-close{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(100% - 45px));transform:translateY(calc(100% - 45px))}}@keyframes inthislook-icon-on{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes inthislook-icon-off{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}50%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@media screen and (min-width:0px){#products.trend-guide{color:#2d2f30}#products.trend-guide #hero{display:flex;justify-content:center;align-items:center;text-align:center;background-position:0 50px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 100%,0 100%);transition:clip-path 1s;-webkit-transition:-webkit-clip-path 1s}#products.trend-guide #hero.hidden{-webkit-clip-path:polygon(0 0,100% 0,100% 80%,50% 90%,0 80%);clip-path:polygon(0 0,100% 0,100% 80%,50% 90%,0 80%)}#products.trend-guide .btn.btn-black{border:none;background-color:#2d2f30}#products.trend-guide #hero .btn-operate{margin:0 auto}#products.trend-guide .btn.btn-black:hover{color:#2d2f30;background:#fff}#products.trend-guide #hero .wrapper{position:initial;padding-top:200px;opacity:1;transform:translateY(0);transition:all .5s .2s}#products.trend-guide #hero.hidden .wrapper{opacity:0;transform:translateY(-100px)}#products.trend-guide #hero .text-focus-in{-webkit-animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) 1s both;animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) 1s both}#products.trend-guide #hero h1{font-size:32px}.trend-guide #hero .btn-operate{max-width:100%}.trend-guide #hero .btn-operate a{width:fit-content;margin:0 auto;padding:10px 35px}.trend-guide #part1{padding:60px 0 0;padding-bottom:5em}.trend-guide #part1.active{height:200px}.trend-guide #part1 .wrapper{padding:0 20px;transform:translateY(0);transition:all .35s}.trend-guide #part1.active .wrapper{transform:translateY(-150px)}.trend-guide #part1 .wrapper .content{opacity:0;visibility:hidden;transform:translateY(0);transition:all .35s 0s}.trend-guide #part1.active .wrapper .content{opacity:1;visibility:visible;transform:translateY(-45px);transition:all .35s .4s}.trend-guide #part1 .trendplay img{width:100px;margin:0 auto}.trend-guide #part1 .btn{color:#2d2f30;border:1px #2d2f30 solid;margin:0 auto;width:fit-content;padding:10px 35px;display:flex;justify-content:center;align-items:center}.trend-guide #part1 .btn:hover{background-color:#2d2f30;color:#fff}.trend-guide #part1 .btn img{width:24px;margin-left:5px}.trend-guide #part1 .btn img:nth-child(1){display:block}.trend-guide #part1 .btn img:nth-child(2){display:none}.trend-guide #part1 .btn:hover img:nth-child(1){display:none}.trend-guide #part1 .btn:hover img:nth-child(2){display:block}.trend-guide #part1 .btn-video.trendplay::after{display:none}.trend-guide #part1 .text{padding:30px 0 30px;text-align:center;font-size:14px;line-height:1.6em;font-weight:500}.trend-guide #part2{position:relative;transform:translateY(0);transition:all .35s;background-color:#fff}.trend-guide #part2 .nav-dots{opacity:0;visibility:hidden;transition:all .35s;position:sticky;top:50%;width:20px;height:0;margin:0 -80px 0 auto;display:none}.trend-guide #part2 .nav-dots.active{opacity:1;visibility:visible}.trend-guide #part2 .nav-dots .dot{display:block;width:7px;height:7px;margin:0 auto 25px;border-radius:50%;background-color:#f1f2f2;transition:all .35s}.trend-guide #part2 .nav-dots .dot.active{width:10px;height:10px;background-color:#2d2f30}.trend-guide #part2 .item{padding:70px 0}.trend-guide #part2 .item:nth-child(1){padding-top:0}.trend-guide #part2 .item .image-list{display:flex;overflow-x:scroll;margin-left:20px}.trend-guide #part2 .item .image-list .entry .divimg{min-width:315px;height:300px;border-radius:10px;overflow:hidden;margin-right:20px}.trend-guide #part2 .item .image-list .entry .divimg img{object-fit:cover;height:100%;border-radius:10px;object-position:center center}.trend-guide #part2 .item .image-list .tips{display:none}.trend-guide #part2 .item .content{margin:30px 20px;padding:50px 20px 30px;border-radius:10px;box-sizing:border-box}.trend-guide #part2 .item .content#bgYellow{background-color:#f5df4d}.trend-guide #part2 .item .content#bgGreen{background-color:#91b479;color:#fff}.trend-guide #part2 .item .content#bgBlue{background-color:#2a8eb3;color:#fff}.trend-guide #part2 .item .content#bgOrange{background-color:#ff9154}.trend-guide #part2 .item .content#bgPurple{background-color:#9a66ef;color:#fff}.trend-guide #part2 .item .top-content{margin-bottom:20px;text-align:center;font-weight:700;transform:scale(1.12) translate(0,110%);transition:all .4s .2s;max-width:300px}.trend-guide #part2 .item.active .top-content{transform:scale(1) translateY(0)}.trend-guide #part2 .item .top-content .subtitle{font-size:18px;margin-bottom:10px}.trend-guide #part2 .item .top-content .title{font-size:32px}.trend-guide #part2 .item .main-content{font-size:12px;line-height:1.6em;opacity:0;transform:translateY(50px);transition:all .6s .6s}.trend-guide #part2 .item.active .main-content{opacity:1;transform:translateY(0)}.trend-guide #part2 .item .main-content ul{margin-left:20px}.trend-guide #part2 .item .main-content b{font-size:14px}.trend-guide #part2 .item .main-content p{margin-bottom:10px}.trend-guide #part2 .item .main-content p:nth-child(2){margin-top:1.5em}.trend-guide #part2 .item .main-content ul li{list-style:disc;list-style-position:outside}.trend-guide #part2 .item .main-content ul li:nth-child(2){margin-top:1em}.trend-guide #part2 .item .main-content .btn.btn-black{width:fit-content;padding:10px 35px;margin-top:30px;display:flex;justify-content:center;align-items:center}.trend-guide #part2 .item .main-content .btn.btn-black img{width:20px;margin-right:10px}.trend-guide #part2 .item .main-content .btn.btn-black img:nth-child(1){display:block}.trend-guide #part2 .item .main-content .btn.btn-black img:nth-child(2){display:none}.trend-guide #part2 .item .main-content .btn.btn-black:hover img:nth-child(1){display:none}.trend-guide #part2 .item .main-content .btn.btn-black:hover img:nth-child(2){display:block}.trend-guide #part2 .item .bottom-content{margin-top:30px}.trend-guide #part2 .item .bottom-content .title{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-size:14px;font-weight:700}.trend-guide #part2 .item .bottom-content .title .toggle{display:inline-block;width:20px;margin:0;border-top:2px #2d2f30 solid;animation:inthislook-icon-off .6s ease 0s 1;animation-fill-mode:forwards}.trend-guide #part2 .item .bottom-content .title .toggle::after{content:'';position:absolute;display:inline-block;width:20px;border-top:2px #2d2f30 solid;transform:rotate(90deg) translate(-2px,0);transition:all .2s}.trend-guide #part2 .item .bottom-content.active .title .toggle{animation:inthislook-icon-on .35s ease 0s 1;animation-fill-mode:forwards}.trend-guide #part2 .item .content#bgBlue .bottom-content .title .toggle,.trend-guide #part2 .item .content#bgGreen .bottom-content .title .toggle,.trend-guide #part2 .item .content#bgPurple .bottom-content .title .toggle{border-top:2px #fff solid}.trend-guide #part2 .item .content#bgBlue .bottom-content .title .toggle::after,.trend-guide #part2 .item .content#bgGreen .bottom-content .title .toggle::after,.trend-guide #part2 .item .content#bgPurple .bottom-content .title .toggle::after{border-top:2px #fff solid}.trend-guide #part2 .item .bottom-content ul{overflow:hidden;opacity:0;height:0;transform:translateY(50px);animation:trend-fade-out .35s ease 0s 1;transition:height .35s .25s}.trend-guide #part2 .item .bottom-content.active ul{height:120px;animation:nl-fade-up .35s ease .5s 1;animation-fill-mode:forwards;transition:height .35s;margin-top:10px}.trend-guide #part2 .item .bottom-content ul li{display:flex;justify-content:space-between;font-size:14px;margin-top:10px}.trend-guide #part2 .item .bottom-content ul li .count{width:50%;line-height:150%}.trend-guide #part2 .item .bottom-content ul li .label{font-weight:700}#products.trend-guide #nanoleaf-shop del{color:#888;font-size:.9em;font-weight:500}#products.trend-guide #nanoleaf-shop .tabs ul{min-width:auto;width:auto;margin-bottom:2.5em;border:2px transparent solid}#products.trend-guide #nanoleaf-shop .tabs ul li{width:auto;margin-right:20px}#products.trend-guide #nanoleaf-shop .tabs ul li:last-child{margin-right:0}#products.trend-guide #nanoleaf-shop .tabs ul li a{padding:0 35px;line-height:50px;background:#dadee1;border-radius:25px}#products.trend-guide #nanoleaf-shop .tabs ul li:nth-child(3) a{color:#2d2f30}#products.trend-guide #nanoleaf-shop .tabs ul li:nth-child(1).active a{background-color:#f5df4d}#products.trend-guide #nanoleaf-shop .tabs ul li:nth-child(2).active a{background-color:#91b479;color:#fff}#products.trend-guide #nanoleaf-shop .tabs ul li:nth-child(3).active a{background-color:#2a8eb3;color:#fff}#products.trend-guide #nanoleaf-shop .tabs ul li:nth-child(4).active a{background-color:#ff9154}#products.trend-guide #nanoleaf-shop .tabs ul li:nth-child(5).active a{background-color:#9a66ef;color:#fff}#products.trend-guide #nanoleaf-shop .product-box .product-wrapper ul li .main .title{font-size:28px;width:85%}#products.trend-guide #nanoleaf-shop .product-box .product-wrapper ul li .main .text{font-size:16px}@media (-webkit-max-device-pixel-ratio:1.99999999){#products.trend-guide #hero{background-image:url(../img/experiences/trend-guide/trendhero-m@1x.jpg)}.is-webp #products.trend-guide #hero{background-image:url(../img/experiences/trend-guide/trendhero-m@1x.webp)}}@media (-webkit-min-device-pixel-ratio:2){#products.trend-guide #hero{background-image:url(../img/experiences/trend-guide/trendhero-m@2x.jpg)}.is-webp #products.trend-guide #hero{background-image:url(../img/experiences/trend-guide/trendhero-m@2x.webp)}}}@media screen and (min-width:414px){.trend-guide #part2 .item .image-list .entry .divimg{min-width:355px}}@media screen and (min-width:768px){#products.trend-guide #hero .subtitle{font-size:36px}#products.trend-guide #hero h1{font-size:56px;max-width:600px;max-width:100%;margin:0 auto}.trend-guide #part1{padding:100px 0 0}.trend-guide #part1.active .wrapper .content{transform:translateY(-60px)}.trend-guide #part1.active .wrapper{transform:translateY(-200px)}.trend-guide #part1 .trendplay img{width:130px}.trend-guide #part1 .text{width:450px;margin:0 auto;padding:30px 0 60px}.trend-guide #part2{padding:0 50px 50px}.trend-guide #part2 .item{position:relative;width:100%}.trend-guide #part2 .item .image-list{width:60%;margin-left:0;flex-wrap:wrap;overflow:hidden}.trend-guide #part2 .item .image-list .entry{position:relative;width:100%}.trend-guide #part2 .item .image-list .entry:first-child{margin-bottom:75px}.trend-guide #part2 .item .image-list .entry .divimg{width:100%;height:350px;margin-right:0;border-radius:0}.trend-guide #part2 .item .image-list .tips{display:block;position:absolute;left:0;bottom:0;width:240px;box-sizing:border-box;padding:0 20px;background-color:rgba(255,255,255,.8);border-top-right-radius:10px;overflow:hidden;animation:inthislook-close .35s ease .3s 1;animation-fill-mode:forwards}.trend-guide #part2 .item .image-list .tips.active{animation:inthislook-open .35s ease 0s 1;animation-fill-mode:forwards}.trend-guide #part2 .item .image-list .tips ul{opacity:0;transform:translateY(50px);animation:trend-fade-out .35s ease 0s 1}.trend-guide #part2 .item .image-list .tips.active ul{animation:nl-fade-up .35s ease .5s 1;animation-fill-mode:forwards}.trend-guide #part2 .item .image-list .tips .title{padding:14px 0;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-size:14px;line-height:20px;font-weight:700;cursor:pointer}.trend-guide #part2 .item .image-list .tips .title .toggle{display:inline-block;width:17px;margin:0;border-top:2px #2d2f30 solid;animation:inthislook-icon-off .8s ease 0s 1;animation-fill-mode:forwards}.trend-guide #part2 .item .image-list .tips .title .toggle::after{content:'';position:absolute;display:inline-block;width:17px;border-top:2px #2d2f30 solid;transform:rotate(90deg) translate(-2px,0)}.trend-guide #part2 .item .image-list .tips.active .title .toggle{animation:inthislook-icon-on .35s ease 0s 1;animation-fill-mode:forwards}.trend-guide #part2 .item .image-list .tips ul{margin-bottom:20px}.trend-guide #part2 .item .image-list .tips ul li{margin-bottom:10px;font-size:14px;display:flex;justify-content:space-between}.trend-guide #part2 .item .top-content{text-align:left;transform:scale(1.12) translate(10px,110%)}.trend-guide #part2 .item .bottom-content{display:none}.trend-guide #part2 .item:nth-child(2n) .image-list{margin-left:auto}.trend-guide #part2 .item:nth-child(2n) .image-list .tips{left:auto;right:0;border-top-right-radius:0;border-top-left-radius:10px}.trend-guide #part2 .item .item-sticky{position:absolute;top:17%;bottom:50px;left:auto;right:0}.trend-guide #part2 .item .item-sticky .content{width:360px;margin:0 0 0 auto;padding:50px 40px}.trend-guide #part2 .item:nth-child(2n) .item-sticky{left:0;right:auto}.trend-guide #part2 .item:nth-child(2n) .item-sticky .content{margin:0 auto 0 0}#products.trend-guide #nanoleaf-shop .tabs{margin:0 50px 3em}#products.trend-guide #nanoleaf-shop .tabs ul{margin:0 auto}#products.trend-guide #nanoleaf-shop .product-box .product-wrapper ul li .main .title{font-size:34px}@media (-webkit-max-device-pixel-ratio:1.99999999){#products.trend-guide #hero{background-image:url(../img/experiences/trend-guide/trendhero-t@1x.jpg)}.is-webp #products.trend-guide #hero{background-image:url(../img/experiences/trend-guide/trendhero-t@1x.webp)}}@media (-webkit-min-device-pixel-ratio:2){#products.trend-guide #hero{background-image:url(../img/experiences/trend-guide/trendhero-t@2x.jpg)}.is-webp #products.trend-guide #hero{background-image:url(../img/experiences/trend-guide/trendhero-t@2x.webp)}}}@media screen and (min-width:1024px){.trend-guide #part1.active{height:250px}.trend-guide #part1 .text{font-size:18px;width:550px}.trend-guide #part2 .item .image-list .entry .divimg{height:560px}.trend-guide #part2 .item .item-sticky{position:absolute;top:200px;bottom:200px}.trend-guide #part2 .item .item-sticky .content{width:450px;padding:70px 50px;position:sticky;top:175px}.trend-guide #part2 .item .main-content{font-size:14px}.trend-guide #part2 .item .main-content b{font-size:16px}.trend-guide #part1.active .wrapper{transform:translateY(-240px)}#experiences ul li:nth-child(1) .top-content .date,#experiences ul li:nth-child(1) .top-content .text,#experiences ul li:nth-child(1) .top-content .title{color:#2d2f30}#products.trend-guide #nanoleaf-shop .tabs{margin:0 0 3em}#products.trend-guide #nanoleaf-shop .tabs ul li a{font-size:18px}}@media only screen and (device-width:1024px) and (orientation:landscape){.trend-guide #part1.active .wrapper{transform:translateY(-170px)}}@media screen and (min-device-width:1024px) and (min-device-height:700px) and (max-device-height:920px){.trend-guide #part2 .item .item-sticky .content{top:120px}}@media screen and (min-width:1025px){#products.trend-guide #hero{background-attachment:fixed}.trend-guide #part1.active .wrapper{transform:translateY(-160px)}@media (-webkit-max-device-pixel-ratio:1.99999999){#products.trend-guide #hero{background-image:url(../img/experiences/trend-guide/trendhero-d@1x.jpg)}.is-webp #products.trend-guide #hero{background-image:url(../img/experiences/trend-guide/trendhero-d@1x.webp)}}@media (-webkit-min-device-pixel-ratio:2){#products.trend-guide #hero{background-image:url(../img/experiences/trend-guide/trendhero-d@2x.jpg)}.is-webp #products.trend-guide #hero{background-image:url(../img/experiences/trend-guide/trendhero-d@2x.webp)}}}@media screen and (min-width:1280px){.trend-guide #part1.active{height:300px}.trend-guide #part1 .text{font-size:24px;width:750px}.trend-guide #part2{padding:0 10% 100px}.trend-guide #part2 .item .image-list .entry .divimg{height:650px}.trend-guide #part2 .item .top-content{max-width:100%;transform:scale(1.12) translate(10px,78%);transition:all .4s .75s}.trend-guide #part2 .item .top-content .title{font-size:42px}.trend-guide #part2 .item .main-content{transition:all .6s .8s}.trend-guide #part2 .nav-dots{display:block}}@media screen and (min-width:1366px){.trend-guide #part2 .item .image-list{width:70%}}@media only screen and (device-width:1366px) and (orientation:landscape){.trend-guide #part1.active .wrapper{transform:translateY(-200px)}}@media screen and (min-width:1440px){.trend-guide #part1.active{height:250px;padding-bottom:4em}.trend-guide #part2 .item{padding:150px 0}#products.trend-guide #nanoleaf-shop .product-box .product-wrapper ul li .main .title{font-size:36px;width:80%}.trend-guide #part2 .item .image-list .entry .divimg img{object-position:center top}}@media screen and (min-width:1700px){.trend-guide #part2 .item .image-list{width:75%}.trend-guide #part2 .item .image-list .entry:first-child{margin-bottom:125px}}@media screen and (min-width:1920px){.trend-guide #part1 .text{font-size:28px;width:850px;font-weight:600}.trend-guide #part1.active{padding-bottom:6em}.trend-guide #part1.active .wrapper{transform:translateY(-200px)}.trend-guide #part2{padding:0 15% 100px}.trend-guide #part2 .item .image-list{width:60%}.trend-guide #part2 .item .image-list .entry .divimg{height:800px}.trend-guide #part2 .item .item-sticky .content{width:580px;padding:80px 65px}.trend-guide #part2 .item:nth-child(1){padding-top:0}.trend-guide #part2 .item:nth-child(1) .item-stick{top:50px}.trend-guide #part2 .item .top-content .subtitle{font-size:23px}.trend-guide #part2 .item .top-content .title{font-size:54px}.trend-guide #part2 .item .main-content{font-size:16px}.trend-guide #part2 .item .main-content b{font-size:23px}.trend-guide #part2 .item .image-list .tips{width:275px;backdrop-filter:blur(0);padding:0 30px}.trend-guide #part2 .nav-dots{margin:0 -150px 0 auto}}@media screen and (min-width:2000px){.trend-guide #part2 .item .item-sticky .content{top:250px}.trend-guide #part2 .item .image-list{width:67%}}@media screen and (min-width:2560px){.trend-guide #part2 .item .item-sticky .content{top:350px}.trend-guide #part2{padding-left:calc((100% - 1500px)/ 2);padding-right:calc((100% - 1500px)/ 2)}}