.heading {
    overflow: hidden;
    text-align: center;
    color: $color-tertiary;

    @include bp (sm) {
        margin-bottom: 128px;
    }

    // Title
    :global(h1) {
        margin-top: 56px;
        line-height: 1;
        color: $color-secondary;

        @include bp (sm) {
            margin-top: 160px;
        }
    }

    // Text
    .text {
        max-width: 300px;
        margin: 40px auto 0;
        font-weight: 200;

        @include bp (sm) {
            max-width: 600px;
            margin-top: 72px;
        }

        :global(a) {
            position: relative;
            color: currentColor;
            text-decoration: none;
            display: inline-block;
            background-image: linear-gradient(rgba($color-tertiary, 0.3), rgba($color-tertiary, 0.3));
            background-position: 0 100%;
            background-size: 100% 1px;
            background-repeat: no-repeat;
            transition: color 0.6s var(--ease-quart);

            &:hover {
                color: $color-secondary-light;
            }
        }
    }
}