.sp360-film { background:#101820; color:#fff; }
.sp360-film-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; margin-bottom:2rem; }
.sp360-film-heading > p { max-width:27rem; margin:0; font-size:1rem; line-height:1.6; color:#d1dce1; }
.sp360-film video { display:block; width:100%; height:auto; aspect-ratio:20/9; background:#000; }
.sp360-film-caption { display:flex; justify-content:space-between; gap:1rem; font-size:.875rem; line-height:1.5; color:#c0ced5; }
.sp360-film-caption a { color:#f3c36a; text-underline-offset:.2em; }
.sp360-film.petoskey-film { background:#17212a; }
.sp360-film.petoskey-film video { width:min(100%,440px); aspect-ratio:512/736; margin-inline:auto; border-radius:8px; }
@media(max-width:720px) { .sp360-film-heading { display:block; } .sp360-film-heading > p { margin-top:1.25rem; } .sp360-film-caption { flex-direction:column; } }

.sp360-film.spin-cycle-film video { width:min(100%,440px); aspect-ratio:9/16; margin-inline:auto; border-radius:8px; }