/* Integration details only; main.css is the unchanged Claude export. */
.hero__scroll { margin-left: auto; }
.hero__playback { position: absolute; inset: 0; z-index: 1; overflow: hidden; transition: opacity .25s ease; }
.hero__playback .hero__video { opacity: 1; transition: none; }
/* Decorative background only: never expose a native tap-to-play overlay. */
.hero__video { pointer-events: none; }
.hero__video::-webkit-media-controls,
.hero__video::-webkit-media-controls-panel,
.hero__video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}
[hidden]:not([hidden="until-found"]) { display: none !important; }

/* Keep the existing optional reduced-motion URL working in both languages. */
html[data-motion="off"] { scroll-behavior: auto; }
[data-motion="off"] *, [data-motion="off"] *::before, [data-motion="off"] *::after {
  animation: none !important;
  transition: none !important;
}
[data-motion="off"] .reveal, [data-motion="off"] .reveal-up { opacity: 1; transform: none; }
[data-motion="off"] .line__inner { transform: none !important; }
[data-motion="off"] .reveal-frame { clip-path: none; }
[data-motion="off"] .parallax-img, [data-motion="off"] .hero__media { transform: none !important; }
[data-motion="off"] .hero__video { opacity: 0 !important; }
[data-motion="off"] .film__opening { --bar: 0px !important; }
[data-motion="off"] .film__opening-media img { transform: none; }
@media (prefers-reduced-motion: reduce) { .hero__video { opacity: 0 !important; } }