@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-open{0%{-webkit-transform:translateY(calc(100% - 60px));transform:translateY(calc(100% - 60px))}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@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)}}@-webkit-keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@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){.trendGuide{display:none}.trendGuide.active{display:block}header .trendGuide.top-message-bar.active{display:flex}header .trendGuide.top-message-bar.active .title{display:flex;flex-direction:row}header .trendGuide.top-message-bar.active .title p{position:relative;top:-3px}header .trendGuide.top-message-bar.active .title p img{width:32px;position:relative;top:7px;display:inline}#trendGuide{position:absolute;left:0;right:0;top:0;bottom:50px}#hero #trendGuide .btn{border:none}#trendGuide .content{position:absolute;left:0;right:0;bottom:0;padding:50px 20px;z-index:1;color:#3a4c55;text-align:center;opacity:0;transform:translateY(50px)}#hero #trendGuide.active .content{animation:nl-fade-up .5s ease 0s 1;animation-fill-mode:forwards}#homepage #hero.step3 #trendGuide .content{color:#fff}#homepage #hero.step3 #trendGuide .content .btn.btn-black{background-color:#fff;color:#3a4c55}#homepage #hero.step4 #trendGuide .content{color:#fff}#homepage #hero.step4 #trendGuide .content .btn.btn-black{background-color:#fff;color:#3a4c55}#homepage #hero.step5 #trendGuide .content{color:#fff}#homepage #hero.step5 #trendGuide .content .btn.btn-black{background-color:#fff;color:#3a4c55}#trendGuide .content .subtitle{font-size:16px}#trendGuide .content .title{padding:10px 0 20px 0;font-size:34px;font-weight:700}#trendGuide .content .btn{width:200px;margin:1em auto 0}#trendGuide .content .bottom-content{margin-top:30px;font-size:12px}#homepage #hero #images-slider{display:none}#homepage #hero .wrapper{display:none}#homepage #hero.active #images-slider{display:block}#homepage #hero.active .wrapper{display:block}.trend-guide#products .btn.btn-black{border:none;background-color:#2d2f30}.trend-guide#products .btn.btn-black:hover{color:#2d2f30;background:#fff}.trend-guide#products{color:#2d2f30}.trend-guide#products #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}.trend-guide#products #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%)}.trend-guide#products #hero .wrapper{position:initial;padding-top:200px;opacity:1;transform:translateY(0);transition:all .5s .2s}.trend-guide#products #hero.hidden .wrapper{opacity:0;transform:translateY(-100px)}.trend-guide#products #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}.trend-guide#products #hero h1{font-size:32px}.trend-guide #hero .btn-operate{max-width:100%}.trend-guide #hero .btn-operate a{width:180px;margin:0 auto}.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:220px;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:200px;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 .tabs{margin-left:0;margin-bottom:2em}#products.trend-guide #nanoleaf-shop .tabs ul{width:780px;font-size:14px;line-height:20px}#products.trend-guide #nanoleaf-shop .tabs ul li.active{border-bottom:none}#products.trend-guide #nanoleaf-shop .tabs ul li a{padding:10px 35px;background:#dadee1;border-radius:25px}#products.trend-guide #nanoleaf-shop .tabs ul li:nth-child(1) a{margin-left:20px}#products.trend-guide #nanoleaf-shop .tabs ul li:nth-child(5) a{margin-right:20px}#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}#homepage #hero.active{background-image:none}.is-webp #homepage #hero.active{background-image:none}@media (-webkit-max-device-pixel-ratio:1.99999999){#homepage #hero.step1{background-image:url(../img/experiences/trend-guide/homepage-hero/1hope-414x800@1x.jpg)}.is-webp #homepage #hero.step1{background-image:url(../img/experiences/trend-guide/homepage-hero/1hope-414x800@1x.webp)}#homepage #hero.step2{background-image:url(../img/experiences/trend-guide/homepage-hero/2nature-414x800@1x.jpg)}.is-webp #homepage #hero.step2{background-image:url(../img/experiences/trend-guide/homepage-hero/2nature-414x800@1x.webp)}#homepage #hero.step3{background-image:url(../img/experiences/trend-guide/homepage-hero/3pop-414x800@1x.jpg)}.is-webp #homepage #hero.step3{background-image:url(../img/experiences/trend-guide/homepage-hero/3pop-414x800@1x.webp)}#homepage #hero.step4{background-image:url(../img/experiences/trend-guide/homepage-hero/4cozy-414x800@1x.jpg)}.is-webp #homepage #hero.step4{background-image:url(../img/experiences/trend-guide/homepage-hero/4cozy-414x800@1x.webp)}#homepage #hero.step5{background-image:url(../img/experiences/trend-guide/homepage-hero/5neon-414x800@1x.jpg)}.is-webp #homepage #hero.step5{background-image:url(../img/experiences/trend-guide/homepage-hero/5neon-414x800@1x.webp)}.trend-guide#products #hero{background-image:url(../img/experiences/trend-guide/trendhero-m@1x.jpg)}.is-webp .trend-guide#products #hero{background-image:url(../img/experiences/trend-guide/trendhero-m@1x.webp)}}@media (-webkit-min-device-pixel-ratio:2){#homepage #hero.step1{background-image:url(../img/experiences/trend-guide/homepage-hero/1hope-414x800@2x.jpg)}.is-webp #homepage #hero.step1{background-image:url(../img/experiences/trend-guide/homepage-hero/1hope-414x800@2x.webp)}#homepage #hero.step2{background-image:url(../img/experiences/trend-guide/homepage-hero/2nature-414x800@2x.jpg)}.is-webp #homepage #hero.step2{background-image:url(../img/experiences/trend-guide/homepage-hero/2nature-414x800@2x.webp)}#homepage #hero.step3{background-image:url(../img/experiences/trend-guide/homepage-hero/3pop-414x800@2x.jpg)}.is-webp #homepage #hero.step3{background-image:url(../img/experiences/trend-guide/homepage-hero/3pop-414x800@2x.webp)}#homepage #hero.step4{background-image:url(../img/experiences/trend-guide/homepage-hero/4cozy-414x800@2x.jpg)}.is-webp #homepage #hero.step4{background-image:url(../img/experiences/trend-guide/homepage-hero/4cozy-414x800@2x.webp)}#homepage #hero.step5{background-image:url(../img/experiences/trend-guide/homepage-hero/5neon-414x800@2x.jpg)}.is-webp #homepage #hero.step5{background-image:url(../img/experiences/trend-guide/homepage-hero/5neon-414x800@2x.webp)}.trend-guide#products #hero{background-image:url(../img/experiences/trend-guide/trendhero-m@2x.jpg)}.is-webp .trend-guide#products #hero{background-image:url(../img/experiences/trend-guide/trendhero-m@2x.webp)}}}@media screen and (min-width:321px){#trendGuide .content{padding:150px 50px 35px}}@media screen and (min-width:414px){.trend-guide #part2 .item .image-list .entry .divimg{min-width:355px}}@media screen and (min-width:768px){#trendGuide .content{padding:250px 0 50px}#trendGuide .content .subtitle{font-size:18px}#trendGuide .content .title{padding:10px 0 20px;width:500px;margin:0 auto;font-size:42px}#trendGuide .content .bottom-content{font-size:14px;max-width:450px;margin:50px auto 0}header .trendGuide.top-message-bar.active{font-size:16px}.trend-guide#products #hero .subtitle{font-size:36px}.trend-guide#products #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;margin-bottom:3em}#products.trend-guide #nanoleaf-shop .tabs ul{width:850px}#products.trend-guide #nanoleaf-shop .tabs ul li:nth-child(1) a{margin-left:50px}#products.trend-guide #nanoleaf-shop .tabs ul li:nth-child(5) a{margin-right:50px}#products.trend-guide #nanoleaf-shop .product-box .product-wrapper ul li .main .title{font-size:34px}@media (-webkit-max-device-pixel-ratio:1.99999999){#homepage #hero.step1{background-image:url(../img/experiences/trend-guide/homepage-hero/1hope-1024x1366@1x.jpg)}.is-webp #homepage #hero.step1{background-image:url(../img/experiences/trend-guide/homepage-hero/1hope-1024x1366@1x.webp)}#homepage #hero.step2{background-image:url(../img/experiences/trend-guide/homepage-hero/2nature-1024x1366@1x.jpg)}.is-webp #homepage #hero.step2{background-image:url(../img/experiences/trend-guide/homepage-hero/2nature-1024x1366@1x.webp)}#homepage #hero.step3{background-image:url(../img/experiences/trend-guide/homepage-hero/3pop-1024x1366@1x.jpg)}.is-webp #homepage #hero.step3{background-image:url(../img/experiences/trend-guide/homepage-hero/3pop-1024x1366@1x.webp)}#homepage #hero.step4{background-image:url(../img/experiences/trend-guide/homepage-hero/4cozy-1024x1366@1x.jpg)}.is-webp #homepage #hero.step4{background-image:url(../img/experiences/trend-guide/homepage-hero/4cozy-1024x1366@1x.webp)}#homepage #hero.step5{background-image:url(../img/experiences/trend-guide/homepage-hero/5neon-1024x1366@1x.jpg)}.is-webp #homepage #hero.step5{background-image:url(../img/experiences/trend-guide/homepage-hero/5neon-1024x1366@1x.webp)}.trend-guide#products #hero{background-image:url(../img/experiences/trend-guide/trendhero-t@1x.jpg)}.is-webp .trend-guide#products #hero{background-image:url(../img/experiences/trend-guide/trendhero-t@1x.webp)}}@media (-webkit-min-device-pixel-ratio:2){#homepage #hero.step1{background-image:url(../img/experiences/trend-guide/homepage-hero/1hope-1024x1366@2x.jpg)}.is-webp #homepage #hero.step1{background-image:url(../img/experiences/trend-guide/homepage-hero/1hope-1024x1366@2x.webp)}#homepage #hero.step2{background-image:url(../img/experiences/trend-guide/homepage-hero/2nature-1024x1366@2x.jpg)}.is-webp #homepage #hero.step2{background-image:url(../img/experiences/trend-guide/homepage-hero/2nature-1024x1366@2x.webp)}#homepage #hero.step3{background-image:url(../img/experiences/trend-guide/homepage-hero/3pop-1024x1366@2x.jpg)}.is-webp #homepage #hero.step3{background-image:url(../img/experiences/trend-guide/homepage-hero/3pop-1024x1366@2x.webp)}#homepage #hero.step4{background-image:url(../img/experiences/trend-guide/homepage-hero/4cozy-1024x1366@2x.jpg)}.is-webp #homepage #hero.step4{background-image:url(../img/experiences/trend-guide/homepage-hero/4cozy-1024x1366@2x.webp)}#homepage #hero.step5{background-image:url(../img/experiences/trend-guide/homepage-hero/5neon-1024x1366@2x.jpg)}.is-webp #homepage #hero.step5{background-image:url(../img/experiences/trend-guide/homepage-hero/5neon-1024x1366@2x.webp)}.trend-guide#products #hero{background-image:url(../img/experiences/trend-guide/trendhero-t@2x.jpg)}.is-webp .trend-guide#products #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:#3a4c55}#products.trend-guide #nanoleaf-shop .tabs ul{font-size:18px;line-height:30px;width:auto;max-width:900px}#products.trend-guide #nanoleaf-shop .tabs ul li:nth-child(1) a{margin-left:0}#products.trend-guide #nanoleaf-shop .tabs ul li:nth-child(5) a{margin-right:0}}@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){#trendGuide .content{left:0;right:20%;top:0;bottom:0;padding:40vh 0 0 50px;text-align:left}#trendGuide .content .top-content{width:100%}#trendGuide .content .title{margin:0}#trendGuide .content .btn{margin:0}#trendGuide .content .bottom-content{margin:80px 0 0;max-width:330px}.trend-guide#products #hero{background-attachment:fixed}.trend-guide #part1.active .wrapper{transform:translateY(-160px)}@media (-webkit-max-device-pixel-ratio:1.99999999){#homepage #hero.step1{background-image:url(../img/experiences/trend-guide/homepage-hero/1hope-1920x1080@1x.jpg)}.is-webp #homepage #hero.step1{background-image:url(../img/experiences/trend-guide/homepage-hero/1hope-1920x1080@1x.webp)}#homepage #hero.step2{background-image:url(../img/experiences/trend-guide/homepage-hero/2nature-1920x1080@1x.jpg)}.is-webp #homepage #hero.step2{background-image:url(../img/experiences/trend-guide/homepage-hero/2nature-1920x1080@1x.webp)}#homepage #hero.step3{background-image:url(../img/experiences/trend-guide/homepage-hero/3pop-1920x1080@1x.jpg)}.is-webp #homepage #hero.step3{background-image:url(../img/experiences/trend-guide/homepage-hero/3pop-1920x1080@1x.webp)}#homepage #hero.step4{background-image:url(../img/experiences/trend-guide/homepage-hero/4cozy-1920x1080@1x.jpg)}.is-webp #homepage #hero.step4{background-image:url(../img/experiences/trend-guide/homepage-hero/4cozy-1920x1080@1x.webp)}#homepage #hero.step5{background-image:url(../img/experiences/trend-guide/homepage-hero/5neon-1920x1080@1x.jpg)}.is-webp #homepage #hero.step5{background-image:url(../img/experiences/trend-guide/homepage-hero/5neon-1920x1080@1x.webp)}.trend-guide#products #hero{background-image:url(../img/experiences/trend-guide/trendhero-d@1x.jpg)}.is-webp .trend-guide#products #hero{background-image:url(../img/experiences/trend-guide/trendhero-d@1x.webp)}}@media (-webkit-min-device-pixel-ratio:2){#homepage #hero.step1{background-image:url(../img/experiences/trend-guide/homepage-hero/1hope-1920x1080@2x.jpg)}.is-webp #homepage #hero.step1{background-image:url(../img/experiences/trend-guide/homepage-hero/1hope-1920x1080@2x.webp)}#homepage #hero.step2{background-image:url(../img/experiences/trend-guide/homepage-hero/2nature-1920x1080@2x.jpg)}.is-webp #homepage #hero.step2{background-image:url(../img/experiences/trend-guide/homepage-hero/2nature-1920x1080@2x.webp)}#homepage #hero.step3{background-image:url(../img/experiences/trend-guide/homepage-hero/3pop-1920x1080@2x.jpg)}.is-webp #homepage #hero.step3{background-image:url(../img/experiences/trend-guide/homepage-hero/3pop-1920x1080@2x.webp)}#homepage #hero.step4{background-image:url(../img/experiences/trend-guide/homepage-hero/4cozy-1920x1080@2x.jpg)}.is-webp #homepage #hero.step4{background-image:url(../img/experiences/trend-guide/homepage-hero/4cozy-1920x1080@2x.webp)}#homepage #hero.step5{background-image:url(../img/experiences/trend-guide/homepage-hero/5neon-1920x1080@2x.jpg)}.is-webp #homepage #hero.step5{background-image:url(../img/experiences/trend-guide/homepage-hero/5neon-1920x1080@2x.webp)}.trend-guide#products #hero{background-image:url(../img/experiences/trend-guide/trendhero-d@2x.jpg)}.is-webp .trend-guide#products #hero{background-image:url(../img/experiences/trend-guide/trendhero-d@2x.webp)}}}@media screen and (min-width:1280px){#trendGuide .content{padding:32vh 0 0 10%}#trendGuide .content .subtitle{font-size:23px}#trendGuide .content .title{width:600px;font-size:56px;line-height:150%}#trendGuide .content .bottom-content{max-width:350px;font-size:14px}.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){#trendGuide .content .bottom-content{margin:100px 0 0}.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){#trendGuide .content{padding:34vh 0 0 15%}#trendGuide .content .bottom-content{margin:170px 0 0}.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){#trendGuide .content{padding-left:calc((100vw - 1500px)/ 2)}.trend-guide #part2 .item .item-sticky .content{top:350px}.trend-guide #part2{padding-left:calc((100% - 1500px)/ 2);padding-right:calc((100% - 1500px)/ 2)}}