/* Styles spécifiques à la page d'accueil (en plus de design-system.css) */

.hero{
  text-align:center;
  padding:64px 32px 32px 32px;
}

.brand{
  font-family: "Friday13", serif;
  font-size:clamp(3.5rem, 9vw, 7rem);
  margin:0 0 24px 0;
  color: var(--accent-killer);
  letter-spacing:0.02em;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
  cursor: default;
  user-select: none;
}

.hero-banner{
  width:100%;
  height:auto;
  margin:0 auto 32px auto;
  display:block;
  border-radius:8px;
}

.tagline{
  max-width:680px;
  margin:0 auto 40px auto;
  color: var(--muted);
  line-height:1.6;
  font-size:1.05rem;
}

.actions{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  justify-content:center;
  margin-bottom:16px;
}