.hero{height:100dvh;display:flex;justify-content:center;align-items:center;position:relative}.hero:after{content:"";bottom:0;background:linear-gradient(0deg,rgba(12,12,12,1) 6%,rgba(12,12,12,.8) 40%,rgba(0,0,0,0));z-index:5;pointer-events:none}.hero img.background,.hero:after{position:absolute;left:0;width:100%;height:100%}.hero img.background{object-fit:cover;object-position:center;z-index:0;top:0}.hero>div.container{position:relative;z-index:10}.hero>div.overlay{width:100%;height:100%;position:absolute;z-index:2}.logo{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:3;height:100px;width:100%;background-color:transparent;transition:background-color .5s ease}.logo.scrolled{background-color:rgba(20,20,20,.8)}.bubbles{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.bubbles:after,.bubbles:before{content:"";position:absolute;bottom:-250px;width:400px;height:400px;border-radius:50%;filter:blur(170px);z-index:0}.bubbles:before{background-color:#3b5818;left:-250px}.bubbles:after{background-color:#8d4cd8;right:-250px}