/* A simple, readable introduction sits over the full-bleed performance. */
body[data-page="home"] .royal-copy .royal-summary {
  max-width: 340px;
  margin: 0;
  color: #f1e6d9;
  font: 400 clamp(15px, 1.15vw, 18px)/1.65 'Century Gothic', 'Noto Sans Gujarati', Arial, sans-serif;
  text-wrap: pretty;
  animation: royal-copy-in .8s .35s both;
}
@media (max-width: 700px) {
  body[data-page="home"] .royal-copy .royal-summary {
    max-width: 300px;
    font-size: 15px;
    line-height: 1.6;
  }
}

/* Cap the content, not the cinematic background or the sticky scroll scene. */
body[data-page="home"] .repertoire :is(.mood-stage, .repertoire-inner) > :is(.section-heading, .genre-grid),
body[data-page="home"] .repertoire > :is(.section-heading, .genre-grid) {
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
}
@media (min-width: 1921px) {
  body[data-page] .site-header.royal-nav,
  body[data-page] .site-header.royal-nav.scrolled {
    width: 1920px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  body[data-page] .compact-footer.finale-footer {
    max-width: 1920px;
    margin-inline: auto;
    box-sizing: border-box;
  }
}

/* Each interaction uses the same heritage silhouette. A text underline keeps
   keyboard focus clear without introducing an unrelated rectangular ring. */
body[data-page] .royal-nav nav.royal-nav-links a:is(:hover, :active, :focus-visible, [aria-current]),
body[data-page] .royal-mobile-navigation a:not(.royal-mobile-book):is(:hover, :active, :focus-visible, [aria-current]) {
  color: #fff8f1 !important;
  background: rgba(101, 32, 41, .72) !important;
  clip-path: polygon(8% 0, 92% 0, 95% 9%, 97% 17%, 100% 24%, 100% 76%, 97% 83%, 95% 91%, 92% 100%, 8% 100%, 5% 91%, 3% 83%, 0 76%, 0 24%, 3% 17%, 5% 9%);
}
body[data-page] .royal-nav nav.royal-nav-links a:focus-visible,
body[data-page] .royal-mobile-navigation a:not(.royal-mobile-book):focus-visible {
  outline: none !important;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] .royal-copy .royal-summary { animation: none; }
}

/* Keep card collections comfortably contained on ultra-wide screens. */
body[data-page] :is(.video-grid, .client-list, .featured-performance) {
  max-width: 1920px;
  margin-inline: auto;
}
body[data-page="home"] .story-preview {
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  box-sizing: border-box;
}