@layer pages {
  .pages__home {
    --row-gap: var(--block-space-double);
    --panel-border-color: transparent;
    --panel-border-size: 0;

    .main {
      text-align: center;
      margin-bottom: calc(var(--block-space) * 4);
    }

    .pages__home__catch-copy {
      color: var(--color-theme-cinnamon-darker);
    }

    .pages__home__coming-soon {
      color: var(--color-theme-rose-medium);
      font-weight: bold;
      transform: rotate(-5deg);
      border: var(--color-theme-rose-medium) dashed 4px;
      max-width: 20ch;
      margin: calc(var(--block-space-double)*2) auto;
    }

    .pages__home__faq {

    }

    .panel {
      h2 {
          color: var(--color-theme-cinnamon-dark)
      }

      p {
        text-align: left;
      }

      a {
        color: var(--color-theme-moss-dark);
        text-decoration: none;

        @media (any-hover: hover) {
          &:hover {
              color: var(--color-theme-rose-darker);
          }
        }
      }
    }
  }
}