@use "@naomi-2025/ui-core/site-config";
@use "@naomi-2025/ui-core/animate-underline";
@use "@naomi-2025/ui-core/text-styles";
@use "s360-scss-toolkit";

.view--content-awards {
  &.view--block-all {
    --view-grid--row-gap: #{ site-config.spacer(2) };

    .view__award {
      border-top: 1px solid var(--highlight-color);
      padding-top: site-config.spacer(1);
    }

    .view__award-title {
      span + span {
        &::before {
          content: ' - ';
        }
      }
    }

    .view__award-project-link {
      a {
        @extend %animate-underline-in-to-right;
      }
    }

    .view__award-category {
      font-size: s360-scss-toolkit.font-size-ms(-1);
    }

    .view__award-content {
      > * + * {
        margin-top: site-config.spacer(-5);
      }
    }
  }
}
