.hero.nl-section,
.hero {
  padding: clamp(1.15rem, 2.6vw, 2.2rem) 0 var(--nl-section);
}
.hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
}
.hero__copy h1 { margin-bottom: 0.8rem; max-width: 14ch; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 0.7rem; margin: 1.6rem 0 1.4rem; }
.hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  color: var(--nl-text-muted);
  font-size: 0.92rem;
}
.hero__media {
  border-radius: 28px;
  overflow: hidden;
  min-height: 420px;
  box-shadow: var(--nl-shadow);
}
.hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 5 / 4;
}

@media (max-width: 900px) {
  .hero__grid { grid-template-columns: 1fr; }
  .hero__copy h1 { max-width: none; }
  .hero__media { min-height: 0; }
}