/* Short videos made with Remotion (source in _video/): the About film and the case study films */
.film {
    margin: 36px auto 0;
    max-width: 1080px;
}

.film video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    background: var(--bg-paper, #FFFCF6);
    border: var(--card-border, 0.5px solid #E5E1D8);
    border-radius: 16px;
    box-shadow: var(--card-shadow, 5px 5px 0 rgba(0, 0, 0, 0.1));
}

.film figcaption {
    margin-top: 12px;
    font-family: var(--font-ui);
    font-size: 14px;
    color: #666;
    text-align: center;
}

.csx-body .film {
    margin: 0 0 48px;
}