<commit_before>.story-hero-container {
    width: 100%;
    height: 600px;
    position: relative;
    background-color: black;
    margin-bottom: 30px;
    // <%if $smarty.get.webview != "ftcapp"%>margin-top: -30px;<%/if%>
    button {
        &.myft-follow {
            background-color: transparent;
            border: 1px solid white;
            color: white;
            &.plus:before {
                background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cstyle%3E*%7Bfill:%23FFFFFF !important%7D%3C/style%3E%3Cpath d='M5.053 0v5.053H0v1.894h5.053V12h1.894V6.947H12V5.053H6.947V0H5.053z' fill='%23333' fill-rule='evenodd'/%3E%3C/svg%3E%0A");		    
            }
        }
    }
}
.story-hero-image {
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    bottom: 0;
    figure {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;    
        width: 100%;
        height: 100%;
    }
}


.story-hero-inner {
    max-width: 1200px;
    height: 100%;
    margin: auto;
}
.story-hero-intro {
    display: table;
    width: 50%;
    height: 100%;
    color: white;
    font-size: 32px;
}
.story-hero-intro-container {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding: 0 30px 0 0;
}
.story-hero-tag a {
    color: white;
    text-decoration: none;
    font-size: 0.618em;
}
.story-hero-title {
    margin-bottom: 1em;
}
.story-hero-title:after {
    content: "";
    display: block;
    border-bottom: 6px solid white;
    width: 200px;
    max-width: 100%;
    padding-top: .416em;
}
.story-hero-content {
    font-size: 0.618em;
}
.story-hero-content p {
    margin-bottom: 1em;
}
@media all and (max-width: 1300px) {
    .story-hero-container {
        height: 550px;
    }
}

@media all and (max-width: 1270px) {
    .story-hero-container {
        height: 450px;
    }
    .story-hero-intro-container {
    padding: 0 30px;
    }
}

@media all and (max-width: 739px) {
    .story-hero-container {
        height: auto;
    }
    .story-hero-image {
        position: relative;
        height: auto;
        width: 100%;
        padding-top: 61.8%;
        figure {
            position: absolute;
            top:0;
            left:0;
        }
    }
    .story-hero-intro {
        width: 100%;
    }
    .story-hero-intro-container {
        padding: 30px;
    }
}<commit_msg>backup<commit_after>.story-hero-container {
    width: 100%;
    height: 600px;
    position: relative;
    background-color: black;
    margin-bottom: 30px;
    // <%if $smarty.get.webview != "ftcapp"%>margin-top: -30px;<%/if%>
    button {
        &.myft-follow {
            background-color: transparent;
            border: 1px solid white;
            color: white;
            &.plus:before {
                background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cstyle%3E*%7Bfill:%23FFFFFF !important%7D%3C/style%3E%3Cpath d='M5.053 0v5.053H0v1.894h5.053V12h1.894V6.947H12V5.053H6.947V0H5.053z' fill='%23333' fill-rule='evenodd'/%3E%3C/svg%3E%0A");		    
            }
            &.tick {
                color: black;
                background-color: white;
                border-color: transparent;
                &:before {
                    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13'%3E%3Cstyle%3E*%7Bfill:%23000000 !important%7D%3C/style%3E%3Cpath d='M5.273 10.08L2.1 7.7l-.8-.6L.1 8.7l.8.6 3.226 2.42-.02.026.807.564.787.59.02-.026.026.02.564-.807.59-.787-.026-.02 6.445-9.207.572-.82-1.64-1.146-.572.82-6.407 9.153z' fill-rule='evenodd'/%3E%3C/svg%3E");
                }
            }
        }
    }
}
.story-hero-image {
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    bottom: 0;
    figure {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;    
        width: 100%;
        height: 100%;
    }
}


.story-hero-inner {
    max-width: 1200px;
    height: 100%;
    margin: auto;
}
.story-hero-intro {
    display: table;
    width: 50%;
    height: 100%;
    color: white;
    font-size: 32px;
}
.story-hero-intro-container {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding: 0 30px 0 0;
}
.story-hero-tag a {
    color: white;
    text-decoration: none;
    font-size: 0.618em;
}
.story-hero-title {
    margin-bottom: 1em;
}
.story-hero-title:after {
    content: "";
    display: block;
    border-bottom: 6px solid white;
    width: 200px;
    max-width: 100%;
    padding-top: .416em;
}
.story-hero-content {
    font-size: 0.618em;
}
.story-hero-content p {
    margin-bottom: 1em;
}
@media all and (max-width: 1300px) {
    .story-hero-container {
        height: 550px;
    }
}

@media all and (max-width: 1270px) {
    .story-hero-container {
        height: 450px;
    }
    .story-hero-intro-container {
    padding: 0 30px;
    }
}

@media all and (max-width: 739px) {
    .story-hero-container {
        height: auto;
    }
    .story-hero-image {
        position: relative;
        height: auto;
        width: 100%;
        padding-top: 61.8%;
        figure {
            position: absolute;
            top:0;
            left:0;
        }
    }
    .story-hero-intro {
        width: 100%;
    }
    .story-hero-intro-container {
        padding: 30px;
    }
}
{'fraction_non_alphanumeric': 0.15750266051791414, 'fraction_numerical': 0.08903866619368571, 'mean_word_length': 2.0074666666666667, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 3, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 3, 'xml': 9}, 'pii_count': 1, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2468196', 'n_tokens_mistral': 2453, 'n_tokens_neox': 2110, 'n_words': 374}