.hero{margin-top:calc(-2rem - var(--frame-height));height:100vh;width:100vw;max-width:100%;padding:var(--frame-height) 0;background-color:var(--shadow-light-color);display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-background,.hero-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-background{z-index:-1;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(.1rem)}.hero-logo{z-index:1;width:100vw;max-width:var(--section-width)}