.ss-hero {
  padding: var(--ss-section-y) 1.25rem;
  background: var(--ss-bg);
}
.ss-hero__grid { gap: clamp(2rem, 5vw, 5rem); }
.ss-hero h1 { max-width: 11ch; margin-bottom: 1.25rem; }
.ss-hero p.has-large-font-size { max-width: 680px; color: var(--ss-muted); }
.ss-hero__placeholder {
  min-height: 440px;
  display: grid;
  place-items: center;
  padding: 2rem;
  border-radius: var(--ss-radius);
  background: linear-gradient(135deg, var(--ss-primary-dark), var(--ss-primary));
  color: #fff;
  box-shadow: var(--ss-shadow);
}
@media (max-width: 781px) {
  .ss-hero__placeholder { min-height: 280px; }
}