.hero{background-color:var(--background-color);padding-bottom:9rem;padding-top:20rem}@media only screen and (max-width: 1024px){.hero{padding-top:12rem;padding-bottom:4rem}}.hero+section{margin-top:0}.hero__title{font-size:9.3rem;letter-spacing:-0.02em;line-height:1.2;margin-bottom:12rem}@media only screen and (max-width: 1024px){.hero__title{font-size:4rem;margin-bottom:6rem}}@media only screen and (max-width: 1024px){.hero__button{display:none}}.hero__svg{width:100%;height:auto;overflow:visible !important}@media only screen and (max-width: 1024px){.hero__svg{width:calc(100% + var(--container-padding)*2);max-width:calc(100% + var(--container-padding)*2);margin-left:calc(var(--container-padding)*-1);margin-right:calc(var(--container-padding)*-1);height:auto}}.hero circle{color:var(--orange)}.hero .animate{will-change:transform;backface-visibility:hidden;perspective:1000px;animation:shake .1s ease-in-out infinite}@keyframes shake{0%{transform:translate(0, 0)}10%{transform:translate(-0.5px, 0.5px)}20%{transform:translate(0.5px, -0.5px)}30%{transform:translate(-0.3px, 0.3px)}40%{transform:translate(0.3px, -0.3px)}50%{transform:translate(-0.4px, 0.4px)}60%{transform:translate(0.4px, -0.4px)}70%{transform:translate(-0.2px, 0.2px)}80%{transform:translate(0.2px, -0.2px)}90%{transform:translate(-0.1px, 0.1px)}100%{transform:translate(0, 0)}}