/* One MICKAI palette and one player contract across the three satellite sites. */
[data-cinema] { --cinema-gold: #d4af37; --cinema-cream: #f3eee1; }
[data-cinema-art] { pointer-events: none; }
[data-cinema-art] picture { display: block; width: 100%; height: 100%; }
[data-cinema-art] picture img,
[data-cinema-video] {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: var(--hero-focus, 74% 48%);
}
[data-cinema-video] { opacity: 0; pointer-events: none; }
[data-cinema][data-video="playing"] [data-cinema-video] { opacity: 1; }
.cinema__controls {
  position: absolute; z-index: 4; right: max(24px, var(--gutter, 24px)); top: 24px;
  display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px;
  max-width: calc(100% - 48px); align-items: center;
}
.cinema__controls button {
  min-height: 44px; padding: 11px 16px; border: 1px solid rgba(212,175,55,.55);
  border-radius: 24px; background: rgba(8,8,7,.94); color: var(--cinema-cream);
  font: 500 .7rem/1.3 var(--mono, var(--label, monospace));
  letter-spacing: .04em; cursor: pointer;
}
.cinema__controls button:hover { border-color: #f1d982; color: #f1d982; }
.cinema__controls button:focus-visible { outline: 2px solid #f1d982; outline-offset: 4px; }
.cinema__controls button[aria-disabled="true"] { cursor: default; }
.cinema__controls [hidden] { display: none !important; }
.cinema__controls [data-cinema-status] { display: none; font-size: .75rem; color: var(--cinema-cream); }
[data-playback="failed"] .cinema__controls [data-cinema-status] { display: block; max-width: 20rem; }
[data-cinema-site="trust-agent"] .cinema__controls { top: calc(var(--nav-h) + 12px); bottom: auto; }
[data-cinema-site="trust-agent"] .hero__grid { position: relative; z-index: 3; }
[data-cinema-site="trust-agent"] .hero__dot,
[data-cinema-site="trust-agent"] .hero__line--accent { animation: none; }
[data-cinema-site="trust-agent"] .hero__scrim { z-index: 3; }
@media (max-width: 980px) {
  [data-cinema-site="trust-agent"] .cinema__controls { top: calc(var(--nav-h) + 12px); bottom: auto; }
}
@media (max-width: 959px) {
  [data-cinema-art] picture img,
  [data-cinema-video] { object-position: var(--hero-focus-mobile, 74% 48%); }
  .cinema__controls { top: 12px; right: 16px; max-width: calc(100% - 32px); }
}
@media (prefers-reduced-motion: reduce) {
  [data-cinema] *, [data-cinema] *::before, [data-cinema] *::after { scroll-behavior: auto; }
}
@media (forced-colors: active) {
  [data-cinema-art], [data-cinema] .hero__scrim { visibility: hidden; }
  .cinema__controls:not(:focus-within) { display: none; }
}