@media screen and (max-width: 1440px) {
    .landing-container {
        width: min(100%, var(--container));
    }

    .section-tag {
        height: 32px;
        font-size: 11px;

        .section-tag__icon {
            width: 14px;
            height: 14px;
        }
    }
}

@media screen and (max-width: 1024px) {
    .landing-container {
        width: auto;
        margin-inline: 24px;
    }

    /* Let the text wrap naturally instead of breaking at the desktop positions. */
    .br-desktop {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .landing-container {
        margin-inline: 16px;
        padding: 0;
    }

    .section-tag {
        height: 26px;
        gap: 5px;
        font-size: 8px;
        padding: 6px 12px;
        letter-spacing: 0.63px;

        .section-tag__icon {
            width: 13px;
            height: 13px;
        }
    }

    .br-mobile {
        display: inline;
    }
}