/* Full-bleed variant: the grid + glow + side text fill the whole viewport,
   while the poster content stays centered. Loaded after styles.css. */

body.wide {
  padding: 0;
  display: block;
  min-height: 100vh;
  background-color: var(--bg);
}

body.wide .poster {
  width: 100%;
  max-width: none;
  min-height: 100vh;
}

/* keep the readable content column centered */
body.wide .frame {
  max-width: 860px;
  margin: 0 auto;
}