/* Hero-dominant: a wide 16:9 image rather than the square cover used on track detail. */
.session-detail-hero {
    margin: 0 auto 2rem;
    overflow: hidden;
}

/* session-detail-hero-img rides on MudPaper (child Razor component); ::deep pierces its output. */
::deep .session-detail-hero-img {
    width: 100%;
    aspect-ratio: 16 / 9;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}