.hero-section{z-index:2;background-color:#000;width:100%;height:100vh;position:relative;overflow:hidden}.hero-section:before{content:"";opacity:0;z-index:0;background-image:url(/assets/whisper/hero.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.hero-section.portrait:before{background-image:url(/assets/whisper/hero_vertical.jpg)}.hero-section.fadein:before{opacity:1}.hero-section:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000 0%,#000 100%);width:100%;height:100px;position:absolute;bottom:0;left:0}.hero-section .hero{color:#fff;text-align:center;z-index:1;flex-direction:column;justify-content:space-between;align-items:center;height:100%;display:flex;position:relative}.hero-section .hero .hero-header{margin-top:150px}.hero-section .hero .hero-header h1{letter-spacing:.2em;font-size:5rem}.hero-section .hero .hero-header .hero-content{font-size:2rem}.hero-section .hero .hero-footer{flex-direction:column;align-items:center;gap:40px;margin-bottom:80px;display:flex}