.hero{--hero-height: 100vh;position:relative}@supports(height: 100svh){.hero{--hero-height: 100svh}}.hero__background{width:100%;height:100%}.hero__wrapper{height:var(--hero-height);position:relative}.hero__logo{position:absolute;inset:0;margin:auto;width:18rem;height:auto}.hero__button-scroll{position:absolute;inset:0;padding:1rem;margin:auto auto 3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.nav--no-height+* .hero:first-child .hero__wrapper{height:calc(var(--hero-height) + var(--nav-height))}@media(min-width: 1024px){.hero__wrapper{--hero-height: 140.5rem}.hero__logo{width:37rem;top:-24rem}.hero__button-scroll{bottom:40rem}}