@use "variables" as *;

.text {
    padding: 72px 0 120px;

    &__inner {
        @include inner;
        max-width: 880px;
    }

    h1 {
        margin-bottom: 40px;
        font-size: clamp(40px, 6vw, 72px);
        line-height: 1;
        font-weight: 800;
        letter-spacing: -0.03em;
    }

    h2 {
        display: inline-block;
        margin: 40px 0 12px;
        padding: 4px 12px;
        background: $yellow;
        border: 2px solid $ink;
        border-radius: 8px;
        font-size: 18px;
        font-weight: 800;
        transform: rotate(-1deg);
    }

    .text__date {
        margin-top: 40px;
        font-weight: 700;
    }

    p {
        margin-bottom: 16px;
        font-size: 17px;
        line-height: 1.7;
        hyphens: auto;
    }
}