/* Branded artwork and a brighter full-width night-race backdrop. */
.brand span{width:50px;height:50px;padding:0!important;font-size:0!important;display:inline-block;flex:0 0 50px;background:#05070b url('genxunited-logo.jpeg') center/cover no-repeat!important;transform:none!important;border:1px solid #1eaaff;border-radius:50%}
footer .brand span{width:42px;height:42px;flex-basis:42px}
.hero{position:relative;isolation:isolate;background:radial-gradient(circle at 18% 12%,#3e197b 0,transparent 28%),radial-gradient(circle at 50% 104%,#0d678a 0,transparent 52%),linear-gradient(120deg,#0d0b18 0%,#121127 50%,#16101d 100%)}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.5;background:linear-gradient(125deg,transparent 0 35%,#6446ff28 35.1% 35.3%,transparent 35.4% 52%,#20d7ff21 52.1% 52.3%,transparent 52.4%),repeating-linear-gradient(90deg,transparent 0 83px,#68e5ff18 84px 86px,transparent 87px 166px)}
.hero-copy{background:linear-gradient(90deg,#090a10e8 0%,#0b0d14d4 68%,transparent 100%)}
.hero-copy:before{content:'NIGHT\A CITY';white-space:pre;position:absolute;right:7%;top:10%;font:800 126px/.72 'Barlow Condensed';letter-spacing:-8px;color:#6a45ff0e;pointer-events:none;z-index:-1}
.hero-art{box-shadow:inset 35px 0 70px #07071299}
@media(max-width:760px){.brand{font-size:17px}.brand i{display:none}.hero-copy{background:#090a10c9}.hero-copy:before{font-size:92px;right:4%;top:14%}}
