@layer component.layout {
  .hero__foreground-wrap {
    padding: 0 var(--gap);
  }
}