@import url(https://fonts.bunny.net/css?family=dongle:300,400,700|koulen:400);*{margin:0;padding:0;box-sizing:border-box;position:relative}html{height:100%;font-size:2.5vw}@media (max-width: 575px) and (orientation: portrait){html{font-size:6vw}}html.js body{visibility:hidden;opacity:0}body{min-height:100%;line-height:1.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'Dongle', sans-serif;overflow:hidden}a,button{touch-action:manipulation}img{max-width:100%;height:auto;display:inline-block;vertical-align:middle}video{display:block;width:100%}h2{font-size:3.47222vw;line-height:1;font-family:'Koulen', display}@media (max-width: 575px) and (orientation: portrait){h2{font-size:8.333vw}}h2:not(:last-child){margin-bottom:1em}@media (max-width: 575px) and (orientation: portrait){h2:not(:last-child){margin-bottom:0.333em}}p:not(:last-child){margin-bottom:1em}ul{list-style-position:inside;list-style:none}section{width:100%;height:100vh;overflow:hidden;background:url("../images/bg.jpg") top left fixed}section h1{color:#FFF6ED;position:absolute;left:8.40278vw;top:50%;font-family:'Koulen', display;font-size:8.88889vw}@media (max-width: 575px) and (orientation: portrait){section h1{font-size:18vw}}section h1 span{display:inline-block}section .logo{position:absolute;overflow:visible}#intro{height:100vh}#bags{position:absolute;left:0;top:33.333%;width:100%;height:66.666%;display:flex;align-items:center;justify-content:center}#bags .bg-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}#bags .bg{position:absolute;left:0;top:-20%;width:100%;height:120%;background:center / cover no-repeat}#bags p{font-size:8.88889vw;font-family:'Koulen', display;color:#FFF6ED;text-align:center;line-height:1.1;margin-bottom:0}@media (max-width: 575px) and (orientation: portrait){#bags p{font-size:14vw}}#bags .dots{position:absolute;width:5.13889vw}@media (max-width: 575px) and (orientation: portrait){#bags .dots{width:10vw}}#bags .dots-0{left:12vw;bottom:20vh}@media (max-width: 575px) and (orientation: portrait){#bags .dots-0{bottom:12.5%}}#bags .dots-1{right:12vw;top:20vh}@media (max-width: 575px) and (orientation: portrait){#bags .dots-1{top:12.5%}}#brand{background:#FFF6ED;width:100%;min-height:100vh;display:flex;flex-direction:row}@media (max-width: 575px) and (orientation: portrait){#brand{flex-direction:column}}#brand .left-column,#brand .right-column{display:flex}#brand .left-column{width:46%;align-items:center;justify-content:center}@media (max-width: 575px) and (orientation: portrait){#brand .left-column{width:100%;height:33.333%}}#brand .right-column{width:54%;justify-content:center;flex-direction:column;padding-right:10.27778vw}@media (max-width: 575px) and (orientation: portrait){#brand .right-column{width:100%;height:66.666%;padding:0 8vw}}#brand .sun{width:56.111%}@media (max-width: 575px) and (orientation: portrait){#brand .sun{width:auto;height:75%}}#means{background:#343E30;width:100%;min-height:100vh;display:flex;flex-direction:row}@media (max-width: 575px) and (orientation: portrait){#means{flex-direction:column}}#means .left-column,#means .right-column{display:flex;overflow:hidden}#means .left-column{width:66.666%;justify-content:center;flex-direction:column;color:#FFF6ED;padding-left:10.27778vw;padding-right:6.52778vw}@media (max-width: 575px) and (orientation: portrait){#means .left-column{width:100%;height:100vh;padding:8vw}}#means .right-column{width:33.333%;flex-direction:column}@media (max-width: 575px) and (orientation: portrait){#means .right-column{width:100%;height:50vh}}#means .right-column>div{height:33.333%}#means .right-column>div:nth-child(1){background:url("../images/means-1.jpg") center/cover no-repeat}#means .right-column>div:nth-child(2){background:url("../images/means-2.jpg") center/cover no-repeat}#means .right-column>div:nth-child(3){background:url("../images/means-3.jpg") center/cover no-repeat}#means .dots{width:5.13889vw;position:absolute;right:0;bottom:0}footer{background:#343E30;min-height:100vh;display:flex;flex-direction:column}footer .cta{width:100%;display:flex;flex-direction:row;flex:1 0 0%;background:center / cover no-repeat;padding-block:8.33333vw;padding-inline:8.33333vw}@media (max-width: 575px) and (orientation: portrait){footer .cta{flex-direction:column;padding-inline:7.5vw}}footer .cta .left-column,footer .cta .right-column{display:flex}footer .cta .left-column{flex:1 0 0%;justify-content:center;flex-direction:column;color:#FFF6ED;font-size:3.47222vw;line-height:1.1;font-family:'Koulen', display;padding-right:1em}@media (max-width: 575px) and (orientation: portrait){footer .cta .left-column{width:100%;height:50%;font-size:10vw;text-align:center;padding-right:0}}footer .cta .right-column{flex:0 0 auto;width:auto;align-items:center;justify-content:center}@media (max-width: 575px) and (orientation: portrait){footer .cta .right-column{width:100%;height:50%;display:block;text-align:center}}footer .cta a,footer .cta select,footer .cta button{font-size:3vw;background:#FFF6ED;border-radius:2px;color:#343E30;height:5vw;padding-top:0.4vw;font-weight:700}@media (max-width: 575px) and (orientation: portrait){footer .cta a,footer .cta select,footer .cta button{font-size:10vw;height:15vw}}footer .cta a{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;padding-inline:4.09722vw;padding-top:0.5vw}footer .cta a:not(:last-of-type){margin-right:1vw}@media (max-width: 575px) and (orientation: portrait){footer .cta a{padding-inline:10vw;margin-left:auto;margin-right:auto;display:block;max-width:50vw;padding-top:2.2vw}footer .cta a:not(:last-of-type){margin-right:auto;margin-bottom:3vw}}footer .cta select,footer .cta button{font-family:'Dongle', sans-serif;border:0;padding-inline:0.25em;margin-right:0.25em}@media (max-width: 575px) and (orientation: portrait){footer .cta select,footer .cta button{display:block;margin-bottom:0.5em;margin-left:auto;margin-right:auto}}footer .cta .dropdown{margin-right:0.25em}footer .cta .dropdown-toggle{margin-right:0;padding-right:0.666em}footer .cta .dropdown-toggle:after{content:'';display:block;position:absolute;right:0.25em;top:calc(50% - 4px);width:0;height:0;border-style:solid;border-width:5px 4px 0 4px;border-color:#000000 transparent transparent transparent}footer .cta .dropdown-toggle.selected{color:rgba(0,0,0,0)}footer .cta .dropdown-toggle span{position:absolute;display:flex;width:100%;height:100%;top:0.4vw;left:0;align-items:center;justify-content:center;pointer-events:none;color:#000}footer .cta .dropdown-menu{position:absolute;left:0;top:100%;width:100%;opacity:0;visibility:hidden;transform:translateY(-10%);transition:all 0.35s}footer .cta .dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0%)}footer .cta .dropdown-menu li{font-size:3vw;line-height:1;background:#FFF6ED;padding:0.2em 0.25em 0;cursor:pointer}footer .cta .dropdown-menu li:not(:last-of-type){border-bottom:1px solid #fff}footer .cta .dropdown-menu li:hover{background:#fff}footer .content{display:flex;flex-direction:row;padding-inline:8.88889vw;padding-block:4.16667vw;flex:0 0 auto}@media (max-width: 575px) and (orientation: portrait){footer .content{padding:7.5vw}}footer .content .logo{width:15vw}@media (max-width: 575px) and (orientation: portrait){footer .content .logo{width:25vw}}footer .content .left-column{flex:0 0 auto;width:auto}footer .content .right-column{flex:1 0 0%;text-align:right;color:#FFF6ED}footer .content .right-column a{color:#FFF6ED;text-decoration:none;text-transform:uppercase;margin-left:1em;background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),linear-gradient(#FFF6ED, #FFF6ED);background-size:100% 2px, 0 2px;background-position:100% 90%, 0 90%;background-repeat:no-repeat;transition:background-size 0.25s linear;font-size:1.66667vw;font-family:'Koulen', display}@media (max-width: 575px) and (orientation: portrait){footer .content .right-column a{font-size:2vw}}footer .content .right-column a:hover{background-size:0 2px, 100% 2px}footer .content .right-column .mouse{font-size:1.38889vw;margin-top:1em}@media (max-width: 575px) and (orientation: portrait){footer .content .right-column .mouse{font-size:1.666vw}}#prompt{position:fixed;bottom:1vw;left:50vw;color:#FFF6ED;z-index:1;pointer-events:none;white-space:nowrap}@media (max-width: 575px) and (orientation: portrait){#prompt{bottom:6vh}}#prompt.reverse .arrow line{stroke:#000}#prompt.hide .arrow{opacity:0}#prompt>div{transform:translateX(-50%)}#prompt .arrow{width:4vw;display:inline-block;transform:translateX(-50%);transition:opacity 0.35s}@media (max-width: 575px) and (orientation: portrait){#prompt .arrow{width:36px}}#prompt .arrow line{transition:stroke 0.35s}