body { margin: 0; background: #353535; color: #ece7dc; font-family: Georgia, serif; }
main { max-width: 1180px; margin: 0 auto; padding: 16px 16px 48px; text-align: center; }
h1 { font-size: 34px; font-weight: normal; margin: 4px 0 18px; }

/* Each film sits in the same cloth board as the storybook's cover. */
.film { margin: 0 0 40px; }
.frame { padding: 2.2%; border-radius: 6px; background: linear-gradient(160deg, #5a3b2b, #3b261c); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 14px 30px rgba(0, 0, 0, 0.45); }
video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #111; }
figcaption { margin-top: 14px; }
.title { font-size: 20px; }
.length { font-family: sans-serif; font-size: 13px; color: #a49d90; margin-left: 10px; }