/* Page-level rules for home modules. */
.hero h1 {
  font-size: clamp(1.7rem, 3vw, 2.4rem);
  margin-bottom: 0.5rem;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.hero p {
  max-width: 65ch;
  margin-bottom: 1rem;
  color: var(--text-soft);
}

.panel h2 {
  position: relative;
  padding-left: 0.85rem;
}

.panel h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 4px;
  height: 1em;
  border-radius: 3px;
  background: var(--accent);
}