/* =====================================================
   YOKUCHI BRAND TEXT
   ===================================================== */

.yokuchi-brand-text {
    padding: 86px 0 18px;

    background: transparent;
}

.yokuchi-brand-text__container {
    width: min(calc(100% - 80px), var(--yokuchi-container-width, 1440px));

    margin: 0 auto;
}

.yokuchi-brand-text__header {
    margin-bottom: 34px;
}

.yokuchi-brand-text__title {
    margin: 0 0 28px !important;

    color: #181818;

    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 28px !important;
    font-weight: 500 !important;

    line-height: 40px !important;
    letter-spacing: 8px !important;

    text-transform: uppercase !important;
}

.yokuchi-brand-text__line {
    display: block;

    width: 62px;
    height: 2px;

    background: #ec1d23;
}

.yokuchi-brand-text__content {
    max-width: 1440px;

    color: #6e6e6e;

    font-size: 16px;
    font-weight: 300;

    line-height: 24px;
    letter-spacing: 0;
}

.yokuchi-brand-text__content p {
    margin: 0 0 24px;
}

.yokuchi-brand-text__content p:last-child {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .yokuchi-brand-text {
        padding: 68px 0 14px;
    }

    .yokuchi-brand-text__container {
        width: calc(100% - 48px);
    }
}

@media (max-width: 900px) {
    .yokuchi-brand-text__title {
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 25px !important;
        letter-spacing: 4px !important;
    }
}

@media (max-width: 600px) {
    .yokuchi-brand-text {
        padding: 46px 0 12px;
    }

    .yokuchi-brand-text__container {
        width: calc(100% - 32px);
    }

    .yokuchi-brand-text__title {
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 25px !important;
        letter-spacing: 4px !important;
    }
}