/* Shared desktop content bounds; camera stages and backgrounds stay full-bleed. */
@media (min-width: 901px) {
  :root {
    --content-max: 1440px;
    --content-gutter: clamp(24px, 2vw, 40px);
    --content-inset: max(var(--content-gutter), calc((100% - var(--content-max)) / 2));
  }

  header {
    left: var(--content-inset);
    right: var(--content-inset);
  }

  #opening .opening-stage,
  .statement,
  html[data-trailer='true'] #trailer-interlude:not([hidden]),
  .chapter .stage,
  html[data-route='scroll'] .chapter#art .stage,
  #work,
  #studio,
  footer,
  html[data-route='static'] #contact,
  html[data-route='scroll'] .contact-stage {
    padding-inline: var(--content-inset);
  }

  #nearhalo .panel {
    margin-right: 0;
  }

  main.case {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }

  .poc-case-note {
    margin-inline: var(--content-inset);
  }

  /* Keep the footer above the fixed film, like the main reading sections. */
  footer {
    position: relative;
    z-index: 1;
  }
}