.hero{align-items:center;display:flex;justify-content:center;position:relative;text-align:center;transition:height .3s ease-in-out}.hero-text{z-index:1}.hero-title{font-size:12rem}.hero-subtitle{font-size:6rem;letter-spacing:-3px;margin-top:-30px}@media only screen and (max-width:700px){.hero-title{font-size:8rem}.hero-subtitle{font-size:6rem}}.hero-arrow__container{bottom:100px;height:24px;left:50%;opacity:1;position:sticky;transition:opacity .5s ease-in-out;width:24px}.hero-arrow__container.hidden{opacity:0;pointer-events:none}.chevron{animation:move 3s ease-out infinite;height:8px;opacity:0;position:absolute;transform:scale3d(.5,.5,.5);width:28px}.chevron:first-child{animation:move 3s ease-out 1s infinite}.chevron:nth-child(2){animation:move 3s ease-out 2s infinite}.chevron:after,.chevron:before{background:#fff;content:" ";height:100%;position:absolute;top:0;width:51%}.chevron:before{left:0;transform:skew(0deg,30deg)}.chevron:after{right:0;transform:skew(0deg,-30deg);width:50%}@keyframes move{25%{opacity:1}33%{opacity:1;transform:translateY(30px)}67%{opacity:1;transform:translateY(40px)}to{opacity:.75;transform:translateY(55px) scale3d(.5,.5,.5)}}.hero-arrow__text{animation:pulse 3s linear infinite alternate;color:#fff;display:block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;margin-left:-30px;margin-top:75px;opacity:.75;position:absolute;text-transform:uppercase;white-space:nowrap}@keyframes pulse{to{opacity:1}}