.layout-classic .hero-block--classic {
  margin: 28px 0 20px;
  padding: 28px;
  border-radius: var(--radius-panel);
  background: color-mix(in srgb, var(--theme-primary) 10%, var(--theme-card));
  border: 1px solid color-mix(in srgb, var(--theme-primary) 22%, var(--border-color));
}

.layout-classic .hero-block--classic h1 {
  font-size: clamp(1.6rem, 4vw, 2.4rem);
}