/* The poster series' menu used the old theme's Bootstrap buttons (.btn .btn-default, .disabled for the current
   poster): a centred row of pills, the current one filled. */
.work-menu { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 28px 16px 20px; margin: 0; }
.work-menu a.btn { padding: 8px 18px; border-radius: 999px; border: 1px solid rgba(239,235,228,.22); color: #efebe4;
  text-decoration: none; font: 500 13px/1 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; letter-spacing: .06em;
  text-transform: uppercase; transition: background .3s, color .3s, border-color .3s; }
.work-menu a.btn:hover { border-color: rgba(239,235,228,.6); }
.work-menu a.btn.disabled { background: #efebe4; color: #111; border-color: #efebe4; pointer-events: none; }

/* the series blurb under each poster: a narrow, centred column */
.narrow { max-width: 450px; margin: 0 auto; padding: 24px 16px 96px; text-align: center; box-sizing: content-box; }

/* Freedom's stylesheet came from its standalone pen, where it sat flush left: centre it like its siblings */
.poster #freedom { margin-left: auto; margin-right: auto; }

/* the posters were drawn for the browser's default box model (heights exclude padding) */
.poster, .poster *, .poster *::before, .poster *::after { box-sizing: content-box; }