section.world-showreels {
    box-sizing: border-box;
    width: min(1500px, calc(100% - 2rem));
    margin: clamp(12px, 2vw, 24px) auto;
    padding: clamp(1rem, 3vw, 1.8rem);
    border: 1px solid rgba(216, 164, 71, .55);
    background: rgba(7, 12, 11, .94);
}

.world-showreels .world-showreels__head {
    margin-bottom: 18px;
}

.world-showreels .world-showreels__head p {
    margin: 0 0 5px;
    color: #d8a447;
    font: 400 11px/1.4 "Cinzel", Georgia, serif;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.world-showreels .world-showreels__head h2 {
    margin: 0;
    color: #f0d6a3;
    font: 500 clamp(20px, 3vw, 32px)/1.2 "Cinzel", Georgia, serif;
    text-transform: uppercase;
}

/* Share the Salon/Vault card styles; uploaded previews occupy the same artwork area. */
.world-showreels .world-showreels__preview {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #000;
    pointer-events: none;
}

.world-showreels .harp-world-film__image b {
    z-index: 1;
}

.world-showreels .harp-world-film:focus-visible {
    outline: 2px solid #f0d6a3;
    outline-offset: 3px;
}

.world-showreels .world-showreels__description {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: .4rem .7rem 0;
    color: #d6b47a;
    font: 400 .9rem/1.35 "EB Garamond", Georgia, serif;
    overflow-wrap: anywhere;
}

.world-showreel-detail .court-media-copy .vault-item-description {
    min-height: 0;
    overflow-y: auto;
    white-space: pre-line;
}

.music-page section.world-showreels {
    --fw-gold-soft: #f1c374;
    width: 100%;
}

.world-showreels__unavailable {
    box-sizing: border-box;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 24px;
    border: 1px solid rgba(216, 164, 71, .55);
    background: #080907;
    color: #f0d6a3;
    font: 400 18px/1.5 "EB Garamond", Georgia, serif;
    text-align: center;
}

@media (max-width: 720px) {
    section.world-showreels {
        width: calc(100% - 1rem);
    }

    .world-showreels .world-showreels__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .4rem;
    }

    .world-showreels .harp-world-film__image {
        min-height: 0;
        aspect-ratio: .78;
    }

    .world-showreels .harp-world-film strong {
        padding: .45rem .4rem .15rem;
        font-size: .66rem;
        line-height: 1.12;
        overflow-wrap: anywhere;
    }

    .world-showreels .harp-world-film small {
        padding: 0 .4rem .55rem;
        font-size: .66rem;
    }

    .world-showreels .world-showreels__description {
        margin: .25rem .4rem 0;
        font-size: .66rem;
    }
}