/* Platform intro + player fast-track — leads into bento grid */

.landing-platform {
    padding: clamp(1.25rem, 2.5vw, 1.75rem) 24px 0;
}

.landing-platform__inner {
    max-width: 1200px;
    margin: 0 auto;
}

.landing-platform__row {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, 380px);
    gap: 0;
    align-items: stretch;
    border-radius: 14px;
    border: 1px solid color-mix(in srgb, var(--rtp-border) 88%, var(--rtp-brand-primary) 12%);
    background: var(--rtp-bg-panel);
    overflow: hidden;
    box-shadow: 0 10px 32px color-mix(in srgb, var(--rtp-bg-app) 35%, #000 65%);
}

.landing-platform__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    padding: clamp(1.35rem, 2.4vw, 2rem) clamp(1.35rem, 2.6vw, 2.25rem);
    text-align: left;
    border-right: 1px solid color-mix(in srgb, var(--rtp-border) 90%, var(--rtp-brand-primary) 10%);
}

.landing-platform__eyebrow {
    margin: 0 0 0.45rem;
    font-family: var(--rtp-font-brand);
    font-size: clamp(1.375rem, 2.8vw, 1.75rem);
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1.12;
    text-align: left;
}

.landing-platform__copy .landing-bento__title {
    margin: 0 0 0.65rem;
    font-size: clamp(1.375rem, 2.8vw, 1.75rem);
    line-height: 1.12;
    text-align: left;
}

.landing-platform__copy .landing-bento__lead {
    margin: 0;
    max-width: none;
    font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
    line-height: 1.55;
    text-align: left;
}

.landing-platform + .landing-bento {
    padding-top: 24px;
}

@media (max-width: 900px) {
    .landing-platform {
        padding: 1.25rem 16px 0;
    }

    .landing-platform__row {
        grid-template-columns: 1fr;
        gap: 0;
        border: none;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        overflow: visible;
    }

    .landing-platform__copy {
        order: 2;
        padding: 0;
        border-right: none;
    }

    .landing-platform__row .landing-player-track__card {
        order: 1;
    }
}

@media (min-width: 901px) and (max-width: 1040px) {
    .landing-platform__row {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    }
}