@use "@naomi-2025/ui-core/site-config";
@use "@naomi-2025/ui-core/content-containers";
@use "s360-scss-toolkit";

.impact-title {
  @include content-containers.bleed();

  border-bottom: 1px solid var(--highlight-color);
  overflow: hidden;

  &__heading {
    --heading--font-weight: var(--impact-title--title--font-weight);
    --heading--line-height: 0.6;
    --h1--font-size: #{ s360-scss-toolkit.linear-scale(s360-scss-toolkit.modular-scale(4), s360-scss-toolkit.modular-scale(10)) };
    @include content-containers.bleed-content();

    margin-top: 0.1em;
    text-transform: uppercase;
    text-indent: 1.7ch;
  }
}
