.hero{overflow:hidden;position:relative}.hero.transition:after{background:linear-gradient(180deg,transparent 80.35%,#000);bottom:0;content:"";height:100%;position:absolute;width:100%;z-index:1}.hero .content{gap:24px;margin:0 auto;max-width:1030px;padding-left:30px;padding-right:30px;position:relative;text-align:center;width:100%;z-index:2}.hero .content .eyebrow{margin:0 auto;text-align:center;visibility:hidden}.hero .content p{margin:0 auto;max-width:622px;overflow:hidden}.content p span{display:inline-block;visibility:hidden}.hero .bg{position:absolute;top:0;width:100%;z-index:1}.btn-container{overflow:hidden}@media (max-width:500px){.btn-container{flex-direction:column}}.btn-container .btn-shell{visibility:hidden}.hero .bg.background{min-height:100%;min-width:100%}.hero .bg.foreground{visibility:hidden}.event-container{align-items:center;flex-direction:row-reverse;gap:30px;justify-content:flex-start;margin-top:50px;z-index:2}.event,.event-container{position:relative;width:100%}.event{background:var(--dark-black);border:1px solid var(--grape);border-radius:10.615px;box-shadow:0 10.615px 35.385px 0 rgba(0,0,0,.08);gap:8.5px;max-width:430px;overflow:hidden;padding:34px 40px;text-align:left;text-decoration:none;visibility:hidden}.event .date{color:var(--grape);font-size:14px;line-height:150%}.event .date,.event .title{font-family:Lexend;font-style:normal;font-weight:700;z-index:10}.event .title{color:#fff;font-size:22px;line-height:120%}.event .info{color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:150%;z-index:10}@media (max-width:991px){.event-container.container{align-items:center;flex-direction:column}}@media (max-width:500px){.hero .content,.hero .content *{margin-left:0;text-align:left}.btn-container{width:100%}.event .info{display:none}}.hero .content h1{overflow:hidden}.hero .content h1 span{display:inline-block;visibility:hidden}.hero .event .hover-panel{background:linear-gradient(180deg,#000,#3a3551);border:1px #8c00ff;border-radius:10.615px;box-shadow:0 10.615px 35.385px 0 rgba(0,0,0,.08);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:1}.hero .event:hover .hover-panel{opacity:1;z-index:1}