/* Cross-device layout + Apple video paint safety — does not change visual design */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-x: clip;
}

body {
  overflow-x: clip;
  max-width: 100vw;
}

img,
video,
iframe,
canvas,
svg {
  max-width: 100%;
}

/* Keep video layers painted on Safari / iOS / iPadOS / Mac */
video {
  background: #000;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  visibility: visible;
}

.art-player-wrap video,
.art-video-player video,
.art-player-host video {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  background: #000 !important;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

html.su-apple .art-player-wrap,
html.su-apple .art-player-host,
html.su-apple .art-video-player {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

html.su-apple video {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Prevent blank compositor layers after orientation / fullscreen on Apple */
.art-player-wrap.is-paused video,
.art-player-wrap video[paused] {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}