@media only screen and (max-width: 767px){.form-nav{position:sticky;left:0;bottom:-1px;width:100%;z-index:1}.form-nav.is-pinned{background:#303044;box-shadow:0 0 15px 0 rgba(0,0,0,.2);width:calc(100% + 3rem);margin-left:-1.5rem;padding:1.5rem}.menu{--left: 100%;position:fixed;left:var(--left);top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:10;display:flex;justify-content:center;align-items:center;transition:left .6s cubic-bezier(0.7, 0, 0.2, 1)}.menu.toggle{--left: 0}.menu.toggle .menu-list{opacity:1;translate:0}.menu:before,.menu:after{content:"";position:absolute;left:var(--left);top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:-1;transition:left .8s .1s cubic-bezier(0.7, 0, 0.2, 1)}.menu:after{background:rgba(0,0,0,.7);transition-delay:.2s}.menu-list{flex-direction:column;opacity:0;translate:150%;transition:all .8s .4s cubic-bezier(0.7, 0, 0.2, 1)}.menu-item{margin:.5rem 0}.menu-item+.menu-item{margin-left:0}.menu-link{padding:1rem 2rem}.section{padding:6rem 0}}@media only screen and (max-width: 575px){.hero{padding-top:14rem}.hero:before{opacity:.3}}@container (max-width: 225px){}