index-main/assets/css/partials/_page-header.scss

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

    }

    .page__type{
margin-bottom: calc(var(--spacing) * 1);
    } 

    .page__title {
      max-width: var(--max-w-content);
      text-transform: uppercase;
      font-weight: normal;
      font-size: var(--fs-medium);
      font-weight: 500;
      line-height: var(--leading-title);
      margin-bottom: calc(var(--spacing) * 2);

       @media #{$small-up} {
      text-wrap: balance;
         }
      
       @media #{$small} {
        margin-bottom: calc(var(--spacing) * 1);
         }
      
    }

    .date{
      display: block;
       margin-top: calc(var(--spacing) * -1.5);
      margin-bottom: calc(var(--spacing) * 2);
      color: var(--color-txt-light);
    }

    .page__description {
      font-size: var(--fs-text);
      margin-bottom: calc(var(--spacing) * 3);

      max-width: var(--max-w-content);
    }
   
}