/* hero.css */

.hero{
  padding:100px 0 80px;
  background:linear-gradient(180deg, transparent 0%, var(--bg-muted) 100%);
  border-bottom:1px solid var(--border);
}
.hero-content{max-width:680px;margin:0 auto;text-align:center}
.hero-icon{width:48px;height:48px;color:var(--gold);margin:0 auto 24px}
.hero h1{font-family:var(--font-serif);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:700;line-height:1.2;letter-spacing:-0.02em;margin-bottom:20px}
.hero h1 em{font-style:italic;color:var(--gold)}
.hero .subtitle{font-size:1.125rem;color:var(--fg-muted);max-width:520px;margin:0 auto 36px;line-height:1.7}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}