/*!************************
*****     heading     *****
**************************/

@layer component {
  @scope (.heading, .beauty, .ck-content) {
    /*.heading {*/
    /*background-color: var(--clr-primary-500);*/
    /*width: min(800px, 100%);*/
    :scope {
      /* * */
      --_heading-font-family: var(--ff-decoration);
      /* * */
      --_h1-fs: calc(var(--fs) * 2.25);
      --_h2-fs: calc(var(--fs) * 2);
      --_h3-fs: calc(var(--fs) * 1.75);
      --_h4-fs: calc(var(--fs) * 1.5);
      --_h5-fs: calc(var(--fs) * 1.25);
      --_h6-fs: calc(var(--fs) * 1);
      /* * */
    }
      @media (min-width: 1024px) {
    :scope {
        --_h1-fs: calc(var(--fs) * 3.25);
        --_h2-fs: calc(var(--fs) * 2.75);
        --_h3-fs: calc(var(--fs) * 2.25);
        --_h4-fs: calc(var(--fs) * 1.75);
        --_h5-fs: calc(var(--fs) * 1.5);
        --_h6-fs: calc(var(--fs) * 1.25);
    }
      }
      /* * */
      @media (min-width: 1280px) {
    :scope {
        --_h1-fs: calc(var(--fs) * 4.25);
        --_h2-fs: calc(var(--fs) * 3.75);
        --_h3-fs: calc(var(--fs) * 3.25);
        --_h4-fs: calc(var(--fs) * 2.75);
        --_h5-fs: calc(var(--fs) * 2.25);
        --_h6-fs: calc(var(--fs) * 1.75);
    }
      } /* End of :scope */

    /*.uppercase {*/
    /*text-transform: uppercase;*/
    /*font-variant-caps: small-caps;*/
    /*}*/

    /*.underline {
      text-decoration-line: underline;
      text-decoration-thickness: 0.15em;
      text-decoration-color: currentColor;
    }*/

    h1:not(:where(.not-beauty)) {
      font-family: var(--_heading-font-family);
      font-weight: 900;
      line-height: 1.1;
      hyphens: none;
      text-wrap: balance;
      margin-top: 1em;
      margin-bottom: 0.5em;
    }

    h2:not(:where(.not-beauty)) {
      font-family: var(--_heading-font-family);
      font-weight: 900;
      line-height: 1.1;
      hyphens: none;
      text-wrap: balance;
      margin-top: 1em;
      margin-bottom: 0.5em;
    }

    h3:not(:where(.not-beauty)) {
      font-family: var(--_heading-font-family);
      font-weight: 900;
      line-height: 1.1;
      hyphens: none;
      text-wrap: balance;
      margin-top: 1em;
      margin-bottom: 0.5em;
    }

    h4:not(:where(.not-beauty)) {
      font-family: var(--_heading-font-family);
      font-weight: 900;
      line-height: 1.1;
      hyphens: none;
      text-wrap: balance;
      margin-top: 1em;
      margin-bottom: 0.5em;
    }

    h5:not(:where(.not-beauty)) {
      font-family: var(--_heading-font-family);
      font-weight: 900;
      line-height: 1.1;
      hyphens: none;
      text-wrap: balance;
      margin-top: 1em;
      margin-bottom: 0.5em;
    }

    h6:not(:where(.not-beauty)) {
      font-family: var(--_heading-font-family);
      font-weight: 900;
      line-height: 1.1;
      hyphens: none;
      text-wrap: balance;
      margin-top: 1em;
      margin-bottom: 0.5em;
    }

    .h1:not(:where(.not-beauty)) {
      font-family: var(--_heading-font-family);
      font-weight: 900;
      line-height: 1.1;
      hyphens: none;
      text-wrap: balance;
      margin-top: 1em;
      margin-bottom: 0.5em;
    }

    .h2:not(:where(.not-beauty)) {
      font-family: var(--_heading-font-family);
      font-weight: 900;
      line-height: 1.1;
      hyphens: none;
      text-wrap: balance;
      margin-top: 1em;
      margin-bottom: 0.5em;
    }

    .h3:not(:where(.not-beauty)) {
      font-family: var(--_heading-font-family);
      font-weight: 900;
      line-height: 1.1;
      hyphens: none;
      text-wrap: balance;
      margin-top: 1em;
      margin-bottom: 0.5em;
    }

    .h4:not(:where(.not-beauty)) {
      font-family: var(--_heading-font-family);
      font-weight: 900;
      line-height: 1.1;
      hyphens: none;
      text-wrap: balance;
      margin-top: 1em;
      margin-bottom: 0.5em;
    }

    .h5:not(:where(.not-beauty)) {
      font-family: var(--_heading-font-family);
      font-weight: 900;
      line-height: 1.1;
      hyphens: none;
      text-wrap: balance;
      margin-top: 1em;
      margin-bottom: 0.5em;
    }

    .h6:not(:where(.not-beauty)) {
      font-family: var(--_heading-font-family);
      font-weight: 900;
      line-height: 1.1;
      hyphens: none;
      text-wrap: balance;
      margin-top: 1em;
      margin-bottom: 0.5em;
    }

      h1:not(:where(.not-beauty)):not(.does-not-exist):first-child {
        margin-top: 0;
      }

      h2:not(:where(.not-beauty)):not(.does-not-exist):first-child {
        margin-top: 0;
      }

      h3:not(:where(.not-beauty)):not(.does-not-exist):first-child {
        margin-top: 0;
      }

      h4:not(:where(.not-beauty)):not(.does-not-exist):first-child {
        margin-top: 0;
      }

      h5:not(:where(.not-beauty)):not(.does-not-exist):first-child {
        margin-top: 0;
      }

      h6:not(:where(.not-beauty)):not(.does-not-exist):first-child {
        margin-top: 0;
      }

      .h1:not(:where(.not-beauty)):first-child {
        margin-top: 0;
      }

      .h2:not(:where(.not-beauty)):first-child {
        margin-top: 0;
      }

      .h3:not(:where(.not-beauty)):first-child {
        margin-top: 0;
      }

      .h4:not(:where(.not-beauty)):first-child {
        margin-top: 0;
      }

      .h5:not(:where(.not-beauty)):first-child {
        margin-top: 0;
      }

      .h6:not(:where(.not-beauty)):first-child {
        margin-top: 0;
      }

    h1:not(:where(.not-beauty)),
    .h1:not(:where(.not-beauty)) {
      font-size: var(--_h1-fs);
    }

    h2:not(:where(.not-beauty)),
    .h2:not(:where(.not-beauty)) {
      font-size: var(--_h2-fs);
    }

    h3:not(:where(.not-beauty)),
    .h3:not(:where(.not-beauty)) {
      font-size: var(--_h3-fs);
    }

    h4:not(:where(.not-beauty)),
    .h4:not(:where(.not-beauty)) {
      font-size: var(--_h4-fs);
    }

    h5:not(:where(.not-beauty)),
    .h5:not(:where(.not-beauty)) {
      font-size: var(--_h5-fs);
    }

    h6:not(:where(.not-beauty)),
    .h6:not(:where(.not-beauty)) {
      font-size: var(--_h6-fs);
    }
  } /* End of @scope (.heading, .beauty) */
} /* End of @layer component */