.hero {
  padding-top: var(--space-xxl);
  padding-bottom: var(--space-section);
}
.hero__grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: var(--space-xxl);
  align-items: center;
}
.hero h1 { margin-top: var(--space-md); }
.hero__ctas {
  display: flex;
  gap: var(--space-md);
  margin-top: var(--space-xl);
  flex-wrap: wrap;
}
.hero__microcopy {
  margin-top: var(--space-md);
  font-size: 14px;
  color: var(--color-text-secondary);
}
.hero__media { display: flex; justify-content: center; }

.quick-add__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xxl);
  align-items: center;
}
.quick-add__media { display: flex; justify-content: center; padding: var(--space-xl); }

@media (max-width: 860px) {
  .hero__grid, .quick-add__grid { grid-template-columns: 1fr; }
  .hero__media { order: -1; }
}