/* hero.css -- Scrum-split hero 55/45 + grass-texture */

.hero {
  background-color: var(--c-surface);
  background-image: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 12px,
    rgba(237, 233, 227, 0.02) 12px,
    rgba(237, 233, 227, 0.02) 13px
  );
  border-bottom: 1px solid var(--c-border);
  padding: var(--s-64) 0 var(--s-48);
}

.hero__inner {
  display: grid;
  grid-template-columns: 55fr 45fr;
  gap: var(--s-48);
  align-items: center;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 var(--s-24);
}

.hero__kicker {
  font-family: var(--f-body);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--c-accent);
  margin-bottom: var(--s-12);
}

.hero__title {
  margin-bottom: var(--s-16);
}

.hero__desc {
  color: var(--c-text-dim);
  font-size: 1.0625rem;
  line-height: 1.75;
  margin-bottom: var(--s-32);
  max-width: 540px;
}

/* Small hero (inner pages) -- no scoreboard */
.hero--small {
  padding: var(--s-48) 0 var(--s-32);
}

.hero--small .hero__inner {
  display: block;
  max-width: 780px;
}

.hero--small .hero__title {
  margin-bottom: var(--s-12);
}

.hero--small .hero__desc {
  font-size: 1rem;
  max-width: 640px;
}