@layer components {
  .header-group {
    margin-bottom: 0;

    @media screen and (min-width: 768px), print {
      margin-bottom: var(--spacing-unit-m);
    }

    .template-index & {
      position: absolute;
      z-index: 2;
      inset: 0 0 auto;
    }
  }
}