/* src/components/patterns/title/title.css */
@layer components {
  .Title {
    max-inline-size: 66%;
  }
  .Title-overline,
  .Title-heading {
    margin-block-end: var(--size-12);
  }
  .Title-copy {
    color: var(--shared-color-text-secondary);
  }
  .headline-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: var(--shared-spacing-sections-lg);
  }

  @media (width < 768px) {
    .headline-title-wrapper {
      display: block;
    }
    .Title {
      max-inline-size: 100%;
    }
  }
}

/* src/css/title.css */
/*# sourceMappingURL=title.css.map */