@media (min-width: 500px) {
    .section-title {
        font-size: 50px;
        max-width: 10ch;
    }

    .tb-button--accent,
    .tb-button--secondary {
        border-radius: 12px;
    }

    .hero .tyb-logo {
        width: 115px;
        height: auto;
    }

    .hero-title {
        font-size: 50px;
    }

    .hero-lead {
        font-size: 22px;
    }

    .hero .branches .left {
        translate: -50% 70%;
    }

    .hero .branches .right {
        translate: 22% 15%;
    }

    /* participation */

    .instruction-item:not(:last-child) {
        margin-bottom: 1.25em;
    }

    .instruction-title {
        display: flex;
        flex-direction: column;
        align-items: start;

        font-size: 1.5rem;
        gap: .75em;
        margin-bottom: .8em;
    }

    .instruction-title svg {
        width: 31px;
        height: auto;
    }

    .participation .bottom .lead {
        font-size: 1rem;
    }

    .participation .bottom .buttons {
        flex-direction: row;
        justify-content: center;
        align-items: stretch;
        gap: .5rem;
    }

    .participation .bottom .tb-button:first-of-type:not(:last-of-type) {
        margin: 0;
    }

    .participation .bottom .title {
        text-align: center;
    }

    .participation .bottom .lead {
        font-size: .9rem;
        text-align: center;
    }

    /* faq */
    .faq-list>div button,
    .row,
    .video-container__bottom,
    .translation-winner {
        font-size: 20px;
    }

    .row {
        grid-template-columns: 1fr 76px;
    }

    .translation-title {
        font-size: 32px;
    }
}