.hero{min-height:calc(100vh - 88px); display:flex; align-items:center; justify-content:center; text-align:center; background:linear-gradient(to bottom, rgba(0,0,0,.10), rgba(0,0,0,.25));}
.logo-hero{font-family:'Kalam', cursive; color:var(--gold); font-weight:700; font-size:clamp(56px, 10vw, 140px); letter-spacing:.6px; margin:0; text-shadow:0 0 18px rgba(212,175,55,.28), 0 2px 0 rgba(0,0,0,.35);}