@media (min-width: 1200px) {
    body.v2-ui .site-header--home .site-header__nav {
        gap: 4px;
    }

    body.v2-ui .site-header--home .site-header__nav .site-header__link,
    body.v2-ui .site-header--home .site-header__nav .site-header__action--member,
    body.v2-ui .site-header--home .site-header__action--listing {
        min-height: 34px;
        padding: 5px 8px;
        font-size: 14px;
    }

    body.v2-ui .site-header--home .brand-logo {
        height: 72px;
        width: auto;
        max-width: none;
        background: transparent;
    }

    body.v2-ui .site-header--home.is-pinned .brand-logo {
        height: 56px;
    }

    body.v2-ui .hero__group strong {
        font-size: 28px;
    }

    body.v2-ui [data-home-search-hero] .hero__introduction {
        transform: translateX(-5cm);
    }

    body.v2-ui [data-home-search-hero] .hero__title {
        font-size: 54px;
        line-height: 1;
    }

    body.v2-ui [data-home-search-hero] .hero__audience {
        font-size: 26px;
        line-height: 1;
        gap: 2px;
    }

    body.v2-ui .hero__copy {
        gap: 22px;
        max-width: 400px;
        padding-top: 0;
    }

    /* benefit-focus reused; PC cycle ~6s, glow only (no scale / no hide). */
    body.v2-ui .hero__benefits {
        align-items: center;
        color: #fff;
        font-size: 15px;
        font-weight: 900;
        text-transform: uppercase;
    }

    body.v2-ui .hero__benefits li {
        animation-name: benefit-focus;
        animation-duration: 6s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        white-space: nowrap;
    }

    body.v2-ui .hero__benefits li:nth-child(1) { animation-delay: 0s; }
    body.v2-ui .hero__benefits li:nth-child(2) { animation-delay: 2s; }
    body.v2-ui .hero__benefits li:nth-child(3) { animation-delay: 4s; }
}

@media (min-width: 1200px) and (max-width: 1439px) {
    body.v2-ui .site-header--home .brand-logo {
        height: 60px;
    }

    body.v2-ui .site-header--home .site-header__nav .site-header__link,
    body.v2-ui .site-header--home .site-header__nav .site-header__action--member,
    body.v2-ui .site-header--home .site-header__action--listing {
        padding: 4px 6px;
        font-size: 12.5px;
    }

    body.v2-ui .hero__stage {
        column-gap: 24px;
        grid-template-columns: minmax(0, 1fr) minmax(160px, 220px) 440px;
    }

    body.v2-ui .hero__tools {
        width: 440px;
    }

    body.v2-ui .hero__benefits {
        max-width: 440px;
        font-size: 13px;
    }

    body.v2-ui .hero__group strong {
        font-size: 24px;
    }

    body.v2-ui [data-home-search-hero] .hero__introduction {
        transform: translateX(-4cm);
    }

    body.v2-ui [data-home-search-hero] .hero__title {
        font-size: 46px;
        line-height: 1;
    }

    body.v2-ui [data-home-search-hero] .hero__audience {
        font-size: 22px;
        line-height: 1;
        gap: 2px;
    }
}

/* Refine existing benefit-focus: brightness/shadow only; stays visible. */
@keyframes benefit-focus {
    0%, 28%, 100% {
        opacity: 1;
        transform: none;
        filter: brightness(0.92);
        text-shadow: 0 0 10px rgba(255, 255, 255, .12);
    }

    8%, 18% {
        opacity: 1;
        transform: none;
        filter: brightness(1.4);
        text-shadow: 0 0 18px rgba(255, 255, 255, .55);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.v2-ui .hero__benefits li {
        animation: none;
        opacity: 1;
        transform: none;
        filter: none;
        text-shadow: none;
    }
}
