/* 2026-09-28 preview refinements */
@media (min-width: 1201px) {
  /* Centre the artwork in the right-hand half of the 12-column page grid. */
  .hero.cosmic-hero .planet-alpha,
  html[data-theme="light"] .hero.cosmic-hero .planet-alpha {
    left: 71.5%;
    right: auto;
    transform: translate(-50%, -50%);
  }
  #zimmer .composer-copy-profile { margin-left: 0; margin-right: auto; }
}
.orchestra-official-link { justify-content: flex-start; gap: clamp(14px, 2vw, 28px); border: 1px solid rgba(166,150,255,.58); box-shadow: none; }
.orchestra-official-link > img { display: block; width: clamp(120px, 16vw, 180px); height: auto; flex: 0 0 auto; border-radius: 9px; clip-path: inset(1px round 9px); }
.orchestra-official-label { color: #b9adff; font-weight: 700; }
.orchestra-official-button { margin-left: auto; background: #dafa68; border: 1px solid #dafa68; color: #23301d; }
.orchestra-official-link:hover .orchestra-official-button { background: #c9ed58; border-color: #c9ed58; color: #23301d; }
html[data-theme="light"] .orchestra-official-link { border-color: #8ece35; background: rgba(255,255,255,.72); }
html[data-theme="light"] .orchestra-official-label { color: #506b37; }
html[data-theme="light"] .social-section { background: var(--night); }
.media-photo-note { margin: 0 0 32px; padding: 20px 22px; border: 1px solid rgba(248,193,38,.45); border-left: 4px solid #f4c430; border-radius: 12px; color: var(--white); background: linear-gradient(100deg,rgba(248,193,38,.09),rgba(14,23,41,.85)); line-height: 1.6; }
.media-playlist { grid-template-columns: minmax(0,1fr); }
.media-playlist iframe { width: 100%; }
.media-audio-intro { margin-top: 34px; margin-bottom: 0; }
@media (max-width: 700px) {
  .orchestra-official-link { display: grid; grid-template-columns: 88px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 14px; }
  .orchestra-official-link > img { width: 88px; }
  .orchestra-official-label { min-width: 0; font-size: .78rem; line-height: 1.4; }
  .orchestra-official-button { margin-left: 0; padding: 10px 12px; font-size: .75rem; white-space: nowrap; }
}

/* Align the light-theme planet with the actual background panel. */
@media (min-width: 1201px) {
 html[data-theme="light"] .hero.cosmic-hero .planet-alpha { left: calc(77% - 30px); top: calc(50% - 15px); }
}

html[data-theme="light"] #zimmer .composer-copy p { color: var(--muted); }