@media (max-width: 1100px) {
    .js-view-trigger h3 {
        max-width: min(20rem, calc(100vw - 4rem));
        white-space: normal !important;
        overflow-wrap: normal;
        font-size: clamp(1.35rem, 3vw, 1.9rem) !important;
        line-height: 1.32 !important;
        letter-spacing: 0.12em !important;
    }
}

@media (max-width: 640px) {
    .js-view-trigger h3 {
        max-width: min(13rem, calc(100vw - 4rem));
        font-size: 1.25rem !important;
        line-height: 1.32 !important;
        letter-spacing: 0.12em !important;
        text-align: center;
        text-wrap: auto;
    }
}

@media (max-width: 768px) {
    h1.js-fv-title {
        max-width: calc(100vw - 3rem);
        font-size: clamp(2.1rem, 9vw, 3rem) !important;
        letter-spacing: 0.12em !important;
    }

    .js-fv-text {
        max-width: calc(100vw - 3rem);
        font-size: clamp(0.68rem, 2.6vw, 0.82rem) !important;
        letter-spacing: 0.08em !important;
        line-height: 2.1 !important;
        white-space: normal !important;
    }

    .js-fv-text br {
        display: none;
    }
}