.story.story-reference {
    background: #1b1916;
    padding: 94px 32px 36px;
    text-align: center;
}

    .story.story-reference .story-icon {
        display: block;
        width: 40px;
        height: 40px;
        margin: 0 auto 16px;
        color: #f4c400;
        font-size: 40px;
        line-height: 1;
    }

    .story.story-reference h2 {
        margin: 0;
        color: #e7e1df;
        font-family: Anton, Impact, sans-serif;
        font-size: 48px;
        font-weight: 400;
        line-height: 1.2;
    }

    .story.story-reference .yellow-rule {
        width: 96px;
        height: 1px;
        margin: 32px auto;
        background: #f4c400;
    }

    .story.story-reference p {
        max-width: 900px;
        margin: 0 auto;
        color: #e1bfb7;
        font-family: Work, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.65;
    }

@media (max-width: 700px) {
    .story.story-reference {
        padding: 64px 24px 40px;
    }

        .story.story-reference h2 {
            font-size: clamp(30px, 7.5vw, 42px);
        }

        .story.story-reference p {
            font-size: 16px;
            line-height: 1.75;
        }

        .story.story-reference .yellow-rule {
            margin: 26px auto;
        }
}