/* Keep full-bleed backgrounds while centering the editorial content on wide screens. */
@media (min-width:1600px) {
  :root { --page:max(100px,calc((100vw - 1440px) / 2)); }
  body { max-width:none; }
  body[data-page="home"] .royal-copy {
    left:max(130px,calc((100vw - 1440px) / 2));
  }
  body[data-page="about"] .museum-hero {
    padding-inline:max(112px,calc((100vw - 1440px) / 2));
  }
  body[data-page="about"] .museum-image-band .about-stage-performer {
    left:max(2%,calc((100vw - 1440px) / 2)); width:min(40%,790px);
  }
  body[data-page="about"] .story-interlude {
    width:min(1440px,calc(100% - var(--page) - var(--page)));
    margin-inline:auto;
  }
}
/* Columns can shrink safely rather than forcing the document wider than the viewport. */
body[data-page] :is(.story-scene,.story-legacy,.about-teaser,.family-section,.prologue-inner,.genre-grid,.gallery-grid,.video-grid) > * {min-width:0}
@media(max-width:580px) {
  body[data-page="about"] .story-closing h2 {white-space:normal;overflow-wrap:normal}
  body[data-page="gallery"] .catalog-search {min-width:0;max-width:100%}
  body[data-page] .compact-footer__inner {min-width:0}
}