.hero--editorial {
    --hero-disclaimer-gap: clamp(35px, calc(9px + 3vw), 50px);
}

.hero-editorial__inner {
    padding-bottom: var(--hero-disclaimer-gap);
}

.hero--editorial .demo-note {
    max-width: 36ch;
    margin: var(--hero-disclaimer-gap) auto 0;
    text-align: center;
}

@media (max-width: 820px) {
    .hero--editorial {
        --hero-disclaimer-gap: 33px;
    }
}

@media (min-width: 601px) and (max-width: 820px) {
    .hero--editorial .demo-note {
        width: min(100%, 650px);
        max-width: none;
        margin-right: auto;
        margin-left: 0;
        padding-inline: max(0px, calc((min(100%, 650px) - 36ch) / 2));
    }
}

@media (max-width: 600px) {
    .hero--editorial {
        --hero-disclaimer-gap: 28px;
    }
}