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

.node--page {
  &.node--full {
    .node__header {
      margin-bottom: site-config.spacer(3);
      display: grid;
      grid-template-columns: repeat(12, 1fr);
    }

    .node__heading {
      text-align: center;
      grid-column: 1 / -1;
    }

    .node__homepage-hero {
      margin-block:
        site-config.spacer(2)
        site-config.spacer(4);
      grid-column: 1 / -1;
    }

    .node__subtitle {
      @extend %text-style-intro-copy;

      margin-top: site-config.spacer(2);
      grid-column: 3 / -3;
    }

    // **************************************************
    // STYLES WITH IMPACT TITLE ONLY

    &.node--has-impact-title {
      .node__impact-title {
        grid-column: 1 / -1;
      }

      .node__header {
        margin-bottom: site-config.spacer(6);
      }
    }
  }
}
