.page__type{
    
    height: calc(var(--h-block)*0.75);
    border-radius: var(--radius-small);
    border: var(--border-medium);

    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.5ch;
    padding-top: 3px;

    font-size: var(--fs-small);
    line-height: 1;

    background-color: var(--color-bg);
    color: var(--color-txt-light);

    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;

}



main .page__header {
    margin-top: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 2);
 
    @media #{$small} {
      margin-top: calc(var(--spacing) * 2);

    }

    .page__title {
      max-width: var(--max-w-content);
      text-transform: uppercase;
      font-weight: normal;
      font-size: var(--fs-big);
      line-height: var(--leading-tight);
      margin-top: calc(var(--spacing) * 1);
      margin-bottom: calc(var(--spacing) * 0.5);
      text-wrap: balance;
    }

    .description {
      // max-width: 68ch;

      font-size: var(--fs-medium);
      max-width: 58ch;
      line-height: 1.1;
    }

    .description-medium{
      font-size: var(--fs-medium);
       max-width: 58ch;
       line-height: 1.1;
    }
}