.hero {
  min-height: 100svh;
  background-image: linear-gradient(90deg, rgba(20, 21, 20, 1) 0%, rgba(20, 21, 20, .96) 28%, rgba(20, 21, 20, .70) 42%, rgba(20, 21, 20, .15) 62%, rgba(20, 21, 20, .05) 100%), url("../../assets/images/hero/hero-background.webp");
  background-position: right center;
  /* Egyetlen, teljes felületet kitöltő hero-kép. */
  /* background-repeat: no-repeat; */
  background-size: cover;
  display: flex;
  align-items: center;
}

/*
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, transparent 55%, rgba(0, 0, 0, .35));
  pointer-events: none;
}

.hero-layout {
  display: flex;
  align-items: center;
  min-height: 100svh;
}

.hero-content {
  max-width: var(--content-width);
  padding-block: 4rem;
}
*/
.hero-kicker {
  color: var(--color-gold);
  font-size: .85rem;
  letter-spacing: .22em;
}

/*
.hero-title {
  font-size: clamp(3rem, 7vw, 6.2rem);
  line-height: .92;
  letter-spacing: -.05em;
  font-weight: 700;
  max-width: 11ch;
}
*/
.hero-title span {
  color: var(--color-gold);
}


.hero-description {
  margin-top: 2rem;
  color: var(--color-muted);
  /*font-size: clamp(1.05rem, 2vw, 1.35rem);*/
}

a {
  text-decoration: none;
}

.hero-actions {
  margin-top: 3rem;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.btn-primary {
  background: var(--color-gold);
  color: #141514;
  font-weight: 600;
}

.btn-primary:hover {
  background: var(--color-gold-light);
  transform: translateY(-3px);
}

.btn-secondary {
  border: 1px solid var(--color-border);
  color: white;
  backdrop-filter: blur(12px);
}

.btn-secondary:hover {
  background-color: rgba(255, 255, 255, .06);
  transform: translateY(-3px);
}