header{position:relative;overflow:hidden;background:
 radial-gradient(ellipse 55% 85% at 50% -10%,rgba(255,244,200,.35),rgba(255,244,200,0) 70%),
 radial-gradient(ellipse 80% 120% at 50% 0%,#14703f 0%,#0b4527 45%,#04170d 85%,#020a06 100%);
 border-bottom:3px solid #c9a227;box-shadow:inset 0 -40px 60px -30px #000}
header::before{content:"";position:absolute;left:50%;top:-58px;width:260px;height:70px;transform:translateX(-50%);
 background:linear-gradient(#2b2b2b,#111);border-radius:0 0 18px 18px;box-shadow:0 18px 50px 10px rgba(255,240,190,.25);opacity:.9}
header::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;
 background-image:repeating-radial-gradient(circle at 30% 40%,rgba(255,255,255,.05) 0 1px,transparent 1px 3px)}
header>*{position:relative;z-index:1}
#brand{text-shadow:0 0 18px rgba(255,236,170,.45),0 2px 4px #000;letter-spacing:.02em}
.tagline{display:block;font-weight:500;font-size:.8rem;color:#e8d9a0;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.ball{box-shadow:0 0 14px rgba(255,230,150,.6)}