.header{position:absolute;left:0;right:0;padding:0 48px;display:flex;justify-content:space-between;align-items:center;z-index:1}.header__nav{display:flex;align-items:center;padding-right:80px}.header__nav a{color:#003057;text-decoration:none;margin-left:24px;display:flex;align-items:center}.header__nav a span{margin-left:10px;font-size:10px;font-weight:700}.menu-toggle{border:1px solid rgba(246,246,246,.4);border-radius:50%;background:0 0;width:48px;height:48px;position:fixed;right:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.background__text,.logo{align-items:center;color:#fff;display:flex}.menu-toggle span{width:18px;height:2px;background-color:#fff;display:block;margin:3px;border-radius:4px}.menu-toggle span:nth-child(2){width:14px;transform:translateX(2px)}.logo__image{margin-right:16px}.logo__text span{display:block}.logo__text span:first-child{font-size:12px}.logo__text span:last-child{font-size:10px;margin-top:6px}.content>div{padding-bottom:74px}.hero,.introduction{position:relative}.hero__background{width:100%;height:100%;position:absolute;background:url(../img/hakBanner.jpg) bottom/cover}.background__text{position:absolute;top:0;right:0;bottom:0;left:0;font-size:280px;letter-spacing:25px;font-weight:700;overflow:hidden;opacity:.1}.background__text span{-webkit-animation:40s linear forwards slideleft;animation:40s linear forwards slideleft}.background__tile{position:absolute;bottom:-50px;right:0}.background__tile rect:first-child,.background__tile rect:nth-child(10),.background__tile rect:nth-child(4),.background__tile rect:nth-child(6){-webkit-animation:5s ease-in-out 2.5s infinite both tilefade;animation:5s ease-in-out 2.5s infinite both tilefade;opacity:.05}.background__tile rect:nth-child(2),.background__tile rect:nth-child(5),.background__tile rect:nth-child(9){-webkit-animation:7.5s ease-in-out infinite both tilefadetwo;animation:7.5s ease-in-out infinite both tilefadetwo;opacity:.1}.background__tile rect{-webkit-animation:2.5s ease-in-out 5s infinite both tilefadethree;animation:2.5s ease-in-out 5s infinite both tilefadethree;opacity:.15}.background__tile rect:nth-child(8){opacity:.2;-webkit-animation:5s ease-in-out infinite both tilefadefour;animation:5s ease-in-out infinite both tilefadefour}.background__wave{position:absolute;bottom:-35px;left:0}.hero__content{position:relative;text-align:center;padding:7rem 0;margin:0 auto;max-width:1024px;z-index:2}.hero__label{position:relative;left:32px;top:32px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:12px;line-height:10px;font-weight:700;width:322px;-webkit-animation:1s ease-in-out fadeleft;animation:1s ease-in-out fadeleft}.hero__label div{background-color:#fff;height:1px;width:141px}.hero__title{opacity:0!important;margin-top:45px;font-size:85px;color:#fff;-webkit-animation:1s ease-in-out faderight;animation:1s ease-in-out faderight}.hero__title span{background:linear-gradient(to right,rgba(193,217,203,.4),#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(0,0,0,.1)}.hero__subtitle{color:#fff;font-size:30px;line-height:40px;max-width:740px;margin:0 auto 48px;opacity:0;-webkit-animation:.75s ease-in-out 1s forwards fadeup;animation:.75s ease-in-out 1s forwards fadeup}.hero__scroll{font-size:18px;font-weight:700;color:#fff;display:flex;flex-direction:column;align-items:center;letter-spacing:1px;cursor:pointer;opacity:0;-webkit-animation:.75s ease-in-out 1.5s forwards fadeup;animation:.75s ease-in-out 1.5s forwards fadeup}.hero__scroll span{margin-bottom:6px}.hero__scroll svg{margin-top:25px;-webkit-animation:2s infinite bounce;animation:2s infinite bounce}.introduction__background{position:absolute;width:100%;height:100vh}.introduction__background .background__tile{top:-125px;left:0}@-webkit-keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(16px)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(16px)}}@-webkit-keyframes slideleft{0%{transform:translateX(15%)}50%{transform:translateX(-15%)}100%{transform:translateX(-7.5%) translateY(-7.5%) scale(.75)}}@keyframes slideleft{0%{transform:translateX(15%)}50%{transform:translateX(-15%)}100%{transform:translateX(-7.5%) translateY(-7.5%) scale(.75)}}@-webkit-keyframes fadeleft{0%{opacity:0;transform:translateX(32px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeleft{0%{opacity:0;transform:translateX(32px)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes faderight{0%{opacity:0;transform:translateX(-32px)}100%{opacity:1;transform:translateX(0)}}@keyframes faderight{0%{opacity:0;transform:translateX(-32px)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes fadeup{0%{opacity:0;transform:translateY(32px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeup{0%{opacity:0;transform:translateY(32px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes tilefade{0%,100%{opacity:.05}50%{opacity:0}}@keyframes tilefade{0%,100%{opacity:.05}50%{opacity:0}}@-webkit-keyframes tilefadetwo{0%,100%{opacity:.1}50%{opacity:0}}@keyframes tilefadetwo{0%,100%{opacity:.1}50%{opacity:0}}@-webkit-keyframes tilefadethree{0%,100%{opacity:.15}50%{opacity:0}}@keyframes tilefadethree{0%,100%{opacity:.15}50%{opacity:0}}@-webkit-keyframes tilefadefour{0%,100%{opacity:.2}50%{opacity:0}}@keyframes tilefadefour{0%,100%{opacity:.2}50%{opacity:0}}