.home-bg{width:100vw;height:100vh;overflow:hidden;background-color:#F0F5FA;position:fixed;left:0;top:0;z-index:-1;pointer-events:none}.home-bg .bg{display:block;position:absolute;opacity:0;will-change:transform;backface-visibility:hidden;transition:all 1s cubic-bezier(0.215, 0.61, 0.355, 1);transform-origin:center;margin-left:-30vw;margin-top:-30vh}.home-bg .bg img{display:block;object-fit:contain;object-position:center;width:160vw;height:160vh}@media screen and (max-width: 1279px){.home-bg .bg img{object-fit:cover}}@media screen and (max-width: 767px){.home-bg .bg{margin-top:-34vh}}.home-bg .bg1{transform:scale(0.5)}.home-bg .bg2{transform:scale(0.75)}.home-bg .bg3{transform:scale(0.85)}.home-bg .bg4{transform:scale(0.9)}.home-bg .bg5{transform:scale(0.7)}.home-hero{width:100%;height:calc(100vh - 115px);min-height:480px;position:relative;will-change:opacity;transition:opacity 1s cubic-bezier(0.075, 0.82, 0.165, 1);margin-bottom:60px;display:flex;flex-direction:column;align-items:center;justify-content:center}html.android .home-hero{height:calc(100vh - 140px)}@media screen and (max-width: 767px){.home-hero{height:calc(100vh - 60px)}}html.ios .home-hero{height:calc(var(--vhi, 1vhi) * 100 - 60px)}@media screen and (max-width: 767px){html.ios .home-hero .hero-main{padding-top:16px}}.hero-main{opacity:0;transition:opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}@media screen and (min-width: 768px){.hero-main{flex-grow:1}}.hero-main img{display:block;width:100%;height:auto}.hero-logo{background-color:#ffffff;box-shadow:0 0 16px 20px #ffffff;border-radius:30px}@media screen and (min-width: 768px){.hero-logo{margin-bottom:50px;width:440px}}@media screen and (max-width: 767px){.hero-logo{margin-top:5vh;margin-bottom:20px;width:240px}}@media screen and (max-width: 640px){.hero-logo{margin-top:13vh}}.hero-copy{width:440px;margin-bottom:50px}@media screen and (max-width: 767px){.hero-copy{width:calc(100% - 40px);max-width:290px;margin-bottom:0}}.hero-scroll{display:block;position:relative;width:50px;height:50px;text-decoration:none;color:#0052A4;opacity:0.01}.hero-scroll .label{font-family:"Montserrat","Montserrat Alternates",sans-serif;letter-spacing:.075em;font-size:12px;line-height:1;position:absolute;top:0;left:0;display:block;text-align:center;width:100%;outline:none}.hero-scroll .arrow{display:block;text-align:center;width:100%;height:24px;left:0;bottom:0;position:absolute;overflow:hidden}.hero-scroll .arrow::before{content:url(../img/home/hero_scroll.svg);display:block;margin-top:-12px;animation:scroll-up-down 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite}@media screen and (min-width: 768px){.hero-scroll{margin-bottom:20px}}@media screen and (max-width: 767px){.hero-scroll{margin-top:8vh}}@keyframes scroll-up-down{0%{transform:translateY(-36px)}20%{transform:translateY(0)}80%{transform:translateY(0)}100%{transform:translateY(36px)}}body.ready .home-bg .bg{transition:opacity 1.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s,transform 3s cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;opacity:1;transform:scale(1)}body.ready .hero-main{opacity:1;transition:opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s}body.ready .hero-scroll{opacity:1;transition:opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1s}body.ready #content:not(.transparent) .home-hero{opacity:0}
