.site-header {
  display: grid;
  gap: 1rem;
  padding: 0.25rem 0 2rem;
}

.site-header h1,
.page-header h1 {
  font-size: clamp(2.6rem, 8vw, 5rem);
  line-height: 0.96;
  letter-spacing: -0.04em;
}

.helper {
  font-size: 0.9rem;
}

.home-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.panel {
  padding: 1.35rem;
  grid-column: span 6;
}

.panel h2 {
  margin-bottom: 0.6rem;
  font-size: 1.15rem;
}

.panel-wide {
  grid-column: span 12;
}

@media (max-width: 900px) {
  .panel,
  .panel-wide {
    grid-column: span 12;
  }
}