.hero{min-height:40svh;background:linear-gradient(to bottom,var(--sky-top),var(--sky-bottom));overflow:hidden;display:grid;transition:background var(--bgc-transition-speed) var(--bgc-transition-easing);transition-delay:var(--bgc-delay-sky)}.hero,.hero__hills{position:relative;width:100%}.hero__hills{bottom:-4px;left:0}.hero>*{grid-column:1;grid-row:1}.hero__hills svg{display:block;width:100%;height:50svh;margin-bottom:-2px}.hero__hills svg path{transition:fill var(--bgc-transition-speed) var(--bgc-transition-easing)}.hill-far{animation:hillFar 13s ease-in-out infinite;transform-origin:bottom center;transition-delay:var(--bgc-delay-hill-far)}.hero__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1rem}.hill{will-change:d}.hero a{box-shadow:0 4px 30px rgba(0,0,0,.1),inset 0 1px 0 rgba(250,250,250,.5),inset 0 -1px 0 rgba(250,250,250,.1),inset 0 0 26px 13px rgba(250,250,250,.13);backdrop-filter:blur(10px)}@media (min-width:768px){.hero__hills svg{height:40svh}}@keyframes hillFar{0%,to{transform:translateY(0) scaleX(1) scaleY(1) rotate(0deg)}50%{transform:translateY(-3px) scaleX(1.01) scaleY(1.008) rotate(.3deg)}}