.page-hero{align-items:center;display:flex;height:50vh;justify-content:center;position:relative;width:100%}.page-hero.full-height{height:75vh}.page-hero__bg-wrapper{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.page-hero__bg{background-position:50%;background-size:cover;height:100%;width:100%}.page-hero .overlay{background:#1a1a1a;background:linear-gradient(0deg,rgba(26,26,26,.302),rgba(26,26,26,.705) 85%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:20}.page-hero .content-wrapper{color:var(--color--white);max-width:var(--max-width--medium);padding:2rem;text-align:center;z-index:30}.page-hero .content-wrapper h1.page-title{color:transparent;font-size:0;height:0;line-height:1;margin:0;padding:0;width:0}.page-hero .scroll-indicator{align-items:center;animation:scrollIndicator 3s 1s both;border:1px solid;border-color:var(--color--white);border-radius:50%;bottom:1rem;color:var(--color--white);display:flex;height:2rem;justify-content:center;left:calc(50% - 1.5rem);position:absolute;width:2rem;z-index:40}.page-hero .scroll-indicator svg{fill:currentColor;width:1rem}@keyframes scrollIndicator{0%{opacity:0;transform:translateY(-1rem)}30%{transform:translateY(0)}40%{transform:translateY(-.5rem)}50%{transform:translateY(0)}60%{transform:translateY(-.5rem)}70%{transform:translateY(0)}to{transform:translateY(0)}}@media (min-width:880px){.page-hero.full-height,.page-hero.full-height.page--home{height:100vh}.page-hero .scroll-indicator{bottom:2rem;height:3rem;width:3rem}.page-hero .scroll-indicator svg{width:1.5rem}}@media (max-width:1024px){.page-hero .hero-logo{max-width:50%}}@media (max-width:767px){.page-hero .hero-logo{max-width:75%}}