html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;white-space:nowrap;display:inline-block}[data-scroll-direction=horizontal] [data-scroll-section]{vertical-align:top;white-space:nowrap;height:100%;display:inline-block}.c-scrollbar{width:11px;height:100%;transform-origin:100%;opacity:0;transition:transform .3s,opacity .3s,-webkit-transform .3s;position:absolute;top:0;right:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{opacity:.5;width:7px;cursor:-webkit-grab;cursor:grab;background-color:#000;border-radius:10px;margin:2px;position:absolute;top:0;right:0}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}body{letter-spacing:.5px;background-color:#000;font-family:Noto Sans Display,sans-serif;overflow-x:hidden}.logo{color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1000;mix-blend-mode:exclusion;font-family:Teko,sans-serif;font-size:38px;position:fixed;top:50px;left:50px}@media (width<=547px){.logo{left:5px}}.menu{z-index:1000;position:fixed;top:62px;right:50px}.menu button{color:#fff;background-color:#0000;border:0;margin-left:40px;font-weight:900;display:inline-block;position:relative}.menu button.show.works:before{transform:rotate(45deg)}.menu button.show.works:after{transform:scale(1)rotate(-45deg)}.menu button.works:before,.menu button.works:after{content:" ";height:20px;width:2px;background-color:#fff;transition:all .3s cubic-bezier(.215,.61,.355,1);position:absolute;left:-10px;transform:scale(0)}@media (width<=547px){.menu{right:5px}.menu button{margin-left:5px}}section{pointer-events:none}.hero{height:100vh;opacity:0;align-items:center;font-family:Bebas Neue,cursive;display:flex;position:relative}@media (width<=768px){.hero{height:50vh;margin-top:100px}}.hero .__content{perspective:600px;border-left:30px solid #0000;margin-left:50px;padding-left:50px;transition:all 2s}@media (width<=768px){.hero .__content{border-left:20px solid #0000;padding-left:10px}}@media (width<=568px){.hero .__content{margin-left:5px}}.hero .line-cont{perspective:600px}.hero .line-cont:nth-child(2) .line{transition-delay:.3s}.hero .line{color:#fff;opacity:0;transform-origin:top;transform-style:preserve-3d;white-space:nowrap;font-size:17vw;line-height:15vw;transition:opacity .8s cubic-bezier(.215,.61,.355,1),transform .8s cubic-bezier(.215,.61,.355,1),-webkit-transform .8s cubic-bezier(.215,.61,.355,1);display:block;transform:translateY(100%)rotateX(-80deg)}.hero .caption{color:#fff;text-transform:uppercase;font-family:Commissioner,sans-serif;font-size:3vw;font-weight:800}.hero .passion{color:#ffffff1a;z-index:3000;font-size:40vw;line-height:.5;position:absolute;bottom:-10%;left:0}.dom-ready .hero{opacity:1}.dom-ready .hero .is-inview.__content{border-left:30px solid #fff}.dom-ready .hero .is-inview .line{opacity:1;transition-delay:.1s;transform:none}.intro{perspective:600px;max-width:100%;margin-top:300px;position:relative;overflow:hidden}@media (width<=568px){.intro{margin-top:10px}}.intro .wrapper{position:relative}.has-scroll-smooth .intro .wrapper{transform-origin:50%;transform-style:preserve-3d;transition:opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1),-webkit-transform 1.2s cubic-bezier(.215,.61,.355,1);transform:rotateX(-80deg)}.intro .wrapper .order{width:50px;height:50px;color:#000;opacity:0;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:900;transition:opacity 1.2s cubic-bezier(.215,.61,.355,1) .5s;display:flex;position:absolute;top:50%;left:20px}@media (width<=768px){.intro .wrapper .order{display:none}}.intro .wrapper .line{color:#fff;white-space:normal;margin-left:50px;padding:80px 0 80px 50px;font-family:Noto Sans Display,sans-serif;font-weight:100;position:relative}@media (width<=768px){.intro .wrapper .line{margin-left:0;padding:80px 10px}}.intro .wrapper .line div{transform-origin:50%;transition:transform .3s,-webkit-transform .3s;transform:none}.intro .wrapper .line strong{font-weight:900}.intro .wrapper .line .header{font-size:max(2vw,18px);font-weight:400}@media (width<=768px){.intro .wrapper .line .header{margin-bottom:20px}}.intro .wrapper .line .subheader{font-size:max(3vw,28px);font-weight:400}@media (width<=768px){.intro .wrapper .line .subheader{margin-bottom:20px}}.intro .wrapper .line .analysis{margin-top:10px;font-size:20px}.intro .wrapper .dom-ready{opacity:1}.intro .wrapper.is-inview{opacity:1;transform:none}.intro .wrapper.is-inview:before{width:100%;max-width:100%}.intro .wrapper.is-inview .order{opacity:1}.has-scroll-scrolling .intro .wrapper .line div{transform:skew(-10deg)}.ecommerce{color:#b8b8b8;margin-top:100px}.ecommerce strong{color:#fff}.ecommerce h1{color:#fff;text-transform:uppercase}.ecommerce p{color:#b8b8b8;font-size:16px;font-weight:300}.ecommerce .left-side p{padding-left:50px;padding-right:25vw}@media (width<=768px){.ecommerce .left-side p{padding-left:20px;padding-right:5px}}.ecommerce .right-side p{margin:50px 0}.ecommerce .right-side p:first-child{margin-top:20px}.ecommerce ul{color:#fff;border-left:4px solid #fff;margin:0;padding:0 0 0 15px;font-weight:600;list-style-type:none}.ecommerce ul li{color:#fff;margin-bottom:10px;font-family:Noto Sans Display;display:block}.ecommerce ul li:first-child{color:#b8b8b8;margin:0 0 10px;padding:0;font-weight:200}.contact{padding-top:300px;padding-bottom:100px}@media (width<=768px){.contact{padding-top:0;padding-bottom:10px}.contact .container-fluid{text-align:center;margin:0}}.contact .header{letter-spacing:8px;-webkit-text-stroke:1.5px #fff;-webkit-text-fill-color:transparent;-webkit-background-clip:text;text-align:center;background-image:linear-gradient(90deg,#ffffff4d,#ffffff1a 50%,#0000 100%);margin-bottom:20px;font-family:Noto Sans Display;font-size:21vw;font-weight:900;position:relative}@media (width<=1024px){.contact .header{font-size:19vw}}.contact .phone,.contact .mail{color:#fff;font-family:Noto Sans Display;font-size:50px;font-weight:900}@media (width<=941px){.contact .phone,.contact .mail{font-size:24px}}@media (width<=512px){.contact .phone,.contact .mail{font-size:18px}}