/* Component-only styles: safe to import without resetting the host website. */
.mp-hero{position:relative;isolation:isolate;overflow:hidden;background:#030405;width:100%;height:100%;contain:layout paint}
.mp-hero__canvas,.mp-hero__poster{position:absolute;inset:0;width:100%;height:100%;display:block}
.mp-hero__poster{object-fit:contain;pointer-events:none;z-index:1;background:#030405;transition:opacity .18s ease,visibility 0s .18s}
.mp-hero[data-state=ready] .mp-hero__poster{opacity:0;visibility:hidden}
.mp-hero__canvas{touch-action:pan-y;outline-offset:-2px}
.mp-hero__canvas--inspect{touch-action:none;cursor:grab}
.mp-hero__canvas.slab-hovered{cursor:pointer}.mp-hero__canvas.slab-moving{cursor:default}
.mp-hero__canvas:focus-visible{outline:1px solid #b1a8be;outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.mp-hero__poster{transition:none}}