.signup-band { position: relative; padding: var(--space-12) 0; color: var(--color-paper); overflow: hidden; }
.signup-band__media { position: absolute; inset: 0; z-index: 0; }
.signup-band__media img, .signup-band__placeholder { width: 100%; height: 100%; object-fit: cover; }
.signup-band__placeholder { background: linear-gradient(120deg, var(--color-burgundy), var(--color-charcoal)); }
.signup-band::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.55); z-index: 1; }
.signup-band__content { position: relative; z-index: 2; max-width: var(--narrow-width); margin: 0 auto; text-align: center; padding: 0 var(--gutter); }
.signup-band__content h2 { color: var(--color-paper); margin-bottom: var(--space-2); }
.signup-form { display: grid; gap: var(--space-2); margin-top: var(--space-3); }
.signup-form .btn-primary { width: 100%; }
@media (min-width: 768px) {
  .signup-form { grid-template-columns: 1fr auto; }
}