:root {
    --recorded-sessions-blue: #7ca8ed;
    --recorded-sessions-violet: #a48cf0;
}

.recorded-sessions-page .recorded-sessions-hero {
    background: #08090a;
}

.recorded-sessions-proof-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: min(var(--detail-content-width), 100%);
    margin-right: auto;
    margin-left: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.recorded-sessions-proof-row > div {
    padding: 28px clamp(20px, 3vw, 44px);
    border-right: 1px solid rgba(255, 255, 255, 0.09);
}

.recorded-sessions-proof-row > div:last-child {
    border-right: 0;
}

.recorded-sessions-proof-row strong,
.recorded-sessions-proof-row span {
    display: block;
}

.recorded-sessions-proof-row strong {
    margin-bottom: 7px;
    color: var(--text);
    font-size: 15px;
}

.recorded-sessions-proof-row span {
    color: var(--text-secondary);
    font-size: 13px;
    line-height: 1.5;
}

.recorded-sessions-editorial-section {
    display: grid;
    grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
    gap: clamp(48px, 8vw, 112px);
    align-items: start;
}

.recorded-sessions-editorial-section > header {
    position: sticky;
    top: 112px;
}

.recorded-sessions-editorial-section h2 {
    margin-bottom: 18px;
}

.recorded-sessions-ledger {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.recorded-sessions-ledger article {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 18px;
    padding: 28px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.recorded-sessions-ledger-index {
    color: rgba(124, 168, 237, 0.62);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.recorded-sessions-ledger h3 {
    margin: 0 0 8px;
}

.recorded-sessions-ledger p {
    margin: 0;
}

.recorded-sessions-showcase-word {
    max-width: 100%;
    margin-bottom: 24px;
    font-size: clamp(46px, 5vw, 76px);
    letter-spacing: -0.055em;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .recorded-sessions-editorial-section {
        grid-template-columns: 1fr;
    }

    .recorded-sessions-editorial-section > header {
        position: static;
    }

    .recorded-sessions-proof-row {
        grid-template-columns: 1fr;
    }

    .recorded-sessions-proof-row > div {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    }

    .recorded-sessions-proof-row > div:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 640px) {
    .recorded-sessions-page .detail-hero-fullbleed .detail-hero-media img {
        object-position: left center;
    }

    .recorded-sessions-editorial-section {
        gap: 28px;
    }
}