.information-page .alien-space-hero { position: relative; width: 100%; min-width: 0; margin: 0; overflow: hidden; border-radius: 18px; aspect-ratio: 7 / 3; background: #050817; isolation: isolate; }
.information-page .alien-space-hero > :is(img, video) { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.information-page .alien-space-hero video { opacity: 0; }
.information-page .alien-space-hero[data-ready="true"]:not([data-state="error"]) video { opacity: 1; }
.information-page .alien-space-hero button { position: absolute; z-index: 1; right: 12px; bottom: 12px; min-height: 44px; padding: 10px 16px; border-radius: 999px; border: 1px solid rgb(255 255 255 / .3); background: rgb(5 8 23 / .75); color: #f4f6ff; font: inherit; font-size: 14px; cursor: pointer; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.information-page .alien-space-hero button[hidden] { display: none; }
.information-page .alien-space-hero button:focus-visible { outline: 2px solid #9ecaff; outline-offset: -5px; }
.information-page .film-hero:has(.alien-space-hero) { grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: clamp(32px, 4vw, 64px); }
@media (max-width: 940px) { .information-page .film-hero:has(.alien-space-hero) { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 480px) { .information-page .alien-space-hero { border-radius: 12px; padding-bottom: 48px; box-sizing: content-box; } .information-page .alien-space-hero > :is(img, video) { height: calc(100% - 48px); } .information-page .alien-space-hero button { bottom: 4px; right: 6px; background: transparent; border-color: transparent; } }
@media (prefers-reduced-transparency: reduce) { .information-page .alien-space-hero button { background: #050817; backdrop-filter: none; } }