.hero{
  position:relative;
  min-height: 72vh;
  display:flex;
  align-items:center;
  overflow:hidden;
}

.hero__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter: saturate(.92) contrast(1.05) brightness(.72);
  transform: scale(1.02);
}

.hero__overlay{
  inset:0;
  background:
    radial-gradient(900px 520px at 20% 35%, rgba(164, 6, 6, .28), transparent 60%),
    radial-gradient(900px 520px at 80% 25%, rgba(184, 139, 74, .18), transparent 62%),
    radial-gradient(900px 520px at 70% 80%, rgba(91, 146, 121, .14), transparent 60%),
    linear-gradient(90deg, rgba(32,30,31,.92) 0%, rgba(32,30,31,.62) 45%, rgba(32,30,31,.28) 100%),
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.55));
}

.hero__content{ position:relative; z-index:2; }

.hero__content.background{
  width: min(680px, 92%);
  padding: clamp(1.2rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  background: rgba(255,255,255,.06);
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}

.hero__logo h1{
  margin:0 0 .6rem 0;
  font-size: clamp(2.2rem, 4.2vw, 3.4rem);
  line-height: 1.05;
  letter-spacing: -.02em;
}
.hero__logo .perf{ color: var(--gold); }

.hero__actions{ display:flex; gap:.75rem; margin-top:1.25rem; }

/* Maak de eerste knop goud */
.hero__actions .btn:first-child{
  background: linear-gradient(180deg, var(--gold), #A97F43);
  color:#201E1F;
  border-color: rgba(184,139,74,.6);
}