/*
 * Mobile colour hierarchy
 *
 * Brooks red remains the action colour (trial buttons, indicators and tiny
 * details). On a phone, a full-width red block with near-black copy dominates
 * the entire scroll, so the broad editorial red fields become either a quiet
 * paper surface or deep plum with light copy. Desktop art direction is left
 * intact.
 */
@media (max-width: 720px) {
  .about-world .about-hero::before {
    background: #3b1d31;
    opacity: .76;
  }

  .about-world .archive-strip span,
  .about-world .about-invitation,
  .locations-world .remote-station,
  .about-world .manual-spine {
    background: #3b1d31;
    color: #fff7e8;
  }

  /* Instrument pages: retain a rich, musical field without black-on-red copy. */
  body[data-world='piano'] .piano-console,
  body[data-world='piano'] .piano-manifesto,
  body[data-world='piano'] .piano-manifesto__facts div,
  body[data-world='drums'] .drum-session {
    background: #3b1d31;
    color: #fff7e8;
  }

  body[data-world='piano'] .piano-manifesto__facts {
    background: #fff7e8;
    border-color: #fff7e8;
  }

  body[data-world='piano'] .piano-manifesto__copy,
  body[data-world='drums'] .drum-session p {
    color: rgba(255, 247, 232, .82);
  }

  body[data-world='drums'] .drum-session aside {
    background: #fff7e8;
    color: #17130f;
    box-shadow: 8px 8px 0 rgba(255, 247, 232, .42);
  }

  body[data-world='drums'] .drum-session aside h3,
  body[data-world='drums'] .drum-session aside p {
    color: #3b1d31;
  }

  /* Programme pages: give long mobile reading areas a calmer base. */
  body[data-world='arts'] .arts-home-studio {
    background: #f1ead9;
  }

  body[data-world='arts'] .cabinet-top,
  body[data-world='arts'] .cabinet-drawer {
    background: #5d3043;
    color: #fff7e8;
    border-color: #17130f;
  }

  body[data-world='dance'] .dance-portal,
  body[data-world='dance'] .dance-faq,
  body[data-world='theory'] .theory-portal,
  body[data-world='theory'] .theory-lesson-notes {
    background: #3b1d31;
    color: #fff7e8;
  }

  body[data-world='dance'] .dance-faq details,
  body[data-world='theory'] .theory-lesson-notes__page {
    color: #17130f;
  }

  /* A single red moment is still useful: reserved for primary actions only. */
  .site-nav .nav-trial,
  .world-nav .world-menu,
  .world-nav a[href*='enquiry'] {
    box-shadow: 0 0 0 2px rgba(195, 40, 46, .16);
  }
}