*{margin:0;padding:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}article,aside,details,figcaption,figure,footer,header,nav,section{display:block}li{list-style:none}table{border-collapse:separate;border-spacing:0}img{border:none}input[type="submit"],input[type="text"]{-webkit-appearance:none}input[type=submit],button{cursor:pointer}input[type=submit]:focus,button:focus{outline:none}@font-face{font-family:'apercu';src:url("https://assets.awwwards.com/assets/fonts/apercu/apercu-light-pro.woff2") format("woff2"),url("https://assets.awwwards.com/assets/fonts/apercu/apercu-light-pro.woff") format("woff");font-weight:300;font-style:normal}@font-face{font-family:'apercu';src:url("https://assets.awwwards.com/assets/fonts/apercu/apercu-light-italic-pro.woff2") format("woff2"),url("https://assets.awwwards.com/assets/fonts/apercu/apercu-light-italic-pro.woff") format("woff");font-weight:300;font-style:italic}@font-face{font-family:'apercu';src:url("https://assets.awwwards.com/assets/fonts/apercu/apercu-regular-pro.woff2") format("woff2"),url("https://assets.awwwards.com/assets/fonts/apercu/apercu-regular-pro.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:'apercu';src:url("https://assets.awwwards.com/assets/fonts/apercu/apercu-medium-pro.woff2") format("woff2"),url("https://assets.awwwards.com/assets/fonts/apercu/apercu-medium-pro.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:'apercu';src:url("https://assets.awwwards.com/assets/fonts/apercu/apercu-bold-pro.woff2") format("woff2"),url("https://assets.awwwards.com/assets/fonts/apercu/apercu-bold-pro.woff") format("woff");font-weight:600;font-weight:bold;font-style:normal}@font-face{font-family:'apercu';src:url("https://assets.awwwards.com/assets/fonts/apercu/apercu-black-pro.woff2") format("woff2"),url("https://assets.awwwards.com/assets/fonts/apercu/apercu-black-pro.woff") format("woff");font-weight:800;font-style:normal}*{margin:0;padding:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}input,textarea,select,button{font-family:"apercu",sans-serif;font-size:16px;color:#202121}p{margin-bottom:30px}a{color:#fff;text-decoration:none;transition:color 0.3s}a:hover{color:#fff}body{font-family:'apercu', sans-serif;font-size:16px;font-weight:100;color:#fff;background-color:#eeb504}.wrapper{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.inner{width:1400px;max-width:100%;margin:0 auto;padding:0 100px}.logo svg{fill:#fff}.header{position:absolute;top:0;left:0;width:100%}.header .inner{display:flex;justify-content:space-between;align-items:center;padding-top:80px;z-index:3}.header .box-right{flex:1;text-align:right;padding-left:20%}.header .button:hover{padding:0 40px}.content{flex:1;display:flex;align-items:center;justify-content:center;padding:180px 0 50px 0;box-sizing:border-box}.content .inner{position:relative}.content h1{margin-bottom:0;font-size:200px;font-weight:700;color:transparent;line-height:normal;-webkit-text-stroke:1px #fff;text-indent:-12px}.content h2{margin-bottom:0;font-size:120px;font-weight:700;line-height:normal;text-indent:-6px}.content .box-desc{width:45%;padding-top:20px;font-size:22px;line-height:150%}.content .box-desc a{text-decoration:underline}.content .box-desc a:hover{text-decoration:none}.content .text-big{font-size:26px}.bg-pet{position:absolute;bottom:0;left:50%;width:auto;height:70vh;z-index:-1;-o-object-fit:cover;object-fit:cover}#canvas-pet{position:absolute;bottom:0;left:50%;width:75vh;height:75vh;z-index:-1;overflow:hidden}#canvas-pet canvas{display:block;position:absolute;left:-10px;top:-10px;-o-object-fit:cover;object-fit:cover;width:calc(100% + 20px);height:calc(100% + 20px);background:transparent}.box-label{position:absolute;top:50%;left:0;width:60px;padding:60px 0 20px 0;text-align:center;transform:translateY(-50%);background:#000}.box-label span{display:inline-block;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;transform:rotate(180deg);font-size:16px;font-weight:400}.box-label svg{position:absolute;top:20px;left:50%;fill:#fff;width:30px;height:auto;transform:translateX(-50%)}.box-credits{position:absolute;top:50%;right:0;width:60px;padding:20px 0;text-align:center;transform:translateY(-50%)}.box-credits span{display:inline-block;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;transform:rotate(180deg);font-size:16px}.box-credits a:hover{text-decoration:underline}.box-circle{position:absolute;bottom:25%;right:0;z-index:20;transform:translateX(-85px)}.box-circle text{font-size:55px;font-family:"apercu",sans-serif,sans-serif;font-weight:300;letter-spacing:8px;fill:#fff;word-spacing:40px}.button{position:relative;display:inline-block;max-width:80%;height:55px;padding:0 35px;font-size:17px;font-weight:500;line-height:55px;border-radius:55px;background-color:transparent;border:1px solid #fff;color:#fff;overflow:hidden;cursor:pointer;transition:all 0.3s}.button.dark{border:none;background-color:#000;color:#fff}.button.dark:hover{color:#fff}.button:hover{border-color:#000;color:#000}.inputfile{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.inputfile+label{position:relative;display:inline-block;max-width:80%;height:55px;padding:0 35px;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:500;line-height:55px;border-radius:55px;background-color:#000;vertical-align:middle;overflow:hidden;cursor:pointer;transition:all 0.3s}.inputfile:focus{outline:none}.inputfile+label:hover{padding:0 40px}.box-share{position:relative;width:100%;text-align:center}.box-share .photo{position:relative;margin-bottom:30px}.box-share .photo h1{position:absolute;top:50%;width:100%;text-align:center;font-size:12vw;transform:translateY(-50%)}.box-share .share{display:flex;justify-content:center}.box-share .share.active .button{display:none}.box-share .share.active .social{display:inline-block}.box-share .share .social{display:none}.social{display:inline-block}.social li{display:inline-block;margin-right:5px}.social li:last-child{margin-right:0}.social li:hover span{border-color:#000}.social li:hover svg{fill:#000}.social span{display:flex;justify-content:center;align-items:center;width:55px;height:55px;border-radius:50%;border:1px solid #fff;cursor:pointer;transition:all 0.3s}.social svg{fill:#fff;transition:all 0.3s}@media screen and (max-width: 1100px){.header .inner{padding-top:50px}.content{padding:150px 0 50px 0}.content h1{font-size:18vw;text-indent:-12px}.content h2{font-size:10vw;text-indent:-6px}.content .box-desc{width:60%;padding-top:20px;font-size:18px}.content .text-big{font-size:22px}}@media screen and (max-width: 768px){.box-label,.box-circle{display:none}.header{position:static}.header .inner{display:flex;flex-direction:column;justify-content:center;padding:30px 0}.header .box-right{padding-top:30px;text-align:center;padding-left:0}.inputfile+label{max-width:100%}.inner{padding:0 30px}.content{padding:0}.content .box-desc{width:90%;padding-top:20px;font-size:18px}}