/* ============================================================
   BEINC — Track Records Section (placeholder)
   Sticky full-viewport section. 3D shape on left, text on right.
   ============================================================ */

.tr-scroll {
    position: relative;
    background: var(--color-black2);
    z-index: var(--z-base);
}

.tr-pinned {
    position: relative;
    height: 100vh;
    height: 100lvh;
    width: 100%;
    background: var(--color-black2);
}

/* ── RIGHT TEXT BLOCK ── */
.tr-right-text {
    position: absolute;
    right: var(--pad-x);
    top: 50%;
    transform: translateY(-50%);
    width: 40%;
    pointer-events: none;
}

.tr-label {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-bold);
    font-size: clamp(2.2rem, 5vw, 5.5rem);
    color: var(--color-white);
    line-height: 1;
    margin: 0 0 1.2rem;
    letter-spacing: -0.02em;
}

.tr-body {
    font-family: var(--font-body);
    font-size: clamp(0.85rem, 1.3vw, 1.3rem);
    color: var(--color-white);
    opacity: 0.55;
    line-height: 1.65;
    margin: 0;
}

/* ── MOBILE ── */
@media (max-width: 767px) {
    .tr-right-text {
        left: var(--pad-x);
        right: var(--pad-x);
        width: auto;
        top: auto;
        bottom: 8vh;
        transform: none;
    }

    .tr-label {
        font-size: clamp(2rem, 8vw, 3rem);
    }
}